@charset "UTF-8";
@font-face{font-family:Montserrat-Black;src:url(../fonts/Montserrat-Black.eot);src:url(../fonts/Montserrat-Black.eot?#iefix) format("embedded-opentype"),url(../fonts/Montserrat-Black.woff2) format("woff2"),url(../fonts/Montserrat-Black.woff) format("woff"),url(../fonts/Montserrat-Black.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Montserrat-Medium;src:url(../fonts/Montserrat-Medium.eot);src:url(../fonts/Montserrat-Medium.eot?#iefix) format("embedded-opentype"),url(../fonts/Montserrat-Medium.woff2) format("woff2"),url(../fonts/Montserrat-Medium.woff) format("woff"),url(../fonts/Montserrat-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Montserrat-Bold;src:url(../fonts/Montserrat-Bold.eot);src:url(../fonts/Montserrat-Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/Montserrat-Bold.woff2) format("woff2"),url(../fonts/Montserrat-Bold.woff) format("woff"),url(../fonts/Montserrat-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Montserrat-Regular;src:url(../fonts/Montserrat-Regular.eot);src:url(../fonts/Montserrat-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/Montserrat-Regular.woff2) format("woff2"),url(../fonts/Montserrat-Regular.woff) format("woff"),url(../fonts/Montserrat-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Mulish-Regular;src:url(../fonts/Mulish-Regular.eot);src:url(../fonts/Mulish-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/Mulish-Regular.woff2) format("woff2"),url(../fonts/Mulish-Regular.woff) format("woff"),url(../fonts/Mulish-Regular.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Mulish-Regular;src:url(../fonts/Mulish-Regular.eot);src:url(../fonts/Mulish-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/Mulish-Regular.woff2) format("woff2"),url(../fonts/Mulish-Regular.woff) format("woff"),url(../fonts/Mulish-Regular.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Mulish-Bold;src:url(../fonts/Mulish-Bold.eot);src:url(../fonts/Mulish-Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/Mulish-Bold.woff2) format("woff2"),url(../fonts/Mulish-Bold.woff) format("woff"),url(../fonts/Mulish-Bold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Mulish-Semibold;src:url(../fonts/Mulish-Semibold.eot);src:url(../fonts/Mulish-Semibold.eot?#iefix) format("embedded-opentype"),url(../fonts/Mulish-Semibold.woff2) format("woff2"),url(../fonts/Mulish-Semibold.woff) format("woff"),url(../fonts/Mulish-Semibold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:UTMHelvetIns;src:url(../fonts/UTMHelvetIns.eot);src:url(../fonts/UTMHelvetIns.eot?#iefix) format("embedded-opentype"),url(../fonts/UTMHelvetIns.woff2) format("woff2"),url(../fonts/UTMHelvetIns.woff) format("woff"),url(../fonts/UTMHelvetIns.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}
.text-split1{overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:1}
.text-split2{overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2}
.text-split3{overflow:hidden;text-overflow:ellipsis!important;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:3}
@keyframes spin{
to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@-webkit-keyframes spin{
to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes blink{
0%{opacity:1}
50%{opacity:0}
100%{opacity:1}
}
@-webkit-keyframes blink{
0%{opacity:1}
50%{opacity:0}
100%{opacity:1}
}
@keyframes shake-anim{
0%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)}
10%,30%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}
20%,40%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}
100%,50%{-moz-transform:rotate(0) scale(1) skew(1deg)}
}
@-webkit-keyframes shake-anim{
0%,100%,50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
10%,30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}
20%,40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}
}
.popup-custom .modal-content{border-radius:0;border:0}
.popup-custom .modal-content .modal-body{padding:10px}
.popup-custom .close{position:absolute;top:10px;right:10px;width:40px;height:40px;z-index:2;color:#888;cursor:pointer;border:1px solid #eee;background-color:#fff;opacity:1!important}
#popup-quickview .modal-dialog{max-width:1140px}
.opacity-0{opacity:0}
@keyframes fadeInUp{
0%{opacity:0;transform:translate3d(0,100px,0)}
100%{opacity:1;transform:translate3d(0,0,0)}
}
@keyframes fadeInDown{
0%{opacity:0;transform:translate3d(0,-100px,0)}
100%{opacity:1;transform:translate3d(0,0,0)}
}
@keyframes scaleLarge{
0%{opacity:0;transform:scale(2)}
100%{opacity:1;transform:scale(1)}
}
:root{--color-red:#ec2d3f;--color-medium-red:#cc2c32;--color-dark-red:#c31829;--color-green:#28a745;--color-dark-green:#207d36;--color-black:#212529;--color-gray:#6c757d;--background-static:#3fa07e;--background-hover:#eceb1b;--color-static:#000;--color-hover:#ec2d3f}
a.mucluc-dropdown-list_button:before{content:"\f03a";font-family:FontAwesome;font-style:normal;font-weight:400;background:#fff;color:#006acb!important;font-size:20px;width:35px;height:35px;display:inline-block;line-height:38px;text-align:center;border:1px solid #ddd}
.meta-toc{position:fixed;left:5px;top:200px;z-index:111;display:none}
.box-readmore{padding:10px;background-color:#f5f5f5;width:350px;margin-top:2px;border:1px solid #ddd;display:none;font-size:13px}
.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:0 0 5px 0}
.box-readmore ul li:before{content:counters(item, ".") ". ";display:table-cell;padding-right:5px}
.box-readmore ul li a{color:#006acb!important;cursor:pointer;font-weight:400}
.box-readmore ul li a:hover{color:#767676}
#loader-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999999;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:999999}
#loader-wrapper.show1 #wrap{background:0 0}
#loader-wrapper:after{-webkit-mask:url(../img/mask-01.png);mask:url(../img/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:99999}
#loader-wrapper.show1::after{-webkit-animation:MaskPlay 1s steps(22) forwards;animation:MaskPlay 1s steps(22) forwards}
#loader-wrapper.show1 #wrap{opacity:0}
.loading-text ul{margin-top:1.875rem}
.loading-text ul li{-webkit-animation:anime 1.5s infinite linear;animation:anime 1.5s infinite linear;display:inline-block;font-family:var(--bs-font-monospace);font-size:1.875rem;letter-spacing:1px}
.loading-text ul li:nth-child(1){-webkit-animation-delay:0s;animation-delay:0s}
.loading-text ul li:nth-child(2){-webkit-animation-delay:.1s;animation-delay:.1s}
.loading-text ul li:nth-child(3){-webkit-animation-delay:.2s;animation-delay:.2s}
.loading-text ul li:nth-child(4){-webkit-animation-delay:.3s;animation-delay:.3s}
.loading-text ul li:nth-child(5){-webkit-animation-delay:.4s;animation-delay:.4s}
.loading-text ul li:nth-child(6){-webkit-animation-delay:.5s;animation-delay:.5s}
.loading-text ul li:nth-child(7){-webkit-animation-delay:.6s;animation-delay:.6s}
.loader{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;padding-bottom:3.125rem;position:fixed;top:0;width:100%;z-index:100001}
@-webkit-keyframes anime{
0%{color:grey;letter-spacing:1px;text-shadow:1px 1px 0 #000;transform:translateY(0)}
50%{color:#ffc107;letter-spacing:5px;text-shadow:5px 10px 1px #000;transform:translateY(-10px)}
100%{color:grey;letter-spacing:1px;text-shadow:1px 1px 0 #000;transform:translateY(0)}
}
@keyframes anime{
0%{color:grey;letter-spacing:1px;text-shadow:1px 1px 0 #000;transform:translateY(0)}
50%{color:#ffc107;letter-spacing:5px;text-shadow:5px 10px 1px #000;transform:translateY(-10px)}
100%{color:grey;letter-spacing:1px;text-shadow:1px 1px 0 #000;transform:translateY(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}
}
body{font-size:14px;top:0!important;scroll-behavior:smooth}
.tt-skip-link{position:fixed;top:0;left:16px;z-index:10000;padding:10px 16px;border-radius:0 0 10px 10px;background:#fff;color:#061f3d;font-weight:700;transform:translateY(-120%);transition:transform .2s ease}
.tt-skip-link:focus{transform:translateY(0)}
.skiptranslate iframe{display:none}
blockquote{font-style:italic;font-family:Georgia,Times,"Times New Roman",serif;padding:2px 0;border-style:solid;border-color:#ccc;border-width:0;padding-left:20px;padding-right:8px;border-left-width:5px}
blockquote p{margin-bottom:0}
.img100{width:100%;height:100%}
.footer-copyright a{color:#fff}
.row-10{margin-left:-5px;margin-right:-5px}
.row-20{margin-left:-10px;margin-right:-10px}
.row-30{margin-left:-15px;margin-right:-15px}
.col-30{padding-left:15px}
.col-20{padding-left:10px;padding-right:10px}
.mg-col-10{padding-left:5px;padding-right:5px}
.list-news-other li a{text-transform:none;color:#333}
.c_map{padding:10px 5px}
.row.r_map{margin:0 5px}
.title-main h2{font-family:Montserrat-Bold;text-transform:uppercase;color:#f0ce40;font-size:30px;margin-bottom:0;display:inline-block;background:#fff;position:relative;margin-top:15px}
.list-news-other li{padding:3px 0}
.list-news-other li a:hover{color:#ec2d3f}
.padding-top-bottom{padding:2rem 0}
li.hsnl i{font-size:11px;position:relative;right:-3px;top:-1px}
.pad-top{padding-top:2.5rem}
.pad-bottom{padding-bottom:2.5rem}
.mg-top{margin-top:2.5rem}
.mg-bottom{margin-bottom:2.5rem}
.hover_xemthem{transition:.4s}
.hover_xemthem:hover{letter-spacing:2px}
img{max-width:100%;height:auto;vertical-align:top}
a,input,textarea{outline:0;padding:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.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}
.maxwidth{max-width:1300px;margin:auto;width:calc(100% - 30px)}
.divRight{width:90%}
.search-box{width:40px;margin-right:15px}
.maxwidth2{max-width:1346px;margin:auto;width:calc(100% - 30px)}
.fix_head{position:fixed!important;top:0;width:100%;z-index:999!important}
.mg-l-10{margin-left:-10px}
.mg-r-10{margin-right:-10px}
.mg-b-20{margin-bottom:20px}
.title-detail-main{color:#252525;font-size:23px;margin-bottom:1.5rem;font-weight:500}
.title-main{margin-bottom:1.5rem;text-align:center}
.title-main span{text-transform:uppercase;color:var(--color-black);font-weight:700;font-size:1.4rem}
.time-main{margin-bottom:.75rem;color:#999}
.contact-input input,.contact-input textarea{border-radius:0;border-top:none;border-left:none;border-right:none}
.contact-input input:focus,.contact-input textarea:focus{box-shadow:none;outline:0}
.time-main i{vertical-align:top;margin:3px 7px 0 0}
.time-main span{vertical-align:top;display:inline-block}
.share{padding:17px 15px 10px 15px;line-height:normal;background:rgba(128,128,128,.15);margin-top:15px;border-radius:5px}
.share b{display:block;margin-bottom:5px}
.control-owl{position:absolute;width:100%;z-index:2;left:0;top:calc(50% - 45px / 2)}
.control-owl button{opacity:.5;top:0;position:absolute;outline:0;border:0;padding:0;margin:0;display:block;cursor:pointer;color:#fff;width:45px;height:45px;text-align:center;font-size:25px;margin:0;background-color:#000;border-radius:3px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.control-owl button:hover{opacity:1}
.control-owl button.owl-prev{left:20px}
.control-owl button.owl-next{right:20px}
.custom-form-row{margin-right:-10px;margin-left:-10px}
.custom-form-row>.col,.custom-form-row>[class*=col-]{padding-right:10px;padding-left:10px}
.text-sm{font-size:.875rem!important}
img.lazy{opacity:0}
img:not(.initial){-webkit-transition:opacity 1s;transition:opacity 1s}
img.error,img.initial,img.loaded{opacity:1}
img:not([src]){visibility:hidden}
.wrap-user{width:100%;max-width:550px;margin:auto;border:1px solid #bce8f1;border-radius:5px}
.title-user{background-color:#d9edf7;padding:12px 15px;border-radius:5px 5px 0 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.title-user span{color:#31708f}
.title-user a{color:#0056b3;font-size:12px}
.form-user{padding:20px 15px}
.input-user{margin-bottom:.75rem}
.input-user input{font-size:14px}
.button-user{margin-bottom:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.button-user input{font-size:14px}
.checkbox-user,.radio-user{cursor:pointer}
.checkbox-user input{top:calc(50% - 1.25rem / 2);height:auto}
.checkbox-user label{font-size:14px;cursor:pointer}
.checkbox-user label::after,.checkbox-user label::before{top:calc(50% - 1rem / 2)}
.radio-user{margin-right:1rem}
.radio-user:last-child{margin-right:0}
.radio-user label::after,.radio-user label::before{top:calc(50% - 1rem / 2)}
.note-user{font-size:14px;border-top:1px solid #ddd;padding-top:.5rem}
#popup-cart .modal-title{text-transform:uppercase}
#popup-cart .modal-body .wrap-cart{padding:0;-webkit-box-shadow:none;box-shadow:none;border:0}
#popup-cart .modal-footer{padding:.75rem 0 0 0;border-top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.buymore-cart{color:#ec2d3f;cursor:pointer;margin:0}
.buymore-cart i{margin-right:2px;margin-top:5px;vertical-align:top;font-size:12px}
.wrap-cart{padding:20px 15px;background:#fff;border:1px solid #d8d8d8;-webkit-box-shadow:0 0 20px rgba(0,0,0,.15);box-shadow:0 0 20px rgba(0,0,0,.15)}
.top-cart{border-right:1px solid #eee}
.procart{padding:20px 10px;border:1px solid #eee;border-top:0}
.pic-procart{text-align:center}
.pic-procart img{max-height:100px;height:inherit}
.pic-procart .del-procart{color:#999;font-size:12px;display:block;margin-top:5px;cursor:pointer}
.pic-procart .del-procart:hover{color:red}
.name-procart a{font-size:14px;color:#000;display:block}
@media only screen and (max-width:575px){
.name-procart a{font-size:13px}
}
.name-procart a:hover{color:#ec2d3f}
.properties-procart{display:block}
.properties-procart p{display:inline-block;margin-bottom:0}
.properties-procart p:first-child{margin-right:10px}
.properties-procart p strong{font-weight:600}
@media only screen and (max-width:767px){
.quantity-procart{text-align:right}
}
.quantity-procart p{margin-bottom:0}
.quantity-counter-procart{border:1px solid #dfdfdf;width:100%;height:30px;line-height:normal;text-align:center;border-radius:3px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.counter-procart{background-color:transparent;border:0;width:30%;color:#333;outline:0;cursor:pointer;font-size:23px}
.counter-procart:focus,.counter-procart:hover{color:#ec2d3f}
.counter-procart:disabled{color:#ccc;cursor:not-allowed}
.counter-procart:disabled:hover{color:#ccc;cursor:not-allowed}
.counter-procart-minus{line-height:26px}
.counter-procart-plus{line-height:24px}
.quantity-counter-procart .quantity-procart{width:40%;-webkit-box-sizing:border-box;box-sizing:border-box;border:0;border-right:1px solid #dfdfdf;border-left:1px solid #dfdfdf;outline:0;-webkit-box-shadow:none;box-shadow:none;padding:0;color:#333;text-align:center}
.price-procart{width:20%;text-align:right}
@media only screen and (max-width:767px){
.price-procart{display:none}
}
.price-procart-rp{display:none;width:100%;margin-bottom:10px;font-size:13.5px}
@media only screen and (max-width:767px){
.price-procart-rp{display:block}
}
.price-new-cart{color:#ec2d3f;margin-bottom:0}
.price-old-cart{color:#999;text-decoration:line-through}
.procart-label{border:0;background:#eee;padding:10px;margin:0;text-transform:capitalize}
@media only screen and (max-width:575px){
.procart-label{font-size:13px}
}
@media only screen and (min-width:768px){
.procart-label .quantity-procart p:first-child{display:block}
}
@media only screen and (max-width:767px){
.procart-label .quantity-procart p:first-child{display:none}
}
@media only screen and (min-width:768px){
.procart-label .quantity-procart p:last-child{display:none}
}
@media only screen and (max-width:767px){
.procart-label .quantity-procart p:last-child{display:block}
}
.money-procart{margin-top:15px}
.total-procart{background:#eee;padding:7px 10px;border:1px solid #dddfe2;margin-bottom:-1px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.total-procart p{margin-bottom:0;font-size:15px}
.total-procart p:last-child{color:#ec2d3f}
.section-cart{position:-webkit-sticky;position:sticky;top:15px}
.title-cart{font-size:15px;text-transform:uppercase;color:#000;border-bottom:1px solid #eee;padding-bottom:5px;margin-bottom:15px}
.information-cart{margin-bottom:1.5rem}
.input-cart{margin-bottom:.5rem;position:relative}
.input-cart textarea{resize:none;height:100px}
.input-cart select{cursor:pointer}
.payments-cart{text-align:left;margin-bottom:5px;min-height:auto;padding-left:0;margin-left:20px;position:relative}
.payments-cart:last-child{margin-bottom:0}
.payments-cart input{top:10px;position:absolute}
.payments-label{cursor:pointer;background:#eee;display:block;padding:10px 15px;border-radius:3px;margin-bottom:0;color:#313131!important}
.payments-label::after,.payments-label::before{top:calc(50% - 1rem / 2)}
.payments-label.active{background:var(--background-static);color:#fff!important}
.payments-info{opacity:0;visibility:hidden;height:0;overflow:hidden;background:#f5efef;border-radius:5px}
.payments-info p{margin-bottom:1em}
.payments-info.active{padding:10px 15px;margin-top:5px;opacity:1;visibility:visible;height:auto}
.btn-cart{text-transform:capitalize}
.empty-cart{padding:25px 30px;text-align:center}
.empty-cart i{color:red;font-size:70px}
.empty-cart p{margin:15px 0;color:#333;font-size:18px}
.comment-title{font-size:18px}
.comment-show{display:block!important}
.comment-point{font-size:47px;color:#fe302e}
.comment-star{font-size:0;position:relative;display:inline-block;vertical-align:top;margin-bottom:.5rem}
.comment-star span{display:block;position:absolute;top:0;left:0;bottom:0;z-index:1;overflow:hidden;text-align:left;white-space:nowrap}
.comment-star i{display:inline-block;margin:.1rem;color:#b8b8b8;text-rendering:auto;font-size:20px}
.comment-star i:nth-child(1){margin-left:0}
.comment-star span i{color:#ffc120}
.comment-progress{width:100%;margin-bottom:.375rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.comment-progress:last-child{margin-bottom:0}
.comment-progress .progress{height:12px;margin-right:10px;margin-left:5px;width:calc(100% - 90px);border-radius:10px}
.comment-progress .progress-bar#has-rate{background-color:#23b445}
.comment-progress .progress-num{font-size:15px;width:25px;text-align:center;color:#787878}
.comment-progress .progress-total{font-weight:600;text-align:left;color:#787878;width:50px}
.comment-write{display:none}
.review-rating-star{font-size:0}
.review-rating-star-icon .fa{font-weight:400;font-style:normal;display:inline-block;margin:.1rem;font-size:21px;cursor:pointer;color:#f0c808}
.review-rating-star-icon .fa.star-empty{color:#dedddc}
.review-rating-star-icon .fa.star-not-empty{color:#f0c808}
.review-rating-star-icon .fa:nth-child(1){margin-left:0}
.review-fileuploader{padding:20px 15px;text-align:center;background-color:#fff;cursor:pointer;border:2px dashed #c2cdda;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.review-fileuploader .review-fileuploader-text{color:#90a0bc}
.review-file-uploader .fileuploader{padding:0;margin:0;background:0 0}
.review-file-uploader .fileuploader-items .fileuploader-items-list{margin:1rem -5px 0 -5px}
.review-file-uploader .fileuploader-items .fileuploader-items-list:after{display:block;content:"";clear:both}
.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item{padding:0;width:calc(100% / 7 - 10px);float:left;margin:0 5px 5px 5px;border-bottom:0}
.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .columns{display:block}
.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-thumbnail{width:auto;height:auto}
.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-thumbnail .fileuploader-item-image{height:auto;padding:50% 0}
.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-thumbnail .fileuploader-item-image img{position:absolute;top:0;left:0;max-width:100%;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transform:none;transform:none}
.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-title{padding:0;margin-top:.5rem;text-align:center;display:none}
.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-actions{margin:0;position:absolute;top:0;right:-5px}
.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-infos input{border:1px solid #ddd;border-radius:.25rem}
.review-poster-video-avatar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
.review-poster-video-avatar .avatar-detail{width:95px;height:95px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.review-poster-video-avatar .avatar-detail img{max-width:95px;max-height:95px}
#review-content{height:350px}
.carousel-comment-media .carousel-control a{opacity:1;width:45px;height:45px;top:calc(50% - 45px / 2);bottom:inherit}
.carousel-comment-media .carousel-control a span{display:block;cursor:pointer;color:#222;width:45px;height:45px;padding:5px;text-align:center;background-color:#fff;-webkit-box-shadow:0 1px 12px 0 rgba(0,0,0,.12);box-shadow:0 1px 12px 0 rgba(0,0,0,.12);border-radius:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.carousel-comment-media .carousel-control a.carousel-control-prev{left:20px}
.carousel-comment-media .carousel-control a.carousel-control-prev span{padding-right:9px}
.carousel-comment-media .carousel-control a.carousel-control-next{right:20px}
.carousel-comment-media .carousel-control a.carousel-control-next span{padding-left:8px}
.carousel-comment-media .carousel-indicators{position:static;margin:0 0 1rem 0}
.carousel-comment-media .carousel-indicators li{width:auto;max-width:60px;height:auto;text-indent:inherit;-webkit-box-flex:0;-ms-flex:none;flex:none;margin:0 0 3px 0;border:2px solid transparent;opacity:1;cursor:-webkit-zoom-in;cursor:zoom-in}
.carousel-comment-media .carousel-indicators li.active{border-color:#ffc120;cursor:-webkit-zoom-out;cursor:zoom-out;-webkit-transform:scale(1.05);transform:scale(1.05)}
.carousel-comment-media .carousel-inner{max-width:550px;-webkit-box-shadow:0 1px 12px 0 rgba(0,0,0,.12);box-shadow:0 1px 12px 0 rgba(0,0,0,.12);margin:auto}
.carousel-comment-media .carousel-inner .carousel-lists .carousel-comment-media-item-video #file-video{max-width:100%;width:100%;height:500px;vertical-align:top;display:inline-block;background-color:#000}
#form-reply{display:none}
.comment-item{margin-bottom:3rem}
@media only screen and (min-width:992px){
.comment-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
}
.comment-item-poster{width:200px;margin-right:30px;text-align:center}
.comment-item-letter{border-radius:50%;background-color:#d3d2d3;color:#919090;width:65px;height:65px;text-transform:uppercase;display:inline-block;vertical-align:top;line-height:67px;font-size:18px;font-weight:700;margin-bottom:.5rem}
.comment-item-name{margin-bottom:.25rem;text-transform:capitalize}
.comment-item-posttime{font-size:12px;color:#999}
.comment-item-information{width:calc(100% - 230px)}
.comment-item-star{float:left;margin-right:10px}
.comment-item-star i{font-size:17px}
.comment-item-title{font-size:15px;font-weight:500}
.comment-replies{position:relative;background:#f8f9fa;border:1px solid #dfdfdf;padding:1.75rem 1.5rem}
.comment-replies:after{content:"";position:absolute}
.comment-replies:before{content:"";position:absolute;z-index:1;top:-13px;left:10px;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:13px solid #f8f9fa}
.comment-replies:after{top:-14px;left:9px;border-left:11px solid transparent;border-right:11px solid transparent;border-bottom:14px solid #dfdfdf}
.comment-replies-item{margin-bottom:1.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
.comment-replies-item:last-child{margin-bottom:0}
.comment-replies-letter{width:45px;height:45px;margin-right:10px;line-height:45px;padding-left:1px;font-size:14px;border-radius:50%;background-color:#e5e3e5;color:#919090;text-transform:uppercase;display:inline-block;vertical-align:top;font-weight:500;text-align:center;margin-top:.125rem}
.comment-replies-letter.admin{position:relative;background-color:#189eff;text-indent:9999px;overflow:hidden}
.comment-replies-letter.admin:before{content:"QTV";text-indent:0;color:#fff;font-weight:500;text-transform:uppercase;font-size:13px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.comment-replies-info{width:calc(100% - 55px)}
.comment-replies-name{font-weight:500;margin-bottom:.125rem}
.comment-replies [class*=btn-load-more-]{border:0;outline:0;padding:0;background:0 0}
.comment-media-play{z-index:1;position:absolute;top:50%;left:50%;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%)}
.comment-media-play svg{-webkit-box-shadow:1px 1px 15px rgba(0,0,0,.3);box-shadow:1px 1px 15px rgba(0,0,0,.3);border-radius:50%;background-color:rgba(255,255,255,.15)}
.comment-media-play svg .comment-media-play-stroke-dotted{opacity:0;stroke-dasharray:4,5;stroke-width:1px;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation:spin 4s infinite linear;animation:spin 4s infinite linear;-webkit-transition:opacity 1s ease,stroke-width 1s ease;transition:opacity 1s ease,stroke-width 1s ease}
.comment-media-play svg .comment-media-play-stroke-solid{stroke-dashoffset:0;stroke-dasharray:300;stroke-width:4px;-webkit-transition:stroke-dashoffset 1s ease,opacity 1s ease;transition:stroke-dashoffset 1s ease,opacity 1s ease}
.comment-media-play svg .comment-media-play-icon{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transition:-webkit-transform .2s ease-out;transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out;transition:transform .2s ease-out,-webkit-transform .2s ease-out}
.comment-media-play:hover svg .comment-media-play-stroke-dotted{stroke-width:4px;opacity:1}
.comment-media-play:hover svg .comment-media-play-stroke-solid{opacity:0;stroke-dashoffset:300}
.comment-media-play:hover svg .comment-media-play-icon{-webkit-transform:scale(1.05);transform:scale(1.05)}
.head .head-top{color:#fff;background-color:var(--background-static)}
.slogan-head{height:40px;display:flex;align-items:center;width:40%}
.info-head{margin-bottom:0}
.info-head i{vertical-align:top;margin:3px 5px 0 0;font-size:16px}
.head .head-bottom .maxwidth{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.social-head li{width:30px}
.head-bottom .maxwidth{padding:10px 0}
.user-head a{color:#fff;padding-right:9px;margin-right:7px;position:relative;display:inline-block;vertical-align:top;text-decoration:none}
.user-head a:after{content:"";position:absolute;width:1px;height:8px;background-color:#fff;top:calc(50% - 7px / 2);right:0;opacity:.7}
.user-head a:last-child{padding-right:0;margin-right:0}
.user-head a:last-child:after{display:none}
button.open-form-search{padding:0}
button.open-form-search{background:0 0}
button.open-form-search{position:relative;top:3px;margin-left:9px}
button.open-form-search{border:none;padding:0;background:0 0}
.menu{background-color:#fff;position:relative;z-index:10;width:100%;top:0}
.menu ul{width:100%;padding:0;margin:auto;list-style:none}
.menu ul.menu-main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
span.countcart{position:absolute;top:-6px;background:red;z-index:9999;right:-5px;width:21px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50px;font-family:roboto-bold;color:#fff;padding-left:1px}
.menu ul li{position:relative;z-index:1}
.menu ul li.menu-line{width:1px;height:15px;background-color:rgba(0,0,0,.1)}
.menu ul li a{display:block;position:relative;font-size:13px;color:#fff;padding:15px;font-weight:500;text-transform:uppercase;text-decoration:none}
.menu ul li a.active,.menu ul li a:hover{color:#fc0}
.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;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.menu ul li ul{position:absolute;min-width:250px;background-color:#fafafa;border-radius:.25rem;-webkit-box-shadow:1px 1px 15px rgba(0,0,0,.15);box-shadow:1px 1px 15px rgba(0,0,0,.15);-webkit-transform:perspective(600px) rotateX(-90deg);transform:perspective(600px) rotateX(-90deg);-webkit-transform-origin:0 0 0;transform-origin:0 0 0;opacity:0;visibility:hidden}
.menu ul li:hover>ul{-webkit-transform:perspective(600px) rotateX(0);transform:perspective(600px) rotateX(0);transform-origin:0 0 0;-webkit-transform-origin:0 0 0;opacity:1;visibility:visible}
.menu ul li ul li{padding-left:.75rem;padding-right:.75rem}
.menu ul li ul li a{font-size:14px;color:#313131;border-bottom:1px solid #ececec;padding:10px 0 9px 0;text-transform:capitalize}
.menu ul li ul li a.has-child{margin-right:0}
.menu ul li ul li a.has-child:after{border-color:#313131;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.menu ul li ul li a.active{color:#ec2d3f}
.menu ul li ul li a.active.has-child:after{border-color:#ec2d3f}
.menu ul li ul li:last-child>a{border-bottom:0}
.menu ul li ul li:hover>a{color:#ec2d3f}
.menu ul li ul li:hover>a.has-child:after{border-color:#ec2d3f}
.menu ul li ul li ul{top:0;left:100%;margin-top:0}
.search{width:100%;background:#fff}
.star_view .star{list-style:none;padding:0;margin:0;display:flex}
.search p{float:left;width:35px;height:35px;line-height:35px;cursor:pointer;text-align:center;margin:0;color:#6c757d;font-size:16px}
.search input{width:calc(100% - 35px);height:35px;float:left;outline:0;padding:0;border:0;background:0 0;text-indent:10px;font-size:12px}
.search input::-webkit-input-placeholder{color:#313131}
.search input:-moz-placeholder{color:#313131}
.search input::-moz-placeholder{color:#313131}
.search input:-ms-input-placeholder{color:#313131}
.menu-res{z-index:100;background:var(--background-static);position:relative;display:none}
.menu-bar-res{height:50px;padding:0 15px;position:fixed;width:100%;top:0;background:#000}
#menu{display:none}
#hamburger{display:block;width:30px;height:23px;position:relative}
#hamburger span,#hamburger:after,#hamburger:before{background:#fff;content:"";display:block;width:100%;height:2px;position:absolute;left:0}
#hamburger:before{top:0}
#hamburger span{top:10px}
#hamburger:after{top:20px}
#hamburger span,#hamburger:after,#hamburger:before{-webkit-transition:none .5s ease .5s;transition:none .5s ease .5s;-webkit-transition-property:transform,top,bottom,left,opacity;transition-property:transform,top,bottom,left,opacity}
.mm-wrapper_opening #hamburger:after,.mm-wrapper_opening #hamburger:before{top:10px}
.mm-wrapper_opening #hamburger span{left:-50px;opacity:0}
.mm-wrapper_opening #hamburger:before{transform:rotate(45deg)}
.mm-wrapper_opening #hamburger:after{transform:rotate(-45deg)}
.mm-menu_opened{display:block!important}
.search-res{position:relative}
.search-res .icon-search{width:40px;height:40px;cursor:pointer;text-align:center;line-height:42px;color:#fff;font-size:17px;margin:0}
.search-res .icon-search.active{color:#f0ac1b;background:#fff;border-radius:100%}
.search-res .search-grid{position:absolute;top:50px;right:0;width:0;height:40px;overflow:hidden;background:#fff;border:1px solid #f0ac1b;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:#f0ac1b;line-height:40px;text-align:center}
.search-res .search-grid input{width:calc(100% - 35px);float:right;line-height:38px;outline:0;border:none;color:#f0ac1b}
.search-res .search-grid input::-webkit-input-placeholder{color:#313131}
.search-res .search-grid input:-moz-placeholder{color:#313131}
.search-res .search-grid input::-moz-placeholder{color:#313131}
.search-res .search-grid input:-ms-input-placeholder{color:#313131}
.search-desktop{position:relative}
.search-desktop .icon-search{width:40px;height:40px;cursor:pointer;text-align:center;line-height:42px;color:#fff;font-size:17px;margin:0}
.search-desktop .icon-search.active{color:#ec2d3f;background:#fff;border-radius:100%}
.search-desktop .search-grid{position:absolute;top:50px;right:0;width:0;height:40px;overflow:hidden;background:#fff;border:1px solid #ec2d3f;z-index:2;opacity:0;border-radius:25px;line-height:normal}
.search-desktop .search-grid p{float:left;width:35px;height:38px;cursor:pointer;outline:0;border:none;margin:0;font-size:17px;display:block;color:#ec2d3f;line-height:40px;text-align:center}
.search-desktop .search-grid input{width:calc(100% - 35px);float:right;line-height:38px;outline:0;border:none;color:#ec2d3f}
.search-desktop .search-grid input::-webkit-input-placeholder{color:#313131}
.search-desktop .search-grid input:-moz-placeholder{color:#313131}
.search-desktop .search-grid input::-moz-placeholder{color:#313131}
.search-desktop .search-grid input:-ms-input-placeholder{color:#313131}
@keyframes minus{
from{transform:matrix(1.1,0,0,1.1,0,0)}
to{transform:matrix(1,0,0,1,0,0)}
}
.owl-item.active .slideshow-item a img{transform:matrix(1.1,0,0,1.1,0,0);-webkit-transform:matrix(1.1,0,0,1.1,0,0);animation:minus 7s 0s ease both infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1}
.slideshow{position:relative}
.slideshow-item{display:block;cursor:pointer}
.slideshow:hover .control-slideshow{opacity:1}
.control-slideshow{opacity:0}
.info-slide{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.name-slide{font-size:70px;text-transform:uppercase;color:#fff;font-family:svn;margin-bottom:40px}
.desc-slide{font-size:15px;color:#fff;width:500px;margin:20px 0 30px}
.views-more-slide{width:175px;height:40px;font-family:qb;color:#fff;font-size:17px;text-transform:capitalize}
.box-slide.slick-current.slick-active .name-slide{animation:fadeInUp;animation-duration:1s;animation-delay:.5s;animation-fill-mode:forwards}
.box-slide.slick-current.slick-active .desc-slide{animation:fadeInUp;animation-duration:1s;animation-delay:1s;animation-fill-mode:forwards}
.box-slide.slick-current.slick-active .views-more-slide{animation:scaleLarge;animation-duration:1s;animation-delay:1.5s;animation-fill-mode:forwards}
.slide-text .slick-next,.slide-text .slick-prev{width:40px;height:50px;border-radius:5px;background:rgba(0,0,0,.3)}
.slide-text .slick-prev{left:5px}
.slide-text .slick-next{right:5px}
.slide-text .slick-prev:before{font-family:FontAwesome;font-weight:400;content:"\f053"}
.slide-text .slick-next:before{font-family:FontAwesome;font-weight:400;content:"\f054"}
.slide-text .slick-dots{bottom:20px}
.slide-text .slick-dots li{margin:0}
.slide-text .slick-dots li button:before{color:#fff;font-size:15px}
.control-partner button{background-color:transparent;color:#222;opacity:1;width:25px;font-size:23px}
.control-partner button:hover{opacity:.7}
.control-partner button.owl-prev{left:0}
.control-partner button.owl-next{right:0}
.wrap-partner{margin-bottom:2rem}
.wrap-partner .maxwidth{position:relative}
.partner{display:block;border:1px solid #eee;max-width:175px;margin:0 auto}
.breadCrumbs{background-color:#eee}
.breadCrumbs .maxwidth{padding:.75rem 0}
.breadCrumbs .maxwidth .breadcrumb{padding:0;margin-bottom:0;background-color:transparent;border-radius:0}
.breadCrumbs .maxwidth .breadcrumb-item a{color:#212529}
.breadCrumbs .maxwidth .breadcrumb-item.active a{color:#6c757d}
.wrap-intro{background-color:#eee}
.news-intro:before{content:"";position:absolute;width:1px;height:calc(100% - 50px);top:10px;left:90px;background-color:#cacaca}
.news-scroll:after,.news-scroll:before{content:"";position:absolute;width:10px;height:10px;left:85px;border-radius:100%;background-color:#cacaca}
.news-scroll:before{top:10px}
.news-scroll:after{bottom:40px}
.news-control{left:85px;font-size:13px;opacity:.5;z-index:1;cursor:pointer}
.news-control:hover{opacity:1;color:#ec2d3f}
.news-control#up{top:-10px}
.news-control#down{bottom:20px}
.news-shadow{padding-bottom:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
.news-shadow .news-shadow-time{font-size:13px;width:75px;margin-right:45px}
.news-shadow .news-shadow-time:after{content:"";position:absolute;width:20px;height:20px;top:calc(50% - 20px / 2);right:-26px;background-repeat:no-repeat;background-position:center;background-image:url(../img/pattern-news.png)}
.news-shadow .news-shadow-article{width:calc(100% - 120px);padding:14px 15px;border-radius:10px;background-color:#fff;border:1px solid #cecabb;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
.news-shadow .news-shadow-article:before{content:"";position:absolute;top:calc(50% - 26px / 2);left:-13px;z-index:0;border-top:13px solid transparent;border-right:13px solid #cecabb;border-bottom:13px solid transparent}
.news-shadow .news-shadow-article:after{content:"";position:absolute;top:calc(50% - 24px / 2);left:-11px;z-index:1;border-top:12px solid transparent;border-right:11px solid #fff;border-bottom:12px solid transparent}
.news-shadow .news-shadow-article .news-shadow-image{margin-right:10px;width:90px}
.news-shadow .news-shadow-article .news-shadow-info{width:calc(100% - 100px)}
.news-shadow .news-shadow-article .news-shadow-info .news-shadow-name{height:36px;font-size:15px;font-weight:700}
.news-shadow .news-shadow-article .news-shadow-info .news-shadow-name a{color:#222}
.news-shadow .news-shadow-article .news-shadow-info .news-shadow-name a:hover{color:#ec2d3f}
.news-shadow .news-shadow-article .news-shadow-info .news-shadow-name a .text-split{-webkit-line-clamp:2}
.news-shadow .news-shadow-article .news-shadow-info .news-shadow-desc{height:38px;font-size:13px}
.news-shadow .news-shadow-article .news-shadow-info .news-shadow-desc.text-split{-webkit-line-clamp:2}
.video{cursor:pointer;margin-bottom:1rem}
.video .video-image{position:relative;margin-bottom:.75rem}
.video .video-image:before{content:"";position:absolute;width:50px;height:35px;top:calc(50% - 50px / 2);left:calc(50% - 35px / 2);z-index:1;background-repeat:no-repeat;background-image:url(../img/play.png)}
.video .video-name{text-align:center;font-size:16px;color:#212529;margin-bottom:0}
.album{cursor:pointer}
.album .album-image{margin-bottom:.75rem}
.album .album-name{margin-bottom:0;text-align:center}
.album .album-name a{display:block;font-size:16px;color:#212529;margin-bottom:0}
.wrap-brand .maxwidth{position:relative}
.brand{display:block;border:1px solid #eee;max-width:160px;margin:0 auto}
.wrap-product{margin-bottom:50px}
.cart-product{margin-bottom:0}
.cart-product span{cursor:pointer;color:#fff;text-transform:capitalize;text-align:center}
.grid-pro-detail{margin-bottom:3rem}
.left-pro-detail{position:relative;text-align:center;width:45%}
.right-pro-detail{width:calc(55% - 40px)}
.left-pro-detail .MagicZoom{border:1px solid #eee;padding:7px;border-radius:5px;background-color:#fff}
.gallery-thumb-pro{position:relative;margin-top:10px}
.owl-pro-detail{padding:0}
.control-pro-detail button{background-color:transparent;color:#222;opacity:1;width:25px;font-size:23px}
.control-pro-detail button:hover{opacity:.7}
.control-pro-detail button.owl-prev{left:0}
.control-pro-detail button.owl-next{right:0}
.thumb-pro-detail{display:block!important;border:1px solid #eee;padding:5px;border-radius:3px;cursor:pointer;background-color:#fff}
.thumb-pro-detail.mz-thumb.mz-thumb-selected{border-color:#cecfd2}
.thumb-pro-detail img{-webkit-box-shadow:none!important;box-shadow:none!important;-webkit-filter:brightness(100%)!important;filter:brightness(100%)!important;border-bottom:0!important;padding-bottom:0!important}
.title-pro-detail{text-transform:capitalize;font-size:20px;display:block;font-weight:700}
.comment-pro-detail{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
.social-plugin-pro-detail{margin-bottom:1rem;margin-top:0!important}
.desc-pro-detail{margin-bottom:1rem}
.attr-pro-detail{list-style:none;padding:0}
.attr-pro-detail li{margin-bottom:.5rem}
.attr-label-pro-detail{margin:0 5px 0 0}
.attr-content-pro-detail{display:inline-block;margin-bottom:0}
.brand-pro-detail a{background:var(--color-red);color:#fff;border-radius:2px;padding:2px 5px}
.price-new-pro-detail{font-weight:700;font-size:23px;color:var(--color-black)}
.price-old-pro-detail{font-weight:400;color:var(--color-gray);text-decoration:line-through;padding-left:10px}
.color-pro-detail{cursor:pointer;vertical-align:top;position:relative;width:48px;height:32px;margin:0 8px 5px 0;background-repeat:no-repeat;background-size:contain;background-position:center center;border:1px solid #dadada;transition:.3s;border-radius:2px}
.size-pro-detail{cursor:pointer;display:flex;align-items:center;justify-content:center;height:32px;width:48px;position:relative;margin:0 8px 0 0;border:1px solid #dadada;border-radius:2px;font-size:12px;transition:.3s}
.color-pro-detail.active,.size-pro-detail.active{border-color:var(--color-dark-red)}
.color-pro-detail.active:after,.size-pro-detail.active:after{content:"";position:absolute;bottom:0;right:0;width:13px;height:13px;background-repeat:no-repeat;background-image:url(../img/check-cart.png)}
.color-pro-detail input[type=radio],.size-pro-detail input[type=radio]{display:none}
.quantity-pro-detail{width:150px;display:flex;align-items:center;justify-content:space-between;text-align:center;height:45px;border-radius:30px;overflow:hidden;border:1px solid #dfdfdf}
.quantity-pro-detail span{line-height:25px;padding:0;width:45px;height:100%;color:#000;cursor:pointer;font-size:22px;display:flex;align-items:center;justify-content:center;font-weight:500}
.quantity-pro-detail span.quantity-plus-pro-detail{border-left:0}
.quantity-pro-detail span.quantity-minus-pro-detail{border-right:0}
.quantity-pro-detail input{height:100%;border:none;width:calc(100% - 90px);text-align:center;font-size:15px}
.cart-pro-detail{max-width:400px}
.cart-pro-detail a{text-align:center;color:#fff;text-transform:uppercase;cursor:pointer;width:calc(100% / 2 - 5px);height:45px;border-radius:5px}
.cart-pro-detail a.addnow{background:#fff;color:var(--color-red)}
.cart-pro-detail a.addnow:hover{color:#fff;background:var(--color-red)}
.cart-pro-detail a.buynow{background-color:#333}
.cart-pro-detail a.buynow:hover{background-color:var(--color-dark-red);color:#fff}
.cart-pro-detail a i{vertical-align:top;margin-right:8px;font-size:24px;position:relative;top:-2px}
.tags-pro-detail a{float:left;font-size:13px;padding-bottom:.375rem;margin:0 5px 5px 0}
.tags-pro-detail a i{font-size:11px;margin:5px 5px 0 0}
.tabs-pro-detail{margin-top:2rem}
.tabs-pro-detail .nav-tabs .nav-link{border-top-width:3px;font-size:13px;color:#333;text-transform:uppercase;font-weight:500}
.tabs-pro-detail .nav-tabs .nav-item.show .nav-link,.tabs-pro-detail .nav-tabs .nav-link.active{border-top-color:#555}
.pic-news{width:210px}
.pic-news img{width:100%}
.info-news{width:calc(100% - 210px);padding-left:20px}
.name-news{color:#252525;font-size:17px;line-height:normal;font-weight:600}
.name-news.text-split{-webkit-line-clamp:2}
.name-news:hover{color:var(--background-static)}
.time-news{color:var(--color-gray);margin-bottom:10px}
.desc-news{color:#676767;margin-top:5px;line-height:22px}
.news .news-name{margin-bottom:.5rem}
.news .news-name a{color:#333;font-size:16px}
.news .news-name a.text-split{-webkit-line-clamp:2}
.news .news-name a:hover{color:#ec2d3f}
.news .news-time{color:#84878a;margin-bottom:.25rem}
.news .news-desc{color:#333;margin-top:5px;line-height:22px}
.othernews b{margin-bottom:10px;font-size:15px}
.othernews{position:sticky;top:60px;z-index:11}
.news-other{margin-bottom:15px}
.pic-news-other{width:40%}
.info-news-other{width:60%;padding-left:10px}
.name-news-other{color:#252525;font-size:14px;line-height:normal;font-weight:600}
.name-news-other:hover{color:var(--background-static)}
.contact-input input,.contact-input textarea{border-radius:0;border-top:none;border-left:none;border-right:none}
.contact-input input:focus,.contact-input textarea:focus{box-shadow:none;outline:0}
.form-floating.form-floating-cus>input{height:45px}
.form-floating.form-floating-cus>textarea{height:100px}
.form-floating.form-floating-cus>label{padding:10px 10px;color:var(--color-gray)}
.contact-article{margin-bottom:3rem}
.contact-input{position:relative;margin-bottom:20px}
.contact-input textarea{resize:none;height:150px}
.contact-input .custom-file-label::after{content:attr(title)}
.contact-map{position:relative;height:500px}
.contact-map iframe{position:absolute;top:0;left:0;width:100%!important;height:100%!important}
.newsletter-slogan{margin-bottom:.5rem;color:var(--color-gray)}
.form-newsletter{height:45px;display:flex}
.newsletter-input{position:relative;width:calc(100% - 60px)}
.newsletter-input input{border-radius:0;width:100%}
.newsletter-button{width:60px}
.newsletter-button input[type=submit]{border:0;color:#fff;text-transform:uppercase;height:100%;border-radius:0;background:var(--background-static);width:100%}
.footer-article{background:url(../img/background_footer.png) top center;background-size:cover;padding:75px 0 20px}
.footer-title{text-transform:uppercase;font-size:14px;margin-bottom:1rem;font-weight:500}
.footer-ul{list-style:none;padding:0;margin:0}
.footer-ul li{margin-bottom:10px}
.footer-ul li:last-child{margin-bottom:0}
.footer-ul li a{color:#212529}
.footer-ul li a:hover{text-decoration:none;color:#ec2d3f}
.footer-tags{background:#eee}
.footer-tags .maxwidth{padding:30px 15px}
.footer-tags-lists{list-style:none;padding:0;margin:0}
.footer-tags-lists li{float:left}
.footer-tags-lists li a{padding-bottom:.375rem}
.footer-powered{color:#fff;background-color:var(--background-static)}
.footer-powered .maxwidth{padding-top:15px;padding-bottom:15px}
.footer-statistic{text-align:right}
.footer-statistic span{padding-right:10px}
.footer-statistic span:last-child{padding-right:0}
#footer-map{position:relative;height:500px}
#footer-map iframe{position:absolute!important;width:100%!important;height:100%!important;top:0!important;left:0!important}
.social-plugin{margin-top:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
.social-plugin .at-share-btn{margin-bottom:0!important}
.social-plugin .zalo-share-button{margin-left:3px}
.pagination-home .pagination .page-item .page-link{color:#555;font-size:.875rem}
.pagination-home .pagination .page-item.active .page-link{color:#fff;background-color:#555;border-color:#555}
.pagination-ajax{text-align:center}
.pagination-ajax a{display:inline-block;vertical-align:top;margin:0 3px 3px 3px;width:35px;height:35px;line-height:33px;color:#666!important;border:1px solid #e6e6e6;font-size:13px;cursor:pointer;text-decoration:none!important;background-color:#fff}
.pagination-ajax a.current,.pagination-ajax a:hover{color:#fff!important;border-color:#ec2d3f;background-color:#ec2d3f}
.pagination-ajax a.first,.pagination-ajax a.last,.pagination-ajax a.next,.pagination-ajax a.prev{text-indent:-9999px;position:relative;background-color:#fff!important}
.pagination-ajax a.first:before,.pagination-ajax a.last:before,.pagination-ajax a.next:before,.pagination-ajax a.prev:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;background-color:transparent;background-repeat:no-repeat;background-position:center}
.pagination-ajax a.first:before{background-image:url(../img/page-first.png)}
.pagination-ajax a.last:before{background-image:url(../img/page-last.png)}
.pagination-ajax a.prev:before{background-image:url(../img/page-prev.png)}
.pagination-ajax a.next:before{background-image:url(../img/page-next.png)}
#popup .modal-body{padding:0}
.grecaptcha-badge{display:none!important;width:0!important;height:0!important;visibility:hidden!important;overflow:hidden}
coccocgrammar{display:none}
.scrollToTop{width:45px;height:45px;text-align:center;font-weight:700;color:#444;text-decoration:none;bottom:75px;right:25px;position:fixed;z-index:10;cursor:pointer;justify-content:center;align-items:center;background:#b70404;border-radius:100rem;transition:1s;margin:0 auto;visibility:visible;transition:all .5s;animation:slide-top .8s linear infinite alternate-reverse;align-items:center}
.text-split{overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:3}
.btn-frame .kenit-alo-circle-fill,.carousel-comment-media .carousel-control a span,.control-owl button,.menu ul li a.has-child:after,.menu ul li ul,.menu ul li:hover>ul,.scale-img img,.scale-img:hover>img,.support-online .kenit-alo-circle-fill,.transition{-webkit-transition:.3s all;transition:.3s all}
.scale-img{overflow:hidden;display:block}
.scale-img img{-webkit-transform:scale(1,1);transform:scale(1,1)}
.scale-img:hover>img{-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}
.blink{-webkit-animation-name:blink;-webkit-animation-duration:1s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite;-moz-animation-name:blink;-moz-animation-duration:1s;-moz-animation-timing-function:linear;-moz-animation-iteration-count:infinite;animation-name:blink;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite}
.btn-frame{display:block;width:50px;height:50px;position:fixed;right:20px;z-index:10;cursor:pointer}
.btn-frame i{width:50px;height:50px;border-radius:50%;background:#1182fc;position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.btn-frame i img{vertical-align:middle;width:70%}
.btn-frame .animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.btn-frame .kenit-alo-circle{width:60px;height:60px;top:-5px;right:-5px;position:absolute;background-color:transparent;border-radius:100%;border:2px solid rgba(7,41,103,.8);opacity:.1;border-color:#1182fc;opacity:.5}
.btn-frame .zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}
.btn-frame .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.btn-frame .kenit-alo-circle-fill{width:70px;height:70px;top:-10px;right:-10px;position:absolute;border-radius:100%;border:2px solid transparent;background-color:rgba(7,41,103,.35);opacity:.4}
.btn-frame .pulse{-webkit-animation-name:pulse;animation-name:pulse}
.btn-zalo{bottom:315px}
.btn-phone{bottom:230px}
.js-facebook-messenger-top-header{background:#487dfc;color:#fff;height:35px;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:5px 5px 0 0}
.js-facebook-messenger-container.closed{display:none!important}
.js-facebook-messenger-tooltip{bottom:97px;right:97px;color:#404040;background:#fff}
.js-facebook-messenger-tooltip.closed{display:none!important}
.js-facebook-messenger-box,.js-facebook-messenger-button{z-index:999}
.js-facebook-messenger-tooltip{z-index:999;display:none;position:fixed;text-align:center;border-radius:10px;overflow:hidden;font-size:12px;line-height:1;padding:10px;border:1px solid rgba(0,0,0,.1);-webkit-box-shadow:rgba(0,0,0,.15) 0 2pt 10pt;box-shadow:rgba(0,0,0,.15) 0 2pt 10pt;z-index:1000000000000000019884624838656}
.js-facebook-messenger-close-tooltip{width:10px;height:10px;display:inline-block;cursor:pointer;margin-left:10px}
.js-facebook-messenger-box{z-index:999}
.js-facebook-messenger-box.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}
.js-facebook-messenger-box.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.js-facebook-messenger-button,.js-facebook-messenger-tooltip{z-index:999}
.js-facebook-messenger-box{display:block;position:fixed;cursor:pointer;bottom:150px;right:17px;width:56px;height:56px;text-align:center;background:#1182fc;border-radius:100%;overflow:hidden;z-index:99;-webkit-box-shadow:1px 1px 4px 0 rgba(0,0,0,.3);box-shadow:1px 1px 4px 0 rgba(0,0,0,.3)}
.js-facebook-messenger-box.rotate svg#fb-msng-icon{-webkit-transform:rotate(0);transform:rotate(0)}
.js-facebook-messenger-box svg#fb-msng-icon{width:32px;height:33px;position:absolute;top:13px;left:12px;opacity:1;overflow:hidden;-webkit-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;-webkit-transition:opacity 160ms ease-in-out,-webkit-transform 160ms ease-in-out;transition:opacity 160ms ease-in-out,-webkit-transform 160ms ease-in-out;transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;transition:opacity 160ms ease-in-out,transform 160ms ease-in-out,-webkit-transform 160ms ease-in-out}
.js-facebook-messenger-box.rotate svg#close-icon{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.js-facebook-messenger-box svg#close-icon{opacity:0;width:19px;height:20px;position:absolute;top:19px;left:19px;-webkit-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;-webkit-transition:opacity 160ms ease-in-out,-webkit-transform 160ms ease-in-out;transition:opacity 160ms ease-in-out,-webkit-transform 160ms ease-in-out;transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;transition:opacity 160ms ease-in-out,transform 160ms ease-in-out,-webkit-transform 160ms ease-in-out}
.js-facebook-messenger-container,.js-facebook-messenger-container-button{z-index:1000}
.js-facebook-messenger-container{width:250px;position:fixed;opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px);bottom:110px;right:90px;border-radius:10px;pointer-events:none;-webkit-box-shadow:0 1px 6px rgba(0,0,0,.06),0 2px 32px rgba(0,0,0,.16);box-shadow:0 1px 6px rgba(0,0,0,.06),0 2px 32px rgba(0,0,0,.16);-webkit-transition:transform 160ms ease-in-out,opacity 160ms ease-in-out;-webkit-transition:opacity 160ms ease-in-out,-webkit-transform 160ms ease-in-out;transition:opacity 160ms ease-in-out,-webkit-transform 160ms ease-in-out;transition:transform 160ms ease-in-out,opacity 160ms ease-in-out;transition:transform 160ms ease-in-out,opacity 160ms ease-in-out,-webkit-transform 160ms ease-in-out}
.js-facebook-messenger-top-head{width:220px;color:#fff;background:#1182fc;display:block;position:relative;width:220px;background:#1182fc;color:#fff;text-align:center;line-height:1;padding:10px;font-size:14px;border-top-left-radius:10px;border-top-right-radius:10px}
.js-facebook-messenger-container iframe,.js-facebook-messenger-container-button iframe{border-bottom-left-radius:10px;border-bottom-right-radius:10px}
.js-facebook-messenger-box,.js-facebook-messenger-button,.js-facebook-messenger-tooltip{z-index:999}
.js-facebook-messenger-container,.js-facebook-messenger-container-button{z-index:1000}
.js-facebook-messenger-top-head{color:#fff;background:#1182fc;width:220px}
.js-facebook-messenger-tooltip{color:#404040;background:#fff}
.js-facebook-messenger-container.open{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;pointer-events:all}
.js-facebook-messenger-tooltip{bottom:97px;right:97px}
.js-facebook-messenger-box.open svg#fb-msng-icon{opacity:0}
.js-facebook-messenger-box.rotate.open svg#close-icon{-webkit-transform:rotate(0);transform:rotate(0)}
.js-facebook-messenger-box.open svg#close-icon{opacity:1}
.cart-fixed{position:fixed;right:20px;bottom:390px;z-index:10;background:#4b4f56;width:50px;height:50px;text-align:center;color:#fff!important;border-radius:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.cart-fixed i{font-size:20px}
.cart-fixed span{position:absolute;top:0;right:-5px;color:#fff;width:25px;height:25px;background:#ec2d3f;text-align:center;line-height:25px;font-size:11px;border-radius:100%}
@keyframes tada{
0%{transform:scaleX(1)}
10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}
30%,50%,70%,90%{transform:scale3d(1.3,1.3,1.3) rotate(3deg)}
40%,60%,80%{transform:scale3d(1.3,1.3,1.3) rotate(-3deg)}
to{transform:scaleX(1)}
}
.toolbar{background:#000;width:100%;padding:3vw;bottom:0;position:fixed;z-index:500;height:auto;left:0}
.toolbar ul{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:0;margin:0}
.toolbar ul li{text-align:center;width:25%}
.toolbar ul li a{display:block;width:100%;cursor:pointer}
.toolbar ul li a img{height:20px;width:auto;animation:tada 1.2s infinite}
.toolbar ul li a span{color:#fff;font-size:10px}
.fixbar{bottom:0;display:block;background:#f0eff4;border-top:1px solid #ddd;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;margin:0;z-index:500;-webkit-backface-visibility:hidden;backface-visibility:hidden;height:50px}
.fixbar ul{margin:0;padding:0;list-style:none}
.fixbar ul li{margin:0 auto 10px;text-align:center;width:25%;float:left}
.fixbar .icon-cart-mobile,.fixbar .icon-cart-new,.fixbar .icon-home-new,.fixbar .icon-hotdeal-new{width:20px;height:20px;display:block;margin:8px auto 0}
.fixbar .icon-cart-mobile{background:url(../img/cart-mobile.png) no-repeat}
.cart-total-head-mobile{font-size:10px;position:absolute;background:red;color:#fff!important;border-radius:50%;height:15px;width:15px;line-height:15px;top:5px;margin-left:5px}
.fixbar ul li a{font-size:11px;text-decoration:none;color:#333}
.fixbar ul li a i{font-size:20px}
.plugbar{position:fixed;bottom:0;left:0;border-top:1px solid #eae6e6;width:100%;right:0;max-width:767px;margin:0 auto;background:#fff;padding:9px 10px 10px 7px;z-index:10}
.plugbar ul{list-style:none;padding:0;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.plugbar ul li{width:20%;float:left}
.plugbar ul li a{display:block;color:#696969;font-size:12px;text-align:center;position:relative}
.plugbar ul li a i{font-size:20px;color:#696969}
.plugbar ul li a span{position:absolute;width:50px;height:50px;top:-40px;left:calc(50% - 50px / 2);font-size:14px;display:block;border:1px solid rgba(234,230,230,.5);border-radius:100%}
body::-webkit-scrollbar{background:#fff;width:8px;-webkit-transition:all 9s;transition:all 9s}
body::-webkit-scrollbar-thumb{background:red;-webkit-transition:all 9s;transition:all 9s;border-radius:4px}
.support-online i{width:40px;height:40px;background:#007ee7;color:#fff;border-radius:100%;font-size:20px;text-align:center;line-height:1.9;position:relative;z-index:999}
.support-online a{display:block}
.fa-phone:before{content:"\f095";display:inline-flex}
.fa-facebook-messenger:before{content:"\f39f";display:inline-block}
.support-online .kenit-alo-circle-fill{width:60px;height:60px;top:-10px;position:absolute;border-radius:100%;border:2px solid transparent;background-color:rgba(0,175,242,.5);opacity:.75;right:-10px}
.support-online .kenit-alo-circle{width:50px;height:50px;top:-5px;right:-5px;position:absolute;background-color:transparent;border-radius:100%;border:2px solid rgba(30,30,30,.4);opacity:.1;border-color:#0089b9;opacity:.5}
.support-online .support-online .btn-support{cursor:pointer}
.support-online .mes i{background:orange}
.support-online .sms i{background:red}
.support-online .call-now i{background:green}
.widget-mobile{position:fixed;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:10px;z-index:9999999}
#my-phone-circle{position:relative;width:50px!important;height:50px!important}
.wcircle-open .wcircle-icon i:before{content:"\f00d"}
.wcircle-icon{background:#1282fc;border-radius:50%;position:relative!important;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.wcircle-icon:before{position:absolute;content:"";width:60px;height:60px;background:rgba(18,130,252,.5);border:1px solid #fff;border-radius:50%;left:-5px;top:-5px;-webkit-animation:pulse 1s infinite ease-in-out;animation:pulse 1s infinite ease-in-out}
.wcircle-icon:after{position:absolute;content:"";width:80px;height:80px;background:rgba(18,130,252,.5);border-radius:50%;left:-15px;top:-15px;-webkit-animation:zoomIn 2s infinite ease-in-out;animation:zoomIn 2s infinite ease-in-out}
.wcircle-menu{position:absolute!important;left:0;top:0;display:none}
.wcircle-menu-item{width:50px;height:50px;background:#1282fc;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.wcircle-menu-item img{width:50px;height:50px;display:block;border-radius:50%}
.wcircle-menu-item i{font-size:25px;color:#fff;position:relative;z-index:9999}
.wcircle-icon i{font-size:25px;color:#fff;position:relative;z-index:9999}
.shake-anim{-webkit-animation:shake-anim 1s infinite ease-in-out;animation:shake-anim 1s infinite ease-in-out;-webkit-transform-origin:50% 50%;transform-origin:50% 50%}
.wrap-newsnb .maxwidth{position:relative}
a.name-newsnb{color:#000;font-size:14px;margin:0 0 10px 0;line-height:normal}
a.name-newsnb.text-split{-webkit-line-clamp:2}
a.name-newsnb:hover{color:var(--color-dark-red)}
.desc-newsnb{color:#333}
.video-main{position:relative;height:350px}
.video-main iframe{position:absolute;width:100%;height:100%;top:0;left:0}
.listvideos{width:100%;height:40px;padding:0 10px;border:1px solid #ccc;color:var(--color-black);margin-top:10px;cursor:pointer}
.item-video1 img{max-height:292px}
.item-video2 img{height:102px}
.pic-video{position:relative;cursor:pointer}
.pic-video:before{content:"";position:absolute;width:50px;height:35px;top:calc(50% - 50px / 2);left:calc(50% - 35px / 2);z-index:1;background:url(../img/play.png) no-repeat center center;cursor:pointer;background-size:cover}
.pic-video img{width:100%}
.pic-video-2{position:relative;cursor:pointer}
.pic-video-2:before{content:"";position:absolute;width:50px;height:35px;top:calc(50% - 50px / 2);left:calc(50% - 35px / 2);z-index:1;background:url(../img/play.png) no-repeat center center;cursor:pointer;background-size:cover}
.pic-video-2 img{width:100%}
.name-video{font-size:16px;color:var(--color-black);margin-bottom:0}
.owl-video{margin-top:10px}
.newshome-intro .name-newshome{margin:10px 0}
.newshome-intro .view-newshome{margin-top:10px}
.newshome-scroll{width:50%;overflow:hidden;max-height:406px}
.news-slick{display:flex;margin-bottom:20px}
.news-slick h3{margin:0}
.news-slick h3 a.name-newshome{margin-bottom:10px}
.news-slick .img{width:150px}
.news-slick .info{width:calc(100% - 150px);padding-left:15px}
.flex_ttnb{display:flex;flex-flow:row wrap;justify-content:space-between}
.newshome-intro{width:calc(50% - 20px)}
.pic-newshome-normal{float:left;width:34%;margin-right:3%;margin-bottom:0}
.pic-newshome-normal img{width:100%}
.info-newshome-normal{float:left;width:calc(100% - 37%)}
.name-newshome{color:var(--color-black);font-size:14px;line-height:normal}
.name-newshome.text-split{-webkit-line-clamp:2}
.name-newshome.text-split a{color:#000}
.time-newshome{color:var(--color-gray);margin-bottom:10px}
.desc-newshome{color:var(--color-black);margin-bottom:0;text-align:justify}
.desc-home-cl.text-split{-webkit-line-clamp:2}
.view-newshome{width:140px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid #ccc;color:#000}
.view-newshome:hover{color:#000}
.box-product{position:relative;margin-bottom:20px}
.pic-product{background:#fff;position:relative;margin-bottom:1rem}
.pic-product img{width:100%}
.product-tool{opacity:0;visibility:hidden;position:absolute;width:100%;left:0;bottom:0;z-index:1}
.product-tool a{cursor:pointer;width:50%;padding:10px;text-align:center;color:#fff;background-color:rgb(0 0 0 / .6)}
.product-tool a:hover{background-color:rgb(0 0 0 / .8)}
.product-tool a svg{margin-right:5px}
.product-tool a span{text-transform:capitalize;font-size:12px;font-weight:300}
.box-product:hover .product-tool{opacity:1;visibility:visible}
.name-product{font-size:14px;color:var(--color-black);margin-bottom:10px}
.name-product.text-split{-webkit-line-clamp:2}
.price-product{margin-bottom:10px}
.price-new{font-size:15px;color:var(--color-red);font-weight:700}
.price-old{padding-left:10px;color:var(--color-gray);text-decoration:line-through}
.price-per{position:absolute;top:15px;right:15px;color:#fff;background:var(--color-red);font-size:11px;border-radius:2px;width:45px;height:25px;text-align:center;line-height:25px}
.cart-product{margin-bottom:0}
.cart-product span{cursor:pointer;width:calc(50% - 3px);color:#fff;text-transform:capitalize;text-align:center;padding:7px 5px;border-radius:3px}
.cart-add{background-color:var(--color-red)}
.cart-add:hover{background-color:var(--color-dark-red)}
.cart-buy{background-color:var(--color-green)}
.cart-buy:hover{background-color:var(--color-dark-green)}
.dm-noibat{max-width:1000px;position:relative;margin:auto;margin-bottom:40px}
.dm-noibat a{cursor:pointer;color:#333;transition:.4s;text-transform:capitalize;font-weight:400;font-size:16px;text-align:center;position:relative;display:block;background:#f7f7f7;border-radius:5px;border:1px solid #eaeaea;height:100%;padding:10px}
.dm-noibat a.active,.dm-noibat a:hover{background:var(--background-static);color:#fff}
.cats-bar{width:50px;padding-top:3px;position:relative}
.cats-bar-icon{width:30px;cursor:pointer}
.cats-bar-icon span{display:block;width:100%;height:2px;background:#505050;transition:all .3s;position:relative}
.cats-bar-icon span+span{margin-top:5px}
.cats-bar-icon.active span:nth-child(1){animation:ease .7s top forwards}
.cats-bar-icon.not-active span:nth-child(1){animation:ease .7s top-2 forwards}
.cats-bar-icon.active span:nth-child(2){animation:ease .7s scaled forwards}
.cats-bar-icon.not-active span:nth-child(2){animation:ease .7s scaled-2 forwards}
.cats-bar-icon.active span:nth-child(3){animation:ease .7s bottom forwards}
.cats-bar-icon.not-active span:nth-child(3){animation:ease .7s bottom-2 forwards}
@keyframes top{
0%{top:0;transform:rotate(0)}
50%{top:6px;transform:rotate(0)}
100%{top:6px;transform:rotate(45deg)}
}
@keyframes top-2{
0%{top:6px;transform:rotate(45deg)}
50%{top:6px;transform:rotate(0)}
100%{top:0;transform:rotate(0)}
}
@keyframes bottom{
0%{bottom:0;transform:rotate(0)}
50%{bottom:8px;transform:rotate(0)}
100%{bottom:8px;transform:rotate(135deg)}
}
@keyframes bottom-2{
0%{bottom:8px;transform:rotate(135deg)}
50%{bottom:8px;transform:rotate(0)}
100%{bottom:0;transform:rotate(0)}
}
@keyframes scaled{
50%{transform:scale(0)}
100%{transform:scale(0)}
}
@keyframes scaled-2{
0%{transform:scale(0)}
50%{transform:scale(0)}
100%{transform:scale(1)}
}
.cats-owl.list-hot{width:calc(100% - 50px)}
.footer-news:nth-child(4){width:300px}
.footer-news:nth-child(3){width:20%}
.footer-news:nth-child(2){width:17%}
.footer-news:nth-child(1){width:30%}
@-webkit-keyframes rotating{
from{-webkit-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}
to{-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes rotating{
from{-ms-transform:rotate(0);-moz-transform:rotate(0);-webkit-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}
to{-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}
.choose_list span{text-transform:capitalize;cursor:pointer;display:inline-block;position:relative;padding:0 10px}
.choose_list span:last-child:after{display:none}
.choose_list span:after{content:"";width:1px;height:10px;background:#ddd;position:absolute;right:0;top:6px}
.choose_list span.choosed{color:red}
.btn_sp a{color:#000;text-transform:uppercase;background:#e6e6e6;width:100px;display:flex;align-items:center;justify-content:center;height:40px}
.btn_sp a:hover{color:red}
.d-title-choose-list{margin-bottom:20px;border:1px solid #ddd;padding:5px}
.div-datlich{width:46%}
.newsletter-booking{margin-bottom:5px}
.newsletter-booking input{border-radius:0;border:none;border-bottom:1px solid var(--background-static);background:0 0;padding:0}
.newsletter-booking textarea{border-radius:0;border:none;border-bottom:1px solid var(--background-static);background:0 0;margin-bottom:10px;padding:0}
.newsletter-checkbox input{outline:0;width:15px;height:15px}
.label-checkbox{color:#7e7e7e;position:relative;top:1px;margin-left:10px}
.pd-2{padding:0 2px}
.mg-2{margin:0 -2px}
.img3{margin-bottom:4px}
.right_gallery_row2 img{height:84px}
.img2 img{height:173px}
.gallery_row1.row{margin-bottom:4px;transition:2s;position:relative;z-index:2}
.img6{margin-bottom:4px}
.img9{margin-bottom:4px}
.img8 img{height:441px}
.img7 img{height:280px}
.img5 img{height:173px}
.list_gallery img{object-fit:cover}
.fb_iframe_widget iframe{width:794px!important}
.gallery_row1.mg-2 .img1.img_acive{width:50px;transition:2s}
.info_company{text-align:center;margin-bottom:20px}
.footer-info p{font-family:qm;font-size:15px}
.social-footer a{color:#000;font-family:qm;font-size:17px;text-decoration:none;text-transform:capitalize}
.social-footer li{text-align:center}
.fanpage_footer{text-align:center;margin-bottom:32px}
.footer-copyright{font-family:qr;color:#000;text-align:center}
.footer-copyright a{color:#000}
.lits_menu_footer{margin-bottom:22px}
.button-sidebar{border-radius:3px;background-color:#fff;z-index:9999;box-shadow:0 0 3px #ccc;text-align:center;position:fixed;width:100%;right:0;top:auto;bottom:0;transform:none;padding:5px 15px;display:none}
.button-sidebar ul{display:flex;justify-content:space-between}
.button-sidebar ul{margin-bottom:0;padding:0}
.button-sidebar ul li{list-style:none}
.button-sidebar ul li{margin-bottom:0}
.button-sidebar ul li img{width:30px;display:block;margin:0 auto}
.button-sidebar ul li.call img{width:50px;margin-top:-20px;padding:10px;background:#65bc54;border-radius:100%;border:2px solid #fff}
.button-sidebar ul li a{font-size:11px;color:#000}
a{text-decoration:none}
@media only screen and (max-width:991px){
.button-sidebar{display:block}
.headerMiddle{display:none}
.top-cart{margin-bottom:2rem}
.comment-item-poster{width:auto;margin-right:0;margin-bottom:.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
.comment-item-letter{width:40px;height:40px;line-height:40px;font-size:13px;margin-bottom:0}
.comment-item-name{margin-bottom:0;margin-left:10px;margin-right:10px}
.comment-item-information{width:100%}
.menu{display:none}
.menu-res{display:block}
}
@media (max-width:768px){
.name-slide{font-size:56px;margin-bottom:27px}
.background_banner::after,.background_banner::before{display:none}
.item-video1 img{height:250px}
.right-intro{width:100%}
.left-intro{width:100%;margin-bottom:20px;padding-right:0}
.left-pro-detail,.right-pro-detail{width:100%;margin:0}
.left-pro-detail,.top-contact .article-contact{margin-bottom:30px}
.pic-news{width:40%}
.info-news{width:60%;padding-left:10px}
.name-news{font-size:15px}
.desc-news.text-split{-webkit-line-clamp:2}
.swap::after{transform:rotate(0)}
.box_dichvu{margin-bottom:5px}
.swap .text_dichvu{left:40px;right:0}
.background_gallery_mobile{display:block!important}
.background_gallery{display:none}
}
@media (max-width:576px){
.box_dichvu{margin-bottom:5px}
.swap::after{transform:rotate(0)}
.name-slide{font-size:20px}
a.name_dichvu{font-size:30px}
.text_dichvu{width:auto;left:20px}
.swap .text_dichvu{left:20px;right:0}
.background_banner::after,.background_banner::before{display:none}
.toast-cus{left:5px;width:calc(100% - 10px)}
.box-readmore{width:calc(100% - 5px)}
.newshome-scroll{width:100%}
.newshome-intro{width:100%;margin-bottom:20px}
.top-contact .form-contact .button-contact .file-contact span b{max-width:105px}
.cart-pro-detail{flex-wrap:wrap}
.cart-pro-detail a{width:100%;text-align:center;margin:0!important}
.cart-pro-detail a:first-child{margin-bottom:5px!important}
.background_gallery_mobile{display:block!important}
.background_gallery{display:none}
}
.background_gallery_mobile{display:none}
.fix_head .menu{background:#fff}
.w-menu.fix_head.animate__animated.animate__fadeIn .logo-box{transform:scale(.7);margin-top:-15px;margin-bottom:-15px}
.header-container{text-align:center}
.header-container h2{font-family:Montserrat-Bold;text-transform:uppercase;color:#f0ce40;font-size:30px;margin-bottom:0;display:inline-block;background:#fff;position:relative;margin-top:15px}
.header-container p{font-size:15px;font-family:Mulish-Regular;color:#7c7c7c;margin-bottom:6px;text-transform:capitalize;letter-spacing:1px;margin-top:7px}
.menu2{position:sticky;top:0}
.w-menu.fix_head.animate__animated.animate__fadeIn{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}
.sub-title{font-family:svn;letter-spacing:10px}
.social-footer{justify-content:space-between}
.quick_contact{position:fixed;bottom:10%;left:60px;z-index:20}
.quick_contact a{display:block;position:relative;font-size:18px;color:#fff;padding:0 20px 0 35px;height:45px;line-height:45px;text-decoration:none;border-radius:0 40px 40px 0}
.button_gradient{background-image:linear-gradient(90deg,#e51c23 0,#e20 100%);border:2px #fff solid}
.quick_contact a span{display:block;width:48px;height:48px;line-height:40px;border-radius:50%;text-align:center;position:absolute;left:-25px;top:-2.5px;border:solid 5px #fff}
.quick_contact a span:before{content:"";position:absolute;top:-30px;left:-27px;width:95px;height:95px;background:url(../img/contact_rotate.png) center no-repeat;animation:rotate 3s linear infinite}
.contact-phone{float:left;width:100%;text-align:center;font-size:18px;height:41px;font-weight:700;animation-duration:.5s;animation-name:calllink;animation-iteration-count:infinite;animation-direction:alternate;line-height:45px}
@keyframes rotate{
from{transform:rotate(0)}
to{transform:rotate(360deg)}
}
@keyframes calllink{
0%{color:#eba11e}
50%{color:#fff}
100%{color:#ebfa48}
}
.app-box{position:fixed;left:15px;bottom:28%;z-index:9999;display:grid}
.app-box a{display:inline-block;border-radius:100%;margin-bottom:15px}
.vibration-icon{animation:phonering-alo-circle-img-anim 1s infinite ease-in-out}
.diamont_hover{position:relative;display:block}
.diamont_hover::before{content:"";background:rgba(255,255,255,.5);bottom:0;left:0;position:absolute;transform:rotate(90deg);-khtml-opacity:1;-o-opacity:1;-ms-opacity:1;-webkit-opacity:1;-moz-opacity:1;opacity:1;width:0;height:0;z-index:1}
.diamont_hover::after{content:"";background:rgba(255,255,255,.5);top:0;right:0;position:absolute;transform:rotate(90deg);-khtml-opacity:1;-o-opacity:1;-ms-opacity:1;-webkit-opacity:1;-moz-opacity:1;opacity:1;width:0;height:0;z-index:2}
.diamont_hover:hover::after,.diamont_hover:hover::before{transform:rotateY(180deg);transition-duration:1.3s;-khtml-opacity:0;-o-opacity:0;-ms-opacity:0;-webkit-opacity:0;-moz-opacity:0;opacity:0;height:100%;width:100%}
.diamont_hover:hover::after,.diamont_hover:hover::before{transform:rotateY(180deg);transition-duration:1.3s;-khtml-opacity:0;-o-opacity:0;-ms-opacity:0;-webkit-opacity:0;-moz-opacity:0;opacity:0;height:100%;width:100%}
.hover-cirle{position:relative}
.hover-cirle::before{position:absolute;top:50%;left:50%;z-index:2;display:block;content:"";width:0;height:0;background:rgba(255,255,255,.2);border-radius:100%;transform:translate(-50%,-50%);opacity:0}
.hover-cirle:hover::before{animation:circle .75s}
@keyframes circle{
0%{opacity:1}
40%{opacity:1}
100%{width:200%;height:200%;opacity:0}
}
.hover-glass img{width:100%;transition:ease .3s;display:block}
.box_images_album h3{text-align:center;position:absolute;bottom:0;left:0;right:0;background:rgba(50,50,50,.5);font-family:SVN-BerkshireSwash;color:#fff;line-height:43px;font-size:22px;transition:.4s;opacity:0}
.row-photo{margin:0 -8px}
.box_images_album:hover h3{opacity:1;transition:.4s}
.box_images_album{position:relative}
.col-photo{padding:0 8px}
.hover-glass:hover:before{animation:shine .75s}
@keyframes shine{
100%{left:125%}
}
.hover-glass{overflow:hidden;display:block;position:relative}
.hover-glass::before{content:"";position:absolute;top:0;left:-83%;z-index:2;display:block;content:"";width:50%;height:100%;background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);transform:skewX(-25deg)}
.img100{width:100%;height:auto}
.text-split1{overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:1}
.text-split2{overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2}
.text-split3{overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:3}
.text-split4{overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:4}
.text-split5{overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:5}
.text-split6{overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:6}
.text-split8{overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:8}
.scale-img{overflow:hidden;display:block}
.scale-img img{transition:.3s ease-out;transform:scale(1,1)}
.scale-img:hover>img{transition:.3s ease-out;transform:scale(1.1,1.1)}
.color{animation:changeColor 1s infinite alternate}
.vibration-icon{animation:phonering-alo-circle-img-anim 1s infinite ease-in-out}
.slideshow .owl-dots{position:absolute;bottom:0;z-index:9;left:0;right:0}
@keyframes phonering-alo-circle-img-anim{
0%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}
20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}
30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}
40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}
50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
100%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
}
@keyframes changeColor{
0%{color:#ce0404}
0%{color:#00f}
50%{color:#ce0404}
100%{color:#fed700}
}
.owl-theme .owl-dots .owl-dot:hover span,.slideshow .owl-theme .owl-dots .owl-dot.active span{background:#fff700}
.headerTop-right a{display:inline-block;margin-left:2px}
@keyframes hueRotate{
from{filter:hue-rotate(0)}
to{filter:hue-rotate(360deg)}
}
.social_fixed{position:fixed;right:25px;bottom:150px;z-index:999999;display:flex;align-items:center;flex-direction:column;gap:25px}
.support-online a{position:relative;text-align:left;width:44px;height:44px;display:flex;justify-content:center;align-items:center;border-radius:100rem;background:#0a7aef;transition:.3s}
.support-online a:hover{animation:unset;animation-name:fa-bounce;animation-delay:var(--fa-animation-delay,0);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))}
.support-online i,.support-online img{max-width:40px;max-height:40px;color:#fff;font-size:20px;text-align:center;line-height:1.9;position:relative;z-index:999}
.support-online .btn-support{cursor:pointer}
.kenit-alo-circle-fill{width:60px;height:60px;top:-7.5px;right:-7.5px;position:absolute;transition:all .2s ease-in-out;border-radius:100%;border:2px solid transparent;transition:all .5s;background-color:rgba(54,126,24,.5);opacity:.75}
.kenit-alo-circle{width:55px;height:55px;top:-5px;left:-5px;position:absolute;background-color:transparent;border-radius:100%;border:1px solid rgba(54,126,24,.4);opacity:.1;border-color:red;opacity:.5}
.social_fixed-phone{width:100%;position:fixed;left:0;bottom:0;height:55px;line-height:45px;z-index:100;display:none;box-shadow:0 3px 6px #333;border-radius:10px 10px 0 0;background:#fff}
.social_fixed-phone ul{list-style:none;margin:0;padding:0;display:flex;height:100%}
.social_fixed-phone ul li{flex:0 0 25%;-ms-flex:0 0 25%;max-width:25%;width:100%}
.social_fixed-phone ul li a{text-decoration:none;font-size:9px;font-family:Arial;display:flex;justify-content:center;align-items:center;flex-direction:column;letter-spacing:1px;line-height:2;height:100%;padding-top:5px;color:red}
.social_fixed-phone svg{display:block;margin:0 auto;height:25px;fill:red;max-width:100%}
@keyframes slide-top{
0%{transform:translateY(0)}
100%{transform:translateY(-10px)}
}
.goTop:hover{background:#000}
.goTop{width:45px;height:45px;text-align:center;font-weight:700;color:#444;text-decoration:none;bottom:75px;right:25px;display:none;z-index:10;cursor:pointer;display:flex;justify-content:center;align-items:center;background:#007ee7;border-radius:100rem;transition:1s;margin:0 auto;visibility:visible;transition:all .5s;animation:slide-top .8s linear infinite alternate-reverse}
.goTop i{color:#fff;font-size:22px}
.goTop.hide{opacity:0;visibility:hidden}
.mobile_menu_section{flex-direction:column;padding:10px 15px}
.mobile_menu_section .mobile_menu_section-title{color:#367e18;margin-bottom:5px}
.mobile_menu_section img,.mobile_menu_section svg{max-width:14px;max-height:14px;width:14px;height:14px;margin-right:5px}
.mobile_menu_section .mobile_menu_help{display:flex;align-items:center}
.border-animation{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid rgb(0 140 255 / 50%);animation:squares 3s linear 0s infinite;opacity:0;border-radius:50%}
.border-animation.border-2{animation-delay:1s}
.border-animation.border-3{animation-delay:2s}
@keyframes squares{
0%{transform:scale(1);opacity:0}
20%{transform:scale(1.2);opacity:1}
100%{transform:scale(1.6);opacity:0}
}
.wrap-phone-res{position:fixed;left:10px;bottom:65px;display:none}
.wrap-phone-res ul{margin:0;padding:0;list-style:none}
.wrap-phone-res ul li{margin:8px 0;animation:customfadeInRight;animation-duration:.5s;animation-fill-mode:forwards;opacity:0;transition:all .3s ease-in-out}
.wrap-phone-res ul li:nth-child(1){animation-delay:.1s}
.wrap-phone-res ul li:nth-child(2){animation-delay:.2s}
.wrap-phone-res ul li a{display:block;background:#fff;font-size:14px;font-weight:700;box-shadow:0 3px 3px rgba(0,0,0,.2);padding:10px 15px;border-radius:20px;color:red}
.wrap-phone-res ul li a i{animation:tada 1.2s infinite}
.wrap-phone-res.active{display:block}
@keyframes tada{
0%{transform:scaleX(1)}
10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}
30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}
40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}
to{transform:scaleX(1)}
}
#player{display:block;aspect-ratio:435/330;width:100%;margin-bottom:10px}
.item-video-addon{padding:0 5px;transition:.6s}
.slick-video-addon{margin:0 -5px}
.animated{animation-duration:1s;animation-fill-mode:both;opacity:1}
.animated.infinite{animation-iteration-count:infinite}
.zoomIn{animation-name:customzoomIn}
@keyframes customzoomIn{
0%{opacity:0;transform:scale3d(.3,.3,.3)}
50%{opacity:1}
}
.swing-vertical{animation:top-image-bounce 2s infinite ease-in-out}
@keyframes top-image-bounce{
0%{transform:translateY(-8px)}
50%{transform:translateY(12px)}
100%{transform:translateY(-8px)}
}
.vibration-icon{animation:phonering-alo-circle-img-anim 1s infinite ease-in-out}
@keyframes phonering-alo-circle-img-anim{
0%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}
20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}
30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}
40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}
50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
100%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
}
.blink_me{-webkit-animation-name:blinker;-webkit-animation-duration:1s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite;-moz-animation-name:blinker;-moz-animation-duration:1s;-moz-animation-timing-function:linear;-moz-animation-iteration-count:infinite;animation-name:blinker;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite}
@keyframes blinker{
0%{opacity:1}
50%{opacity:0}
100%{opacity:1}
}
@keyframes customfadeIn{
0%{opacity:0}
to{opacity:1}
}
@keyframes customfadeOut{
0%{opacity:1}
to{opacity:0}
}
@keyframes customfadeInUp{
0%{opacity:0;transform:translate3d(0,100px,0)}
to{opacity:1;transform:translateZ(0)}
}
@keyframes customfadeInDown{
0%{opacity:0;transform:translate3d(0,-100px,0)}
to{opacity:1;transform:translateZ(0)}
}
@keyframes customfadeInLeft{
0%{opacity:0;transform:translate3d(100px,0,0)}
to{opacity:1;transform:translateZ(0)}
}
@keyframes customfadeInRight{
0%{opacity:0;transform:translate3d(-100px,0,0)}
to{opacity:1;transform:translateZ(0)}
}
.text-nhapnhay{animation:my .7s infinite}
@keyframes my{
0%{color:#ffc853}
50%{color:red}
100%{color:#ffc853}
}
.rotate360{animation:rotation 2s infinite linear}
body::-webkit-scrollbar-track{background:rgba(0,0,0,.1)}
@keyframes rotation{
from{-webkit-transform:rotate(0)}
to{-webkit-transform:rotate(359deg)}
}
.input2{position:relative}
.placeholder{position:absolute;color:#888;left:15px;top:50%;transform:translateY(-50%);display:flex}
input:required+.placeholder::after{content:"*";color:red;order:1}
input:required+.placeholder::before{content:")";color:#888;order:2}
input:valid~.placeholder{visibility:hidden;opacity:0}
textarea:required+.placeholder::after{content:"*";color:red;order:1}
textarea:required+.placeholder::before{content:")";color:#888;order:2}
textarea:valid~.placeholder{visibility:hidden;opacity:0}
.border_loader img{border-radius:100%}
.search-res button{float:left;width:35px;height:38px;cursor:pointer;outline:0;border:none;margin:0;font-size:17px;display:block;color:var(--main-color);line-height:38px;text-align:center;background:#fff}
.padding-20{padding:0 10px}
.row-20{margin:0 -10px}
.section-main .filter{position:sticky;top:60px}
.filter .step{padding:15px;border:1px solid #ededed;box-shadow:0 3px 5px rgba(0,0,0,.1);transition:.3s;margin-bottom:15px;border-radius:5px}
.filter .step h3{font-family:HelveticaNeue-Medium;font-size:16px;color:red;text-transform:capitalize;margin-bottom:7px}
.input-cell .form-control{border-radius:2px;border:1px solid #49c408;background:#fff;font-family:HelveticaNeue;font-size:15px;color:#aeaeb2}
.price-box{margin-top:5px}
.price-box .price-new{font-family:HelveticaNeue-Bold;font-size:14px;color:var(--hover-color)}
.price-box .price-new span{font-family:HelveticaNeue-Bold}
.price-box .price-old{margin-left:10px;font-family:HelveticaNeue;font-size:14px;color:#8e8e93}
.filter .step{padding:15px;border:1px solid #ededed;box-shadow:0 3px 5px rgba(0,0,0,.1);transition:.3s;margin-bottom:15px;border-radius:5px}
.filter .step h3{font-family:HelveticaNeue-Medium;font-size:16px;color:var(--main-color);text-transform:capitalize;margin-bottom:7px}
.filter .input{margin-bottom:15px}
.filter .input .irs-bar,.filter .input .irs-handle{cursor:pointer}
.filter .checkbox{display:flex;align-items:center}
.filter .checkbox label{margin:0;margin-left:5px;cursor:pointer}
.filter .checkbox input{width:15px;height:15px;cursor:pointer}
.section-main .filter{position:sticky;top:60px}
.SumoSelect{width:100%}
.SumoSelect>.CaptionCont{border-color:#e7e7e7;position:relative;border:1px solid #a4a4a4;height:40px;background-color:#fff;border-radius:2px;margin:0}
.SumoSelect label{margin:0}
.SumoSelect .select-all{height:auto!important;padding:8px 0 8px 35px!important}
.box__newStyle{position:relative}
.box__newStyle--pic{position:relative;display:block;overflow:hidden;flex-shrink:0;border-radius:20px}
.box__newStyle--abs__date{position:absolute;left:0;top:0;padding:5px 5px;background:#9acd32;display:inline-block;border-bottom-right-radius:20px;pointer-events:none}
.box__newStyle--abs__date p{font-family:Calibri;font-size:16px;color:#fff;text-align:center;text-decoration:underline}
.box__newStyle--abs__date span{font-family:Calibri;font-size:14px;color:#fff}
.box__newStyle--content{padding:15px}
.box__newStyle--name{font-family:Calibri-Bold;font-size:18px;color:#000}
.box__newStyle--name:hover{color:var(--main-color)}
.box__newStyle--date{font-family:Calibri;font-size:14px;color:#6b6b6b;display:flex;align-items:center;margin:7px 0}
.box__newStyle--date p:first-child{margin-right:12px}
.box__newStyle--date p img{margin-right:5px;vertical-align:text-top}
.box__newStyle--desc{font-family:Calibri;font-size:14px;color:#000;margin-bottom:10px}
.box__newStyle--btn{font-family:Calibri-Bold;font-size:14px;color:var(--main-color)}
.box__newStyle--btn:hover{color:#ffc500}
.tagsearch-list{margin-bottom:6px}
.tagsearch-list .swiper-slide{width:auto;padding-left:5px}
.SelectBox{padding:5px 8px}
.tagsearch-list .swiper-slide .items-list{padding:5px 0;font-family:Calibri;font-size:15px;line-height:20px;color:#fff;text-transform:capitalize;cursor:pointer;transition:.3s;border-bottom:2px solid transparent;margin-right:10px;position:relative;transition:.3s}
.tagsearch-list .swiper-slide .items-list:hover{color:var(--hover-color)}
#loader-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999999;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:999999}
#loader-wrapper.show1 #wrap{background:0 0}
#loader-wrapper:after{-webkit-mask:url(../img/mask-01.png);mask:url(../img/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:99999}
#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}
}
.menu ul.primary-menu{display:flex;align-items:center;width:100%;padding:0;margin:0;list-style:none}
.menu ul.primary-menu>li>a{white-space:nowrap;font-size:14px!important;padding:8.5px 6px!important;text-transform:uppercase;color:#301d16;font-family:Mulish-Bold;border-radius:12px;margin:0 10px}
.menu ul li a{display:block;position:relative;font-size:13px;color:var(--main-color);padding:12px 12px 11px 12px;text-decoration:none!important}
ul.primary-menu li .active{color:#f0ce40!important}
ul.primary-menu li a:hover{color:#f0ce40!important}
.block-search{position:fixed;top:0;left:0;width:100%;z-index:999;background:rgba(0,0,0,.8);display:none;transition:.8s}
.search-wrap{position:relative;color:#fff;height:100vh}
.form-search-d{position:relative;width:0;transition:.8s}
.form-search-d.active{width:70%}
@media screen and (max-width:991px){
.form-search-d.active{width:calc(100% - 50px)}
}
.form-search-d input{width:100%;height:45px;outline:0;color:#fff;border:none;border-bottom:1px solid #fff;background:0 0;padding:0 30px 0 10px;font-size:12px}
.form-search-d input::-moz-placeholder{color:#fff;font-size:12px}
.form-search-d input::placeholder{color:#fff;font-size:12px}
.form-search-d button{position:absolute;top:0;right:0;outline:0;border:none;cursor:pointer;background:0 0;font-size:14px;height:100%;color:#fff}
.close-form-search{position:absolute;top:30px;right:0;font-size:25px;transition:.3s}
@media screen and (max-width:991px){
.close-form-search{font-size:20px}
}
.close-form-search:hover{color:red}
div#google_language_translator select{width:100%;border:1px solid #d7d7d7;border-radius:50px;padding:5px;font-family:Mulish-Bold;color:#2f2f2f;font-size:13px;position:relative}
div#google_language_translator{position:relative}
div#google_language_translator:after{position:absolute;background:#fff;width:100%;height:20px;left:0;content:'';bottom:1px}
div#google_language_translator{position:relative;top:8px}
.news-item2__text2{background:#f6f6f6}
ul.ul_check li:after{display:none!important}
.news-item2-box2{margin-bottom:27px}
.box_partner{background:#dfdfdf;padding:55px 0}
.partner a{display:block;border:1px solid #bababa;transition:.3s}
.title_partner h2{font-size:25px;font-family:Montserrat-Bold;color:#360d0d;text-transform:uppercase;margin-bottom:5px}
.partner a:Hover{border:1px solid #fbc200;transition:.3s}
.title_partner p{font-size:15px;font-family:Mulish-Regular;color:#360d0d}
.newsletter-main{background:url(../img/bg_bg2.jpg) no-repeat;background-size:100% 100%;padding:60px 0}
.newsletter-title{margin-bottom:1.8em;text-align:center}
.nb__image a img{border-radius:100%;border:4px solid #dabb3c}
.newsletter-title h2{font-family:Montserrat-Bold;font-size:26px;color:#f0ce40;text-transform:uppercase;background:url(../img/bottotm_title.png) center bottom no-repeat;padding-bottom:24px;margin-bottom:30px}
.newsletter-row .newsletter-col:nth-child(2) .newsletter-input textarea{border-radius:4px!important}
.newsletter-input input{border-radius:5px!important}
.newsletter-form{padding:0 75px}
.main_album_main{display:flex;flex-wrap:wrap;justify-content:center}
.newsletter-row .newsletter-col:nth-child(1){flex:0 0 65.538%;max-width:65.538%}
@media screen and (max-width:991px){
.newsletter-row .newsletter-col:nth-child(1){flex:0 0 100%;max-width:100%}
}
.newsletter-row .newsletter-col:nth-child(1) .newsletter-input{flex:0 0 49.3%;max-width:49.3%;margin-bottom:13px}
@media screen and (max-width:991px){
.newsletter-row .newsletter-col:nth-child(1) .newsletter-input{flex:0 0 100%;max-width:100%}
}
.newsletter-row .newsletter-col:nth-child(1) .newsletter-input input{height:48px}
.newsletter-row .newsletter-col:nth-child(2){flex:0 0 33.6%;max-width:33.6%}
@media screen and (max-width:991px){
.newsletter-row .newsletter-col:nth-child(2){flex:0 0 100%;max-width:100%}
}
.newsletter-row .newsletter-col:nth-child(2) .newsletter-input textarea{height:110px;resize:none}
.newsletter-row .newsletter-col:nth-child(3){flex:0 0 7.846%;max-width:7.846%}
@media screen and (max-width:991px){
.newsletter-row .newsletter-col:nth-child(3){flex:0 0 100%;max-width:100%;margin-top:10px}
}
.newsletter-row .newsletter-input .form-control{border:0;border-radius:0}
.submit-newsletter:hover{background:#2f1c16;color:#f0ce40}
.newsletter-col{text-align:center}
button.submit-newsletter.re:hover{color:#f0ce40;transition:.3s;background:#2f1c16}
.submit-newsletter{border:0;color:#fff;text-transform:uppercase;height:45px;line-height:45px;background:#f0ce40;width:141px;margin:0 3px;padding:0;font-family:Mulish-Bold;transition:.5s;border-radius:5px}
button.submit-newsletter.re{background:#e1dede;width:131px;color:#000;font-family:Mulish-Bold}
.news-nb-box.position-relative:hover .news-nb__text h3 a{color:red;transition:.3s}
.news-nb-box.position-relative .news-nb__text h3 a{transition:.3s}
.box_main_album{display:flex;flex-wrap:wrap;width:100%;justify-content:center}
p.color_gray{color:#333!important;font-family:Montserrat-Regular!important}
h3.name_album{position:absolute;bottom:0;left:0;right:0;margin-bottom:0;width:100%;color:#fff;background:rgba(50,50,50,.5);font-family:Montserrat-Medium;font-size:17px;padding:7px 20px;text-align:center;opacity:0;transition:.3s}
h3.name_album a:hover{color:red;transition:.3s}
.album_box:hover .name_album{opacity:1;transition:.3s}
.album_box{position:relative;padding:1px}
.box_album_main{position:relative;padding:50px 0 50px}
.box_visao_main{background:url(../img/bg2.jpg) no-repeat;background-size:100% 100%;padding:45px 0 33px}
.nb__image a{display:block;padding:10px 0 0}
.because:hover .nb__image img{transform:rotate(359deg)}
.because .nb__image img{transition:all .9s}
.box_visao_main .title_main_index p{color:#fff!important;font-family:Montserrat-Regular!important;margin-top:12px!important}
.animated{animation-duration:1s;animation-fill-mode:both;opacity:1}
.animated.infinite{animation-iteration-count:infinite}
.zoomIn{animation-name:customzoomIn}
@keyframes customzoomIn{
0%{opacity:0;transform:scale3d(.3,.3,.3)}
50%{opacity:1}
}
.swing-vertical{animation:top-image-bounce 2s infinite ease-in-out}
@keyframes top-image-bounce{
0%{transform:translateY(-8px)}
50%{transform:translateY(12px)}
100%{transform:translateY(-8px)}
}
.vibration-icon{animation:phonering-alo-circle-img-anim 1s infinite ease-in-out}
@keyframes phonering-alo-circle-img-anim{
0%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}
20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}
30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}
40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}
50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
100%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
}
.nb__text h3{text-align:center;font-family:Mulish-Bold;color:#fff;font-size:20px;text-transform:capitalize;margin-top:25px;padding:0 25px}
.nb__text h3 a:hover{color:#fff}
.box_because_main .owl-stage-outer{padding:0 0 58px}
.box_because_main .owl-item{position:relative}
.box_because_main .owl-item:after{position:absolute;background:url(../img/after_tc.png);width:2px;height:205px;top:0;right:0;content:"";left:-3px}
.nb__image{text-align:center}
.box_news_video{position:relative;padding:50px 0}
.news-nb__text h3 a{font-family:Mulish-Bold;font-size:16px;color:#222;text-transform:uppercase;margin-bottom:7px;margin-top:23px}
.details_more_news{text-align:center;margin:25px 0 0}
.desc_newsbn{font-size:14px;font-family:Mulish-Regular;color:#4a4a4a;line-height:23px}
.c_ns{padding:0 23px}
.r_ns{margin:0 -23px}
.details_more_news a:hover{color:#e5cf26;transition:.3s;background:#000}
.details_more_news a{transition:.3s}
div#video-select iframe{width:100%;height:347px}
.nb__text a{color:#fff}
.r_ns{position:relative}
.r_ns:after{position:absolute;background:#e0dada;left:0;right:0;margin:0 auto;content:"";top:0;width:2px;height:95%}
select#cbo_video{width:100%;border:1px solid #cacaca;height:45px;padding:0 10px;font-size:14px;font-family:Mulish-Regular;color:#797979;margin-top:9px}
div#video-select iframe{width:100%}
.details_more_news a{background:#380a10;padding:6px 26px;font-family:Mulish-Bold;color:#fff;border-radius:8px}
.news-nb__text{margin-bottom:25px}
.news-nb-box.position-relative{background:#f3f1f1}
.news-nb__image a{display:block;border-radius:10px}
.news-nb__text{margin-bottom:25px;padding:0 12px 16px}
.title_main_index{text-align:center;margin-bottom:27px;position:relative}
.news-item2__text h3 a{font-family:Mulish-Bold;color:#301d16;text-transform:uppercase;font-size:15px;margin-bottom:5px}
.news-item2-box{background:#fff}
.desc_newsnb{font-size:14px;font-family:Mulish-regular;color:#353535;margin-bottom:20px}
.news-item2__text{padding:17px 10px 13px}
.details_more a{font-size:12px;color:#f0ce40;font-family:mulish-bold;background:#301d16;text-transform:uppercase;padding:8px 18px;transition:.3s}
.details_more a:hover{background:#f0ce2e;color:#301d16;transition:.3s}
.details_more{text-align:center;margin-bottom:11px}
.sercive_longan{background:url(../img/bg1.jpg) no-repeat;background-size:100% 100%;padding:50px 0 70px}
.news-item2-box:hover .news-item2__text h3 a{color:red;transition:.3s}
.news-item2-box .news-item2__text h3 a{transition:.3s}
.title_main_index2 h2:after{background:0 0!important}
.title_main_index2 h2:before{background:0 0!important}
.title_main_index2 p{color:#301d16!important;margin-top:-4px;font-family:Mulish-Bold;font-size:15px}
.title_main_index_bttom{margin-bottom:40px}
.title_main_index h2:after{position:absolute;background:url(../img/after_title.png);width:146px;height:9px;left:24%;content:"";top:10px}
.title_main_index h2:before{position:absolute;background:url(../img/after_title.png);width:146px;height:9px;right:24%;top:10px;content:""}
.title_main_index p{font-family:Montserrat-medium;color:#ececec}
.title_main_index h2{font-family:UTMHelvetIns;font-size:35px;text-transform:uppercase;color:#f0ce40;margin-bottom:10px;position:relative}
.name_news h3 a{font-size:18px;font-family:Mulish-Bold;color:#380a10;margin-bottom:5px}
.desc_crtieria{font-size:47px;font-family:UTMHelvetIns;color:#f0ce40;margin:5px 0 0;text-align:center;position:relative;right:15px}
.desc_crtieria:after{position:absolute;content:"+"}
.w50_right{width:50%;margin-left:50%}
.center_box{text-align:center;margin-top:25px}
.center_box a{display:inline-block;background:#fbc200;padding:9px 27px;border-radius:50px;color:#fff;font-family:Montserrat-Medium;text-transform:capitalize;color:#000;transition:.3s}
.center_box a:hover{background:#000;transition:.3s;color:#fbc200}
.images_introduce{position:relative;z-index:9}
.box_criteria{background:#f7f7f7;position:relative;padding:15px 0 15px;z-index:-1;margin-top:-135px}
.logo-box{margin-right:10px}
.headerBottom{position:relative;box-shadow:0 0 5px #d0d0d0;padding:3px 0}
p.desc_top{font-size:18px;color:#f0ce40;font-family:Mulish-bold;text-transform:uppercase;margin-bottom:10px}
a.block_more:hover{background:#d0840b;transition:.3s}
a.block_more{transition:.3s}
div#fix{height:104px}
a.block_more{display:inline-block;background:#f5b146;color:#fff;padding:10px 23px;border-radius:10px;font-size:14px;font-family:Mulish-Bold;text-transform:uppercase}
.desc_introduce{margin-bottom:25px;line-height:22px}
.images_introduce{position:relative}
.images_introduce a{display:block}
.title_introduce h2{font-size:26px;color:#301d16;font-family:Montserrat-Bold;text-transform:capitalize;margin-bottom:12px}
.title_introduce h2 span{color:#f0ce40}
.desc_introduce{font-family:mulish-regular;font-size:15px;color:#000}
.box_introduce{position:relative;padding:60px 0}
.name_news{text-align:center}
@media screen and (max-width:991px){
.box_main_album{display:none}
.box_main_album2{display:block}
}
.box_main_album2{display:none}
h3.name_album a{color:#fff}
.footerFanpage iframe{height:220px;width:100%}
.box_news_main{margin-bottom:60px;padding-top:50px}
.social-box a{transition:.3s;display:inline-block;margin-right:6px}
.footerArticle h3.after_bottom{position:relative;display:block;margin-bottom:23px;padding-bottom:17px}
.footerArticle .footerInfo2 h2{font-family:Montserrat-Bold;font-size:25px;color:#fff;text-transform:uppercase;margin-bottom:20px}
.right_footer{color:#e8e8e8;font-size:14px;padding:10px 0;text-align:right;margin-top:-55px}
.src_footer .wrapper{padding:0 0}
.social-box a:hover{transform:rotate(352deg);transition:.3s}
h3.after_bottom:after{position:absolute;content:"";background:#fff;width:40px;height:1px;left:0;bottom:0}
.footerArticle h3{font-family:Mulish-Bold;font-size:15px;color:#fff;text-transform:uppercase}
.footerArticle{background:#301d16}
.social_footer{margin-top:7%}
.social_footer a{margin-right:9px}
.footerArticle .desc_ft{margin-top:15px;color:#fff!important}
.footerRow{padding-bottom:1.5%}
.social_footer a{display:inline-block}
.social_footer a:hover{transition:.5s;transform:rotate(359deg)}
.footerCopyright_{color:#fff;font-size:15px}
.box_r{width:73%;margin-left:23px}
.footerStatic_ span{margin-left:19px}
.right_footer a:hover{color:#f8c30d;transition:.3s}
ul.ul_footer li{padding-left:20px;background:url(../img/ulli.jpg) center left no-repeat}
.footerArticle{padding:55px 0 0}
.footerArticle .footerInfo{flex:0 0 385px;max-width:385px}
@media screen and (max-width:991px){
.footerArticle .footerInfo{flex:0 0 100%;max-width:100%}
}
.footerArticle .footerInfo h2{font-family:Mulish-Black;font-size:22px;color:#fff;text-transform:uppercase}
.footerArticle .footerInfo .desc{font-family:SVN-GothamBook;font-size:14px;color:#fff;margin:20px 0 30px}
.footerArticle .box_top_tags{display:flex;align-items:center;color:#fff;font-size:14px;font-family:Mulish-Regular}
.footerArticle .box_top_tags h5{font-size:15px;margin-bottom:0;margin-right:6px}
.footerArticle .box_top_tags span{padding:0 10px}
.footerArticle .box_top_tags{border-top:1px solid #555;padding-top:2%;margin-top:3.5%}
.footerArticle .box_top_tags p span{padding:0 10px}
.footerArticle .footerArticle .desc_ft{color:#fff!important}
.footerArticle .footerInfo2{flex:0 0 624px;max-width:624px}
@media screen and (max-width:991px){
.footerArticle .footerInfo2{flex:0 0 100%;max-width:100%}
}
.footerArticle .footerInfo2 .desc{font-family:SVN-GothamBook;font-size:14px;color:#fff;margin:20px 0 30px}
.footerArticle .footerList,.footerArticle .footerPolicy{flex:0 0 270px;max-width:270px}
@media screen and (max-width:991px){
.w-menu.fix_head.animate__animated.animate__fadeIn .logo-box{transform:unset}
.header-container{margin-bottom:20px!important;text-align:center}
.header-container p{font-size:11px}
.header-container h2{font-size:25px;margin-top:10px}
.padding-top-bottom{padding:1rem 0}
.title-main h2{font-size:22px}
.slideshow .control-owl button{width:24px;height:31px}
.w-menu{height:50px}
.footerCopyright_box{padding:20px 0 16px}
.top_border{padding-top:10px}
.footerStatic_{text-align:center}
.footerCopyright_{color:#fff;font-size:15px;text-align:center}
.footerArticle .footerList,.footerArticle .footerPolicy{flex:0 0 100%;max-width:100%;margin-top:30px;margin-bottom:5%}
}
.footerArticle .footerList ul li,.footerArticle .footerPolicy ul li{margin-bottom:15px}
.footerArticle .footerList ul li a,.footerArticle .footerPolicy ul li a{color:#fff;font-family:Mulish-Regular;font-size:14px;text-transform:capitalize}
.footerArticle .footerList ul li a:hover,.footerArticle .footerPolicy ul li a:hover{color:#ffef6c}
.footerPolicy ul li a{transition:all .3s}
.footerArticle .box_ft_information{font-size:15px;color:#fff;margin-bottom:13px}
.footerArticle .desc_ft{margin-top:15px}
.footerArticle .footerFanpage{flex:0 0 280px;max-width:280px}
@media screen and (max-width:991px){
.footerArticle .footerFanpage{flex:0 0 100%;max-width:100%}
}
.footerArticle ul{padding:0;list-style:none}
.footerPowered{background-color:#1f1f1f;padding:15px 0}
.footerStatic{text-align:right;display:inline-block;color:#c8c8c8}
.box_top_tags p a:hover{color:red;transition:.3s}
.box_top_tags p a{transition:.3s}
.footerCopyright{display:block;color:#fff;font-family:roboto-regular;font-size:15px;position:relative;padding-top:10px;padding-bottom:10px;background:#101010}
@media screen and (max-width:767px){
.footerCopyright{text-align:center}
}
.footerCopyright font{font-weight:600}
.footerStatic{text-align:right;display:inline-block}
@media screen and (max-width:767px){
.footerStatic{text-align:center}
}
.footerStatic span{padding-right:10px;border-right:1px solid #595959;margin-right:10px}
.footerStatic span:last-child{padding-right:0;margin-right:0;border-right:none}
.infor_ft{margin-bottom:13px}
.infor_ft img{margin-right:7px}
.infor_ft span{font-family:roboto-medium}
.footerCopyright_box{position:relative;padding:20px 0}
.footer_map iframe{height:470px;width:100%}
.footerStatic_ span{position:relative}
.footerStatic_ span:after{position:absolute;background:#fff;width:1px;height:11px;left:-12px;content:"";top:4px}
.footerStatic_ span:first-child:after{background:0 0!important}
.top_border{border-top:1px solid #988e8b;padding-top:20px}
.top_border{padding-left:0!important;padding-right:0!important}
.footerStatic_{text-align:right;color:#fff;font-size:14px!important}
.footerCopyright_ span{text-transform:uppercase}
.footerCopyright_ a:hover{color:red;transition:.3s}
@media only screen and (max-width:991px){
.box_partner{background:#dfdfdf;padding:33px 0}
.title_partner{text-align:center;margin-bottom:4%}
.newsletter-input{position:relative;width:100%;margin-bottom:4%}
.newsletter-form{padding:0 0}
.newsletter-main{background:url(../img/bg_bg2.jpg) no-repeat;background-size:cover;padding:38px 0}
.box_album_main{padding:35px 0 39px}
h3.name_album{font-size:13px}
.box_main_album2{display:block!important}
.box_visao_main{background:url(../img/bg2.jpg) no-repeat;background-size:cover;padding:29px 0 12px}
.desc_newsbn{font-size:12px;font-family:Mulish-Regular;color:#4a4a4a;line-height:19px}
.news-nb__text h3 a{font-family:Mulish-Bold;font-size:14px;color:#222;text-transform:uppercase;margin-bottom:7px;margin-top:17px;-webkit-line-clamp:2}
.r_ns:after{display:none}
.box_news_video{padding:33px 0}
.desc_newsnb{font-size:13px}
.title_main_index h2:before{display:none}
.title_main_index h2:after{display:none}
.title_main_index{margin-bottom:20px}
.news-list.row{margin:0 -5px}
.col-6{padding:0 5px}
.sercive_longan{background:url(../img/bg1.jpg) no-repeat;background-size:cover;padding:29px 0 39px}
.desc_crtieria{font-size:33px}
.w50_right{width:100%;margin-left:0}
.box_criteria{padding:10px 0 10px;z-index:1;margin-top:0}
p.desc_top{font-size:16px;margin-bottom:10px}
.title_introduce h2{font-size:21px}
.title_introduce{margin-top:3%}
.box_introduce{padding:25px 0 0}
.logo-box{margin:0}
.logo-box img{width:45px}
}
#loader-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999999;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:999999}
#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:99999}
#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}
}
article#toc-content{font-family:Montserrat}

/* =========================================================
   NHAN LUC TEACHER TUAN - PUBLIC EXPERIENCE
   Tat ca style moi duoc gom theo namespace tt- de de bao tri.
   ========================================================= */
:root{
--tt-blue:#006fd6;
--tt-blue-dark:#07509e;
--tt-navy:#061f3d;
--tt-navy-soft:#0a2b50;
--tt-red:#e21a22;
--tt-gold:#f5b51b;
--tt-green:#18a957;
--tt-ink:#12233a;
--tt-muted:#637083;
--tt-cloud:#f3f7fb;
--tt-white:#fff;
--tt-radius:24px;
--tt-shadow:0 24px 70px rgba(5,43,84,.14);
--tt-ease:cubic-bezier(.22,1,.36,1)
}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;background:var(--tt-white);color:var(--tt-ink);font-family:Montserrat-Regular,Arial,sans-serif;overflow-x:hidden}
body.tt-lock-scroll{overflow:hidden}
.tt-home{overflow:hidden}
.tt-container{width:min(1240px,calc(100% - 40px));margin-inline:auto}
.tt-section{padding:110px 0}
.tt-title{margin:0;color:var(--tt-navy);font-family:Montserrat-Bold,Arial,sans-serif;font-size:clamp(34px,4.1vw,60px);font-weight:700;letter-spacing:-.045em;line-height:1.12}
.tt-lead{color:var(--tt-muted);font-size:17px;line-height:1.85}
.tt-eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 19px;color:var(--tt-blue);font-family:Montserrat-Bold,Arial,sans-serif;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.tt-eyebrow>span{display:block;width:37px;height:3px;border-radius:99px;background:linear-gradient(90deg,var(--tt-red),var(--tt-gold))}
.tt-button{display:inline-flex;min-height:54px;align-items:center;justify-content:center;gap:13px;padding:0 26px;border:1px solid var(--tt-blue);border-radius:999px;background:var(--tt-blue);box-shadow:0 14px 30px rgba(8,124,240,.23);color:#fff!important;font-family:Montserrat-Bold,Arial,sans-serif;font-size:13px;text-decoration:none;transition:transform .45s var(--tt-ease)}
.tt-button i{font-size:17px;transition:transform .4s var(--tt-ease)}
.tt-button:hover{background:var(--tt-navy);border-color:var(--tt-navy);box-shadow:0 18px 38px rgba(6,31,61,.24);transform:translateY(-4px)}
.tt-button:hover i{transform:translateX(4px)}
.tt-button--small{min-height:44px;padding:0 20px;font-size:12px}
.tt-button--outline{background:transparent;box-shadow:none;color:var(--tt-blue)!important}
.tt-button--outline:hover{color:#fff!important}
.tt-button--wide{width:100%;border:0;cursor:pointer}
.tt-text-link{display:inline-flex;align-items:center;gap:12px;color:#fff!important;font-family:Montserrat-Bold,Arial,sans-serif;font-size:13px;text-decoration:none}
.tt-text-link>span{display:grid;width:44px;height:44px;place-items:center;border:1px solid rgba(255,255,255,.5);border-radius:50%;transition:transform .4s var(--tt-ease)}
.tt-text-link:hover>span{background:#fff;color:var(--tt-blue);transform:scale(1.1)}
.tt-text-link--dark{color:var(--tt-navy)!important}
.tt-text-link--dark>span{border-color:#d8e2ee;background:#fff;color:var(--tt-blue);box-shadow:0 10px 25px rgba(6,31,61,.1)}
.tt-section-heading{max-width:720px;margin-bottom:48px}
.tt-section-heading>p:last-child{max-width:620px;margin:20px 0 0;color:var(--tt-muted);font-size:16px;line-height:1.8}
.tt-section-heading--center{margin-right:auto;margin-left:auto;text-align:center}
.tt-section-heading--center .tt-eyebrow{justify-content:center}
.tt-section-heading--center>p:last-child{margin-right:auto;margin-left:auto}
.tt-section-heading--split{display:flex;max-width:none;align-items:flex-end;justify-content:space-between;gap:60px}
.tt-section-heading--split>div:first-child{max-width:720px}
.tt-section-heading--split>div:last-child,.tt-section-heading--split>p{width:min(390px,100%);margin:0;color:var(--tt-muted);font-size:16px;line-height:1.8}
.tt-section-heading--light .tt-title,.tt-section-heading--light>div .tt-title{color:#fff}
.tt-section-heading--light>p:last-child,.tt-section-heading--light>div:last-child,.tt-section-heading--light>div:last-child p{color:#b7cbe1}

/* Topbar va dieu huong */
.tt-topbar{position:relative;z-index:80;background:var(--tt-navy);color:#d9e8f7;font-size:11px}
.tt-topbar__inner{display:flex;min-height:38px;align-items:center;justify-content:space-between;gap:20px}
.tt-topbar p{margin:0}.tt-topbar i{color:var(--tt-gold)}
.tt-topbar__welcome{display:flex;align-items:center;gap:8px;letter-spacing:.02em}
.tt-topbar__contact{display:flex;align-items:center;gap:22px}
.tt-topbar__contact a,.tt-topbar__contact span{display:flex;align-items:center;gap:7px;color:inherit;text-decoration:none}
.tt-topbar__contact a:hover{color:#fff}
.tt-navigation{position:sticky;top:0;z-index:75;background:rgba(255,255,255,.97);box-shadow:0 1px 0 rgba(6,31,61,.08);backdrop-filter:blur(18px)}
.tt-navigation.is-scrolled{background:rgba(255,255,255,.92);box-shadow:0 14px 40px rgba(6,31,61,.12)}
.tt-navigation__inner{display:flex;height:92px;align-items:center;justify-content:space-between;gap:25px}
.tt-brand{display:flex;width:150px;height:82px;align-items:center;overflow:hidden;text-decoration:none;transform-origin:left center;transition:transform .4s var(--tt-ease)}
.tt-brand img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.tt-navigation.is-scrolled .tt-brand{transform:scale(.88)}
.tt-desktop-menu{height:100%}
.tt-desktop-menu>ul{display:flex;height:100%;align-items:center;gap:clamp(15px,1.7vw,28px);margin:0;padding:0;list-style:none}
.tt-desktop-menu>ul>li{display:flex;height:100%;align-items:center;position:relative}
.tt-desktop-menu>ul>li>a{display:flex;height:100%;align-items:center;gap:5px;position:relative;color:var(--tt-ink);font-family:Montserrat-Bold,Arial,sans-serif;font-size:12px;text-decoration:none;white-space:nowrap}
.tt-desktop-menu>ul>li>a:after{position:absolute;right:0;bottom:0;left:0;height:3px;border-radius:3px 3px 0 0;background:linear-gradient(90deg,var(--tt-red),var(--tt-gold));content:"";transform:scaleX(0);transform-origin:center;transition:transform .35s var(--tt-ease)}
.tt-desktop-menu>ul>li>a:hover,.tt-desktop-menu>ul>li>a.active{color:var(--tt-blue)}
.tt-desktop-menu>ul>li>a:hover:after,.tt-desktop-menu>ul>li>a.active:after{transform:scaleX(1)}
.tt-submenu{visibility:hidden;min-width:235px;margin:0;padding:12px;position:absolute;top:calc(100% - 5px);left:-20px;border:1px solid #e4ecf4;border-radius:16px;background:#fff;box-shadow:var(--tt-shadow);list-style:none;opacity:0;transform:translateY(14px);transition:opacity .3s,transform .4s var(--tt-ease)}
.has-children:hover>.tt-submenu,.has-children:focus-within>.tt-submenu{visibility:visible;opacity:1;transform:translateY(0)}
.tt-submenu a{display:block;padding:11px 13px;border-radius:10px;color:var(--tt-ink);font-size:12px;text-decoration:none;transition:transform .3s}
.tt-submenu a:hover{background:var(--tt-cloud);color:var(--tt-blue);transform:translateX(4px)}
.tt-navigation__actions{display:flex;flex:0 0 auto;align-items:center;gap:10px}
.tt-icon-button,.tt-menu-button{display:grid;width:44px;height:44px;place-items:center;border:1px solid #dfe8f1;border-radius:50%;background:#fff;color:var(--tt-navy);cursor:pointer;transition:transform .3s}
.tt-icon-button:hover,.tt-menu-button:hover{border-color:var(--tt-blue);background:var(--tt-cloud);transform:scale(1.06)}
.tt-menu-button{display:none;padding:12px}
.tt-menu-button span:not(.visually-hidden){display:block;width:20px;height:2px;margin:2px 0;border-radius:9px;background:var(--tt-navy)}
.tt-mobile-menu{visibility:hidden;height:var(--tt-mobile-menu-height,100vh);max-height:100dvh;position:fixed;z-index:100;inset:0;opacity:0;overflow:hidden;transition:opacity .4s}
.tt-mobile-menu.is-open{visibility:visible;opacity:1}
.tt-mobile-menu__backdrop{position:absolute;inset:0;border:0;background:rgba(4,20,39,.72);backdrop-filter:blur(5px)}
.tt-mobile-menu__panel{--tt-mobile-menu-gutter:24px;display:flex;width:min(430px,88vw);height:100%;max-height:var(--tt-mobile-menu-height,100vh);margin-left:auto;padding:calc(20px + env(safe-area-inset-top)) calc(var(--tt-mobile-menu-gutter) + env(safe-area-inset-right)) calc(30px + env(safe-area-inset-bottom)) calc(var(--tt-mobile-menu-gutter) + env(safe-area-inset-left));box-sizing:border-box;position:relative;flex-direction:column;gap:18px;background:#fff;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;transform:translateX(105%);transition:transform .55s var(--tt-ease);-webkit-overflow-scrolling:touch}
.tt-mobile-menu.is-open .tt-mobile-menu__panel{transform:translateX(0)}
.tt-mobile-menu__head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8eef4;padding-bottom:14px;flex:0 0 auto}
.tt-mobile-menu__head img{width:126px;height:76px;object-fit:contain;mix-blend-mode:multiply}
.tt-mobile-menu__head button{display:grid;width:40px;height:40px;place-items:center;border:0;border-radius:50%;background:var(--tt-cloud);color:var(--tt-navy)}
.tt-menu-button:focus-visible,.tt-mobile-menu__panel a:focus-visible,.tt-mobile-menu__panel button:focus-visible{outline:3px solid var(--tt-blue);outline-offset:3px}
.tt-mobile-menu nav{display:block;min-height:auto;flex:0 0 auto}
.tt-mobile-menu nav ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column}
.tt-mobile-menu nav ul>li{display:block}
.tt-mobile-menu__link-row{display:flex;align-items:center;border-bottom:1px solid #edf1f5}
.tt-mobile-menu__link-row>a{flex:1;padding:15px 0;color:var(--tt-navy);font-family:Montserrat-Bold,Arial,sans-serif;font-size:15px;text-decoration:none}
.tt-mobile-menu__link-row button{width:42px;border:0;background:transparent;color:var(--tt-blue);font-size:20px}
.tt-mobile-menu__link-row button i{display:inline-block;transition:transform .3s}.tt-mobile-menu__link-row button[aria-expanded=true] i{transform:rotate(45deg)}
.tt-mobile-submenu{display:none!important;padding:2px 0 10px 17px!important}.tt-mobile-submenu.is-open{display:block!important}.tt-mobile-submenu a{display:block;padding:8px;color:var(--tt-muted);text-decoration:none}
.tt-mobile-menu__cta{margin-top:auto;padding:24px;border-radius:20px;background:linear-gradient(145deg,var(--tt-navy),var(--tt-blue-dark));color:#fff;flex:0 0 auto}.tt-mobile-menu__cta p{margin:0 0 16px;font-family:Montserrat-Bold,Arial,sans-serif;font-size:18px}
.tt-search-dialog{visibility:hidden;position:fixed;z-index:110;inset:0;opacity:0;transition:opacity .35s}
.tt-search-dialog.is-open{visibility:visible;opacity:1}
.tt-search-dialog__backdrop{position:absolute;inset:0;border:0;background:rgba(4,20,39,.9);backdrop-filter:blur(12px)}
.tt-search-dialog__form{width:min(760px,calc(100% - 40px));position:absolute;top:50%;left:50%;color:#fff;opacity:0;transform:translate(-50%,-40%);transition:opacity .45s .1s,transform .6s var(--tt-ease)}
.tt-search-dialog.is-open .tt-search-dialog__form{opacity:1;transform:translate(-50%,-50%)}
.tt-search-dialog__form>p{margin:0 0 22px;font-family:Montserrat-Bold,Arial,sans-serif;font-size:clamp(25px,4vw,44px);letter-spacing:-.04em}
.tt-search-dialog__field{display:flex;border-bottom:2px solid rgba(255,255,255,.55)}
.tt-search-dialog__field input{flex:1;padding:20px 4px;border:0;background:transparent;color:#fff;font-size:18px}.tt-search-dialog__field input::placeholder{color:#a9b8c8}
.tt-search-dialog__field button{width:65px;border:0;background:transparent;color:var(--tt-gold);font-size:30px}
.tt-search-dialog__close{display:flex;align-items:center;gap:9px;margin-top:25px;padding:0;border:0;background:transparent;color:#cbd6e2;font-size:12px}

/* Hero */
.tt-hero{min-height:680px;position:relative;background:var(--tt-navy);color:#fff;overflow:hidden}
.tt-hero__slides{min-height:680px;position:relative}
.tt-hero__slide{visibility:hidden;min-height:680px;position:absolute;z-index:0;inset:0;opacity:0;transition:opacity 1s ease}
.tt-hero__slide.is-active{visibility:visible;z-index:1;opacity:1}
.tt-hero__background{position:absolute;inset:-25px;background-position:center;background-size:cover;opacity:.5;transform:scale(1.08)}
.tt-hero__slide.is-active .tt-hero__background{animation:ttKenBurns 9s ease-out both}
/* Ảnh mở màn hiển thị ngay để LCP ổn định; các slide sau vẫn chạy Ken Burns. */
.tt-hero__slide:first-child.is-active .tt-hero__background{animation:none}
.tt-hero__background:after{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,21,42,.96) 0%,rgba(3,25,50,.76) 48%,rgba(3,25,50,.2) 100%);content:""}
.tt-hero__mesh{position:absolute;inset:0;background:radial-gradient(circle at 73% 48%,rgba(8,124,240,.32),transparent 30%),radial-gradient(circle at 90% 20%,rgba(245,181,27,.16),transparent 20%),linear-gradient(120deg,var(--tt-navy),#073a70);opacity:.96}
.tt-hero__background+.tt-hero__mesh{background:linear-gradient(90deg,rgba(3,23,45,.93),rgba(4,34,67,.72) 52%,rgba(2,25,48,.26));opacity:1}
.tt-hero__mesh:after{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:70px 70px;content:"";mask-image:linear-gradient(to right,transparent,#000)}
.tt-hero__slide-link{position:absolute;z-index:1;inset:0;display:block;border-radius:inherit}
.tt-hero__slide-link:focus-visible{outline:3px solid var(--tt-gold);outline-offset:-7px}
.tt-hero__inner{display:grid;min-height:680px;align-items:center;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:40px;position:relative;z-index:2;padding-top:30px;padding-bottom:80px;pointer-events:none}
.tt-hero__inner a,.tt-hero__inner button{pointer-events:auto}
.tt-hero__content{max-width:710px;opacity:0;transform:translateY(28px)}
.tt-hero__slide.is-active .tt-hero__content{animation:ttHeroContent .9s .2s var(--tt-ease) forwards}
.tt-hero .tt-eyebrow{color:#d8eafb}.tt-hero__title{max-width:740px;margin:0;color:#fff;font-family:Montserrat-Black,Montserrat-Bold,Arial,sans-serif;font-size:clamp(46px,6.2vw,82px);font-weight:800;letter-spacing:-.06em;line-height:1.02;overflow-wrap:break-word;text-wrap:balance}
.tt-hero__title::first-line{color:#fff}
.tt-hero__description{max-width:630px;margin:26px 0 32px;color:#d5e2ef;font-size:17px;line-height:1.75}
.tt-hero__actions{display:flex;align-items:center;gap:28px}
.tt-hero__art{height:530px;position:relative;filter:drop-shadow(0 35px 40px rgba(0,0,0,.2));transition:transform .15s linear}
.tt-hero__portrait{width:430px;height:430px;position:absolute;top:40px;right:20px;border:1px solid rgba(255,255,255,.14);border-radius:46% 54% 53% 47%/42% 42% 58% 58%;background:rgba(255,255,255,.97);box-shadow:0 0 0 18px rgba(255,255,255,.035),0 40px 80px rgba(0,0,0,.26);overflow:hidden;animation:ttPortraitDrift 9s ease-in-out infinite}
.tt-hero__portrait img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;transform:scale(1.03)}
.tt-hero__orbit{position:absolute;border:1px solid rgba(66,167,255,.35);border-radius:50%;animation:ttOrbit 14s linear infinite}.tt-hero__orbit:before{width:13px;height:13px;position:absolute;top:9%;left:16%;border-radius:50%;background:var(--tt-gold);box-shadow:0 0 20px var(--tt-gold);content:""}
.tt-hero__orbit--one{width:510px;height:510px;top:0;right:-18px;transform:rotate(24deg)}.tt-hero__orbit--two{width:370px;height:370px;right:48px;bottom:17px;border-color:rgba(245,181,27,.24);animation-direction:reverse;animation-duration:11s}
.tt-hero__badge{display:flex;align-items:center;gap:11px;padding:13px 17px;position:absolute;z-index:2;border:1px solid rgba(255,255,255,.65);border-radius:16px;background:rgba(255,255,255,.92);box-shadow:0 18px 44px rgba(0,0,0,.18);color:var(--tt-ink);font-size:11px;line-height:1.4;backdrop-filter:blur(12px);animation:ttFloat 4.5s ease-in-out infinite}.tt-hero__badge i{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;background:#e9f4ff;color:var(--tt-blue);font-size:18px}.tt-hero__badge strong{font-family:Montserrat-Bold,Arial,sans-serif;font-size:12px}.tt-hero__badge--job{top:85px;left:-4px}.tt-hero__badge--global{right:-3px;bottom:70px;animation-delay:-2.2s}.tt-hero__badge--global i{background:#fff6df;color:#d99000}
.tt-hero__controls{display:flex;align-items:center;gap:12px;position:absolute;z-index:5;right:0;bottom:25px;left:0}.tt-hero__controls>button{display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:rgba(255,255,255,.06);color:#fff;transition:transform .3s}.tt-hero__controls>button:hover{background:var(--tt-blue);transform:scale(1.06)}.tt-hero__controls>button:focus-visible,.tt-hero__dots button:focus-visible,.tt-hero__scroll:focus-visible{outline:3px solid var(--tt-gold);outline-offset:3px}
.tt-hero__dots{display:flex;gap:2px}.tt-hero__dots button{display:grid;width:44px;height:44px;padding:0;place-items:center;border:0;background:transparent;cursor:pointer}.tt-hero__dots button:before{width:30px;height:8px;border-radius:99px;background:rgba(255,255,255,.35);content:"";opacity:.45;transform:scaleX(.27);transition:opacity .35s,transform .35s var(--tt-ease)}.tt-hero__dots button.is-active:before{background:var(--tt-gold);opacity:1;transform:scaleX(1)}
.tt-hero__scroll{display:flex;align-items:center;gap:10px;margin-left:auto;color:#d2dfec!important;font-size:11px;letter-spacing:.04em;text-decoration:none}.tt-hero__scroll i{animation:ttScrollHint 1.8s ease-in-out infinite}

/* Cac khoi noi dung */
.tt-quick-links{position:relative;z-index:8;margin-top:-1px;background:linear-gradient(180deg,var(--tt-navy) 0 50%,#fff 50%)}
.tt-quick-links__grid{display:grid;border-radius:24px;background:#fff;box-shadow:var(--tt-shadow);grid-template-columns:repeat(4,1fr);overflow:hidden}
.tt-quick-card{min-height:215px;padding:30px;position:relative;border-right:1px solid #e6edf4;color:var(--tt-ink)!important;text-decoration:none;overflow:hidden;transition:transform .45s var(--tt-ease)}.tt-quick-card:last-child{border:0}.tt-quick-card:before{width:160px;height:160px;position:absolute;right:-85px;bottom:-95px;border-radius:50%;background:rgba(255,255,255,.09);content:"";transform:scale(0);transition:transform .55s var(--tt-ease)}
.tt-quick-card:hover{z-index:2;background:linear-gradient(145deg,var(--tt-blue),var(--tt-blue-dark));color:#fff!important;transform:translateY(-10px)}.tt-quick-card:hover:before{transform:scale(2.4)}
.tt-quick-card__number{color:#9aabba;font-size:10px}.tt-quick-card__icon{display:grid;width:52px;height:52px;margin:16px 0 15px;place-items:center;border-radius:15px;background:#eaf4ff;color:var(--tt-blue);font-size:23px;transition:transform .5s var(--tt-ease)}.tt-quick-card:hover .tt-quick-card__icon{background:rgba(255,255,255,.17);color:#fff;transform:rotate(-8deg) scale(1.08)}.tt-quick-card strong{display:block;margin-bottom:8px;font-family:Montserrat-Bold,Arial,sans-serif;font-size:16px}.tt-quick-card>span:not(.tt-quick-card__number):not(.tt-quick-card__icon){display:block;color:var(--tt-muted);font-size:12px;line-height:1.6}.tt-quick-card:hover>span{color:#dcecff!important}.tt-quick-card__arrow{position:absolute;right:26px;bottom:25px;color:var(--tt-blue);font-size:18px;transition:transform .45s}.tt-quick-card:hover .tt-quick-card__arrow{color:#fff;transform:translate(4px,-4px)}
.tt-about{padding-top:130px}.tt-about__grid{display:grid;align-items:center;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:clamp(55px,8vw,110px)}
.tt-about__visual{height:600px;position:relative;border-radius:38% 14% 38% 14%;background:linear-gradient(145deg,#e7f3ff,#cbe5fc);box-shadow:var(--tt-shadow);overflow:visible;transform-style:preserve-3d}.tt-about__visual:before{position:absolute;z-index:-1;inset:-25px 70px 60px -25px;border:1px solid #c8def2;border-radius:inherit;content:""}.tt-about__visual>img{width:100%;height:100%;border-radius:inherit;object-fit:cover}
.tt-about__placeholder{display:flex;height:100%;align-items:center;justify-content:center;flex-direction:column;gap:22px;border-radius:inherit;background:radial-gradient(circle at 70% 20%,rgba(245,181,27,.35),transparent 25%),linear-gradient(145deg,#e7f3ff,#d4ecff);color:var(--tt-blue);text-align:center}.tt-about__placeholder i{font-size:110px;filter:drop-shadow(0 18px 25px rgba(8,124,240,.17))}.tt-about__placeholder span{color:var(--tt-navy);font-family:Montserrat-Bold,Arial,sans-serif;font-size:25px;line-height:1.35}
.tt-about__floating{display:flex;align-items:center;gap:12px;padding:18px 22px;position:absolute;right:-32px;bottom:45px;border-radius:18px;background:#fff;box-shadow:0 20px 45px rgba(6,31,61,.18);color:var(--tt-muted);font-size:11px;line-height:1.4;animation:ttFloat 4s ease-in-out infinite}.tt-about__floating i{display:grid;width:48px;height:48px;place-items:center;border-radius:14px;background:#eaf8f0;color:var(--tt-green);font-size:22px}.tt-about__floating strong{color:var(--tt-navy);font-family:Montserrat-Bold,Arial,sans-serif;font-size:14px}
.tt-about__content .tt-title{font-size:clamp(37px,4vw,55px)}.tt-about__content .tt-lead{margin:26px 0}.tt-about__points{display:grid;gap:15px;margin:27px 0 33px}.tt-about__points p{display:flex;align-items:flex-start;gap:13px;margin:0;color:var(--tt-muted);font-size:13px;line-height:1.65}.tt-about__points i{margin-top:2px;color:var(--tt-green);font-size:18px}.tt-about__points strong{color:var(--tt-ink);font-family:Montserrat-Bold,Arial,sans-serif}.tt-about__actions{display:flex;align-items:center;gap:24px}
.tt-values{position:relative;background:var(--tt-navy);color:#fff;overflow:hidden}.tt-values:before{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:80px 80px;content:""}.tt-values__glow{width:600px;height:600px;position:absolute;right:-250px;top:-350px;border-radius:50%;background:var(--tt-blue);filter:blur(130px);opacity:.23}.tt-values .tt-container{position:relative}.tt-values__grid{display:grid;grid-template-columns:repeat(4,1fr)}
.tt-value-card{min-height:300px;padding:36px 30px;border-right:1px solid rgba(255,255,255,.13);position:relative;transition:transform .45s var(--tt-ease)}.tt-value-card:first-child{border-left:1px solid rgba(255,255,255,.13)}.tt-value-card:hover{background:rgba(255,255,255,.055);transform:translateY(-9px)}.tt-value-card>span{color:#69829d;font-size:12px}.tt-value-card__line{width:1px;height:64px;margin:25px 0;background:linear-gradient(var(--tt-blue),var(--tt-gold));transform-origin:top;transition:transform .45s var(--tt-ease)}.tt-value-card:hover .tt-value-card__line{transform:scaleY(1.28)}.tt-value-card h3{margin:0 0 16px;font-family:Montserrat-Bold,Arial,sans-serif;font-size:25px}.tt-value-card p{margin:0;color:#aebfd0;font-size:13px;line-height:1.75}.tt-value-card__metric{display:flex;align-items:baseline;gap:10px;margin-top:20px}.tt-value-card__metric strong{color:var(--tt-gold);font-family:Montserrat-Black,Montserrat-Bold,Arial,sans-serif;font-size:27px}.tt-value-card__metric small{color:#adc2d6;font-size:10px;line-height:1.5}
.tt-commitments{background:#f7fafe}.tt-commitments__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.tt-commitment-card{min-height:340px;padding:40px;position:relative;border:1px solid #e0e9f2;border-radius:var(--tt-radius);background:#fff;box-shadow:0 15px 45px rgba(6,31,61,.06);overflow:hidden;transform-style:preserve-3d;transition:transform .5s var(--tt-ease)}.tt-commitment-card:before{width:220px;height:220px;position:absolute;right:-130px;bottom:-140px;border-radius:50%;background:linear-gradient(145deg,var(--tt-blue),var(--tt-blue-dark));content:"";opacity:.07;transition:transform .6s var(--tt-ease),opacity .4s}.tt-commitment-card:hover{border-color:#b7dafa;box-shadow:var(--tt-shadow);transform:translateY(-8px)}.tt-commitment-card:hover:before{opacity:1;transform:scale(2.5)}
.tt-commitment-card__icon{display:grid;width:68px;height:68px;margin-bottom:42px;place-items:center;border-radius:20px;background:#e9f4ff;color:var(--tt-blue);font-size:28px;transition:transform .5s var(--tt-ease)}.tt-commitment-card:hover .tt-commitment-card__icon{background:var(--tt-blue);color:#fff;transform:rotate(-8deg)}.tt-commitment-card h3{margin:0 0 14px;color:var(--tt-navy);font-family:Montserrat-Bold,Arial,sans-serif;font-size:24px}.tt-commitment-card p{max-width:300px;margin:0;color:var(--tt-muted);font-size:13px;line-height:1.75}.tt-commitment-card__index{position:absolute;right:25px;bottom:20px;color:#e5edf5;font-family:Montserrat-Black,Arial,sans-serif;font-size:58px;line-height:1}.tt-commitment-card:hover .tt-commitment-card__index{color:rgba(255,255,255,.22)}
.tt-services__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.tt-service-card{min-height:470px;padding:28px;position:relative;border-radius:22px;background:linear-gradient(170deg,#f0f6fc,#dcebf9);color:var(--tt-navy)!important;text-decoration:none;overflow:hidden;transition:transform .5s var(--tt-ease)}.tt-service-card:nth-child(2n){margin-top:38px}.tt-service-card:after{position:absolute;z-index:0;inset:0;background:linear-gradient(to top,rgba(3,25,49,.98) 0%,rgba(4,36,69,.5) 52%,transparent 100%);content:"";opacity:.15;transition:opacity .45s}.tt-service-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--tt-ease)}.tt-service-card:hover{box-shadow:0 28px 65px rgba(6,31,61,.22);color:#fff!important;transform:translateY(-12px)}.tt-service-card:hover:after{opacity:1}.tt-service-card:hover>img{transform:scale(1.08)}
.tt-service-card__icon{display:grid;width:56px;height:56px;place-items:center;position:relative;z-index:2;border-radius:16px;background:#fff;box-shadow:0 13px 30px rgba(6,31,61,.1);color:var(--tt-blue);font-size:23px;transition:transform .5s var(--tt-ease)}.tt-service-card:hover .tt-service-card__icon{transform:rotate(-8deg) scale(1.08)}.tt-service-card>div{position:absolute;z-index:2;right:28px;bottom:28px;left:28px}.tt-service-card>div>span{color:var(--tt-blue);font-size:10px}.tt-service-card h3{margin:10px 0 12px;font-family:Montserrat-Bold,Arial,sans-serif;font-size:24px;line-height:1.2}.tt-service-card p{margin:0;color:var(--tt-muted);font-size:12px;line-height:1.65}.tt-service-card:hover p{color:#d7e5f1}.tt-service-card__arrow{position:absolute;z-index:2;right:25px;top:30px;color:var(--tt-blue);font-size:22px;transition:transform .45s}.tt-service-card:hover .tt-service-card__arrow{color:#fff;transform:translate(4px,-4px)}
.tt-scholarships{position:relative;background:linear-gradient(145deg,var(--tt-navy),#083866);color:#fff;overflow:hidden}.tt-scholarships:before{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.1) 1px,transparent 1px);background-size:22px 22px;content:"";mask-image:linear-gradient(90deg,transparent,#000)}.tt-scholarships__orb{width:600px;height:600px;position:absolute;right:-260px;bottom:-380px;border:1px solid rgba(255,255,255,.1);border-radius:50%;box-shadow:0 0 0 65px rgba(8,124,240,.07),0 0 0 130px rgba(8,124,240,.05)}.tt-scholarships .tt-container{position:relative}.tt-scholarships .tt-text-link{margin-top:18px;color:var(--tt-gold)!important}.tt-scholarships__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tt-scholarship-card{border:1px solid rgba(255,255,255,.13);border-radius:22px;background:rgba(255,255,255,.06);overflow:hidden;transition:transform .5s var(--tt-ease)}.tt-scholarship-card:hover{background:rgba(255,255,255,.1);transform:translateY(-10px)}.tt-scholarship-card__image{display:block;height:250px;background:rgba(255,255,255,.06);overflow:hidden}.tt-scholarship-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--tt-ease)}.tt-scholarship-card:hover img{transform:scale(1.08)}.tt-scholarship-card__image>span{display:grid;height:100%;place-items:center;color:#74bafd;font-size:70px}.tt-scholarship-card__body{padding:25px}.tt-scholarship-card__body>p{margin:0 0 10px;color:var(--tt-gold);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.tt-scholarship-card h3{margin:0 0 22px;font-family:Montserrat-Bold,Arial,sans-serif;font-size:18px;line-height:1.4}.tt-scholarship-card h3 a{color:#fff;text-decoration:none}.tt-card-link{display:inline-flex;align-items:center;gap:9px;color:var(--tt-blue)!important;font-family:Montserrat-Bold,Arial,sans-serif;font-size:11px;text-decoration:none}.tt-scholarship-card .tt-card-link{color:#d4e8fb!important}.tt-card-link i{transition:transform .35s}.tt-card-link:hover i{transform:translateX(5px)}
.tt-feeds{background:#fff}.tt-feeds__head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:42px}.tt-feeds__head .tt-section-heading{margin:0}.tt-feeds__tabs{display:flex;padding:5px;border-radius:99px;background:var(--tt-cloud)}.tt-feeds__tabs button{padding:12px 20px;border:0;border-radius:99px;background:transparent;color:var(--tt-muted);font-family:Montserrat-Bold,Arial,sans-serif;font-size:11px}.tt-feeds__tabs button.is-active{background:#fff;box-shadow:0 7px 20px rgba(6,31,61,.1);color:var(--tt-blue)}.tt-feed-panel{animation:ttPanel .55s var(--tt-ease)}.tt-feed-panel[hidden]{display:none}.tt-news-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:22px}.tt-news-card{border:1px solid #e4ebf2;border-radius:20px;background:#fff;overflow:hidden;transition:transform .45s var(--tt-ease)}.tt-news-card:hover{box-shadow:0 20px 50px rgba(6,31,61,.12);transform:translateY(-8px)}.tt-news-card--featured{grid-row:span 2}.tt-news-card__image{display:block;height:190px;background:#eaf3fb;overflow:hidden}.tt-news-card--featured .tt-news-card__image{height:340px}.tt-news-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--tt-ease)}.tt-news-card:hover img{transform:scale(1.07)}.tt-news-card__image>span{display:grid;height:100%;place-items:center;color:#9fcaf0;font-size:46px}.tt-news-card__body{padding:22px}.tt-news-card__body time{display:block;margin-bottom:9px;color:#8795a5;font-size:10px}.tt-news-card h3{margin:0 0 9px;font-family:Montserrat-Bold,Arial,sans-serif;font-size:17px;line-height:1.4}.tt-news-card--featured h3{font-size:23px}.tt-news-card h3 a{color:var(--tt-navy);text-decoration:none}.tt-news-card__body>p{display:-webkit-box;margin:0 0 15px;color:var(--tt-muted);font-size:12px;line-height:1.65;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.tt-jobs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.tt-job-card{display:flex;align-items:center;gap:18px;padding:23px;border:1px solid #e3ebf3;border-radius:18px;color:var(--tt-navy)!important;text-decoration:none;transition:transform .4s var(--tt-ease)}.tt-job-card:hover{border-color:#acd6fb;box-shadow:0 18px 40px rgba(6,31,61,.09);transform:translateY(-5px)}.tt-job-card__icon{display:grid;width:54px;height:54px;flex:0 0 auto;place-items:center;border-radius:15px;background:#eaf4ff;color:var(--tt-blue);font-size:21px}.tt-job-card>div{flex:1}.tt-job-card>div>p{margin:0 0 5px;color:var(--tt-blue);font-size:9px;text-transform:uppercase}.tt-job-card h3{margin:0 0 8px;font-family:Montserrat-Bold,Arial,sans-serif;font-size:16px}.tt-job-card>div>span{color:var(--tt-muted);font-size:11px}.tt-job-card>div>span i{margin-right:5px}.tt-feeds__more{text-align:center;margin-top:38px}
.tt-stories{background:var(--tt-cloud)}.tt-stories__track{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tt-story-card{margin:0;padding:34px;border:1px solid #e1eaf2;border-radius:22px;background:#fff;box-shadow:0 10px 35px rgba(6,31,61,.06);transition:transform .45s var(--tt-ease)}.tt-story-card:hover{box-shadow:var(--tt-shadow);transform:translateY(-8px)}.tt-story-card>i{color:var(--tt-blue);font-size:38px}.tt-story-card>p{margin:20px 0 30px;color:var(--tt-muted);font-size:14px;font-style:normal;line-height:1.8}.tt-story-card footer{display:flex;flex-direction:column;gap:5px}.tt-story-card strong{color:var(--tt-navy);font-family:Montserrat-Bold,Arial,sans-serif;font-size:14px}.tt-story-card span{color:#8795a5;font-size:11px}
.tt-empty{display:flex;max-width:750px;align-items:center;justify-content:center;gap:22px;margin:30px auto 0;padding:32px;border:1px dashed #bfd1e2;border-radius:20px;background:#f7fafd;text-align:left}.tt-empty>i{display:grid;width:64px;height:64px;flex:0 0 auto;place-items:center;border-radius:18px;background:#e7f3ff;color:var(--tt-blue);font-size:28px}.tt-empty h3{margin:0 0 8px;color:var(--tt-navy);font-family:Montserrat-Bold,Arial,sans-serif;font-size:18px}.tt-empty p{margin:0;color:var(--tt-muted);font-size:12px;line-height:1.6}.tt-empty--dark{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.06)}.tt-empty--dark h3{color:#fff}.tt-empty--dark p{color:#b7cbe1}.tt-empty--dark>i{background:rgba(255,255,255,.1);color:var(--tt-gold)}
.tt-contact{min-height:680px;position:relative;background:linear-gradient(115deg,#061f3d 0%,#073664 60%,#087cf0 150%);color:#fff;overflow:hidden}.tt-contact:before{width:500px;height:500px;position:absolute;right:-180px;top:-250px;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 65px rgba(255,255,255,.035),0 0 0 130px rgba(255,255,255,.025);content:""}.tt-contact__background{position:absolute;inset:0;background-position:center;background-size:cover;opacity:.18}.tt-contact__background:after{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,22,44,.96),rgba(5,47,89,.78));content:""}.tt-contact__grid{display:grid;min-height:680px;align-items:center;grid-template-columns:1fr .86fr;gap:90px;position:relative;padding-top:85px;padding-bottom:85px}.tt-contact__content .tt-title{color:#fff;font-size:clamp(38px,4.2vw,58px)}.tt-contact__content>p:not(.tt-eyebrow){max-width:600px;margin:25px 0;color:#c3d5e7;font-size:15px;line-height:1.8}.tt-contact__promise{display:flex;align-items:center;gap:12px;color:#d7e4f0;font-size:11px}.tt-contact__promise i{color:var(--tt-green);font-size:20px}
.tt-contact-form{padding:36px;border:1px solid rgba(255,255,255,.18);border-radius:26px;background:rgba(255,255,255,.1);box-shadow:0 30px 65px rgba(0,0,0,.2);backdrop-filter:blur(15px)}.tt-contact-form__row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tt-form-field{margin-bottom:16px}.tt-form-field label{display:block;margin-bottom:8px;color:#d6e4f0;font-size:10px;letter-spacing:.03em}.tt-form-field label span{color:var(--tt-gold)}.tt-form-field input,.tt-form-field select,.tt-form-field textarea{width:100%;padding:14px 15px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:rgba(3,23,44,.35);color:#fff;font-family:Montserrat-Regular,Arial,sans-serif;font-size:12px}.tt-form-field input::placeholder,.tt-form-field textarea::placeholder{color:#9fb2c5}.tt-form-field input:focus,.tt-form-field select:focus,.tt-form-field textarea:focus{border-color:#68b4fc;background:rgba(3,23,44,.55);box-shadow:0 0 0 3px rgba(8,124,240,.16)}.tt-form-field select option{color:var(--tt-ink)}.tt-form-field textarea{resize:vertical}.tt-honeypot{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}
.tt-final-cta{position:relative;background:#fff;overflow:hidden}.tt-final-cta__inner{display:flex;min-height:390px;align-items:center;justify-content:space-between;gap:70px;position:relative}.tt-final-cta__inner>div:first-child{max-width:760px}.tt-final-cta .tt-eyebrow{margin-bottom:16px}.tt-final-cta h2{margin:0;color:var(--tt-navy);font-family:Montserrat-Black,Montserrat-Bold,Arial,sans-serif;font-size:clamp(43px,6vw,76px);font-weight:800;letter-spacing:-.055em;line-height:1.02}.tt-final-cta h2 em{color:var(--tt-blue);font-style:normal}.tt-final-cta__inner>div:last-child{width:320px}.tt-final-cta__inner>div:last-child p{margin:0 0 22px;color:var(--tt-muted);font-size:14px;line-height:1.7}.tt-final-cta__lines{position:absolute;right:-130px;bottom:-190px;width:620px;height:620px;border:1px solid #e3ecf4;border-radius:50%;box-shadow:0 0 0 60px #f5f9fc,0 0 0 61px #e3ecf4,0 0 0 120px #fafcfe}

/* Footer */
.tt-footer{position:relative;background:#04182f;color:#aabed1}.tt-footer__main{display:grid;padding-top:78px;padding-bottom:70px;grid-template-columns:1.45fr .7fr 1fr 1.2fr;gap:55px}.tt-footer__brand img{width:190px;height:132px;border-radius:12px;background:#fff;object-fit:contain;mix-blend-mode:screen}.tt-footer__brand>p{max-width:320px;margin:22px 0;color:#9eb2c6;font-size:12px;line-height:1.75}.tt-footer__social{display:flex;gap:8px}.tt-footer__social a{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(255,255,255,.15);border-radius:50%;color:#fff;transition:transform .3s}.tt-footer__social a:hover{border-color:var(--tt-blue);background:var(--tt-blue);transform:translateY(-4px)}.tt-footer__column h2{margin:17px 0 25px;color:#fff;font-family:Montserrat-Bold,Arial,sans-serif;font-size:15px}.tt-footer__column ul{margin:0;padding:0;list-style:none}.tt-footer__column li+li{margin-top:13px}.tt-footer__column li a{color:#9eb2c6;font-size:11px;text-decoration:none;transition:transform .3s}.tt-footer__column li a:hover{display:inline-block;color:#fff;transform:translateX(4px)}.tt-footer__contact>p{display:flex;align-items:flex-start;gap:10px;margin:0 0 14px;color:#9eb2c6;font-size:11px;line-height:1.65}.tt-footer__contact>p i{margin-top:2px;color:var(--tt-gold)}.tt-footer__contact a{color:inherit;text-decoration:none}.tt-footer__pending{font-style:italic}.tt-footer__bottom{display:flex;min-height:66px;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.1);color:#71889d;font-size:10px}.tt-footer__bottom p{margin:0}.tt-footer__bottom span{margin:0 7px;color:var(--tt-gold)}.tt-back-to-top{visibility:hidden;display:grid;width:46px;height:46px;place-items:center;position:fixed;z-index:65;right:24px;bottom:24px;border:0;border-radius:50%;background:var(--tt-blue);box-shadow:0 15px 30px rgba(8,124,240,.3);color:#fff;cursor:pointer;opacity:0;transform:translateY(15px);transition:opacity .3s,transform .4s var(--tt-ease)}.tt-back-to-top.is-visible{visibility:visible;opacity:1;transform:translateY(0)}.tt-back-to-top:hover{transform:translateY(-4px)}
.social_fixed,.button-sidebar{display:none!important}

/* Motion chi bat dau sau khi JS san sang, tranh an noi dung neu JS loi. */
.tt-motion-ready .tt-reveal{opacity:0;transform:translateY(45px);transition:opacity .75s var(--tt-ease),transform .85s var(--tt-ease);transition-delay:calc(var(--reveal-order,0)*80ms)}
.tt-motion-ready .tt-reveal--left{transform:translateX(-55px)}.tt-motion-ready .tt-reveal--right{transform:translateX(55px)}
.tt-motion-ready .tt-reveal.is-visible{opacity:1;transform:translate(0)}
@keyframes ttHeroContent{to{opacity:1;transform:translateY(0)}}
@keyframes ttKenBurns{from{transform:scale(1.08)}to{transform:scale(1)}}
@keyframes ttPortraitDrift{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(0,-8px,0) scale(1.015)}}
@keyframes ttFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes ttOrbit{to{transform:rotate(384deg)}}
@keyframes ttScrollHint{0%,100%{transform:translateY(0)}50%{transform:translateY(7px)}}
@keyframes ttPanel{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.tt-footer__social img{width:18px;height:18px;object-fit:contain}
.tt-services__grid{grid-template-columns:repeat(auto-fit,minmax(215px,1fr))}

@media (max-width:1199px){
.tt-desktop-menu{display:none}.tt-menu-button{display:grid}.tt-navigation__inner{height:80px}.tt-brand{width:130px;height:70px}.tt-navigation__actions .tt-button{display:none}
.tt-hero__inner{grid-template-columns:1fr minmax(330px,.75fr)}.tt-hero__art{height:470px}.tt-hero__portrait{width:360px;height:360px}.tt-hero__orbit--one{width:425px;height:425px}.tt-hero__orbit--two{width:320px;height:320px}.tt-hero__badge--global{right:-18px}
.tt-quick-card{padding:24px}.tt-about__grid{gap:60px}.tt-about__visual{height:530px}.tt-services__grid{grid-template-columns:repeat(2,1fr)}.tt-service-card:nth-child(2n){margin-top:25px}.tt-footer__main{grid-template-columns:1.3fr .7fr .9fr;gap:40px}.tt-footer__contact{grid-column:1/-1}.tt-footer__contact{display:flex;align-items:flex-start;gap:25px}.tt-footer__contact h2{min-width:100px;margin:0}.tt-footer__contact>p{max-width:300px}
}
@media (max-width:991px){
.tt-section{padding:85px 0}.tt-topbar__welcome{display:none}.tt-topbar__inner{justify-content:center}.tt-topbar__contact{justify-content:center}
.tt-hero,.tt-hero__slides,.tt-hero__slide,.tt-hero__inner{min-height:720px}.tt-hero__inner{display:block;padding-top:95px}.tt-hero__content{max-width:690px}.tt-hero__art{display:none}.tt-hero__mesh{background:radial-gradient(circle at 80% 65%,rgba(8,124,240,.35),transparent 32%),linear-gradient(120deg,var(--tt-navy),#073a70)}
.tt-quick-links__grid{grid-template-columns:repeat(2,1fr)}.tt-quick-card:nth-child(2){border-right:0}.tt-quick-card:nth-child(-n+2){border-bottom:1px solid #e6edf4}
.tt-about{padding-top:105px}.tt-about__grid{grid-template-columns:1fr;gap:65px}.tt-about__visual{width:min(650px,100%);height:520px;margin-inline:auto}.tt-about__content{max-width:720px}
.tt-values__grid{grid-template-columns:repeat(2,1fr)}.tt-value-card:nth-child(2){border-right:0}.tt-value-card:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.13)}
.tt-commitment-card{padding:30px}.tt-commitments__grid{gap:14px}.tt-section-heading--split{align-items:flex-start;flex-direction:column;gap:24px}.tt-section-heading--split>div:last-child,.tt-section-heading--split>p{width:auto;max-width:650px}
.tt-scholarships__grid,.tt-stories__track{grid-template-columns:repeat(2,1fr)}.tt-news-grid{grid-template-columns:repeat(2,1fr)}.tt-news-card--featured{grid-row:auto}.tt-news-card--featured .tt-news-card__image{height:190px}.tt-news-card--featured h3{font-size:17px}
.tt-contact__grid{grid-template-columns:1fr;gap:45px}.tt-contact__content{max-width:720px}.tt-contact-form{max-width:720px}.tt-final-cta__inner{align-items:flex-start;flex-direction:column;justify-content:center;gap:35px;padding:75px 0}.tt-final-cta__inner>div:last-child{width:min(520px,100%)}
.tt-footer__main{grid-template-columns:1.2fr 1fr 1fr}.tt-footer__contact{display:block;grid-column:auto}.tt-footer__contact h2{margin:17px 0 25px}
}
@media (max-width:767px){
.tt-container{width:min(100% - 30px,1240px)}.tt-section{padding:68px 0}.tt-title{font-size:36px}.tt-eyebrow{font-size:10px}.tt-topbar__contact{gap:12px}.tt-topbar__contact span{display:none}.tt-topbar__contact a{font-size:10px}.tt-navigation__inner{height:72px}.tt-brand{width:110px;height:61px}.tt-icon-button,.tt-menu-button{width:40px;height:40px}
 .tt-hero,.tt-hero__slides,.tt-hero__slide,.tt-hero__inner{min-height:680px}.tt-hero__inner{padding-top:73px;padding-bottom:105px}.tt-hero__title{font-size:48px}.tt-hero__description{font-size:15px}.tt-hero__actions{align-items:flex-start;flex-direction:column;gap:20px}.tt-hero__controls>button{flex:0 0 42px}.tt-hero__dots{min-width:0;flex:1 1 auto;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.tt-hero__dots::-webkit-scrollbar{display:none}.tt-hero__dots button{width:36px;flex:0 0 36px}.tt-hero__scroll{min-width:32px;margin-left:0;flex:0 0 auto}.tt-hero__scroll span{display:none}
.tt-quick-links{background:#fff}.tt-quick-links__grid{margin-top:-30px;grid-template-columns:1fr}.tt-quick-card{min-height:145px;padding:22px;border-right:0!important;border-bottom:1px solid #e6edf4!important}.tt-quick-card:last-child{border-bottom:0!important}.tt-quick-card__icon{width:46px;height:46px;margin:10px 0}.tt-quick-card__arrow{right:22px;bottom:22px}
.tt-about{padding-top:85px}.tt-about__visual{height:410px;border-radius:28% 10% 28% 10%}.tt-about__visual:before{inset:-14px 45px 40px -14px}.tt-about__floating{right:-5px;bottom:25px;padding:12px}.tt-about__floating i{width:40px;height:40px}.tt-about__content .tt-title{font-size:36px}.tt-about__actions{align-items:flex-start;flex-direction:column}
.tt-values__grid{grid-template-columns:1fr}.tt-value-card{min-height:235px;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.13)}.tt-value-card:first-child{border-left:0}.tt-value-card__line{height:38px;margin:18px 0}
.tt-commitments__grid,.tt-services__grid,.tt-scholarships__grid,.tt-news-grid,.tt-jobs-grid,.tt-stories__track{grid-template-columns:1fr}.tt-commitment-card{min-height:310px}.tt-service-card,.tt-service-card:nth-child(2n){min-height:410px;margin-top:0}.tt-service-card h3{font-size:22px}
.tt-feeds__head{align-items:flex-start;flex-direction:column}.tt-feeds__tabs{width:100%}.tt-feeds__tabs button{flex:1;padding:11px 10px}.tt-empty{align-items:flex-start;padding:24px}.tt-scholarship-card__image{height:220px}
.tt-contact__grid{padding-top:68px;padding-bottom:68px}.tt-contact-form{padding:24px 18px}.tt-contact-form__row{grid-template-columns:1fr;gap:0}.tt-final-cta h2{font-size:47px}.tt-final-cta__lines{opacity:.6}
.tt-footer__main{padding-top:55px;padding-bottom:40px;grid-template-columns:1fr 1fr;gap:35px}.tt-footer__brand{grid-column:1/-1}.tt-footer__contact{grid-column:1/-1}.tt-footer__bottom{align-items:flex-start;flex-direction:column;justify-content:center;gap:7px}.tt-back-to-top{right:15px;bottom:15px}
}
@media (max-width:480px){
 .tt-topbar__contact a:first-of-type{display:none}.tt-hero__title{font-size:41px}.tt-hero__description{font-size:14px}.tt-hero__controls{bottom:18px;gap:8px}.tt-about__visual{height:350px}.tt-about__placeholder i{font-size:75px}.tt-about__placeholder span{font-size:20px}.tt-title,.tt-about__content .tt-title{font-size:33px}.tt-footer__main{grid-template-columns:1fr}.tt-footer__brand,.tt-footer__contact{grid-column:auto}.tt-mobile-menu__panel{--tt-mobile-menu-gutter:18px}
}
@media (hover:none),(pointer:coarse){.tt-service-card:hover,.tt-quick-card:hover,.tt-commitment-card:hover,.tt-value-card:hover,.tt-scholarship-card:hover,.tt-news-card:hover,.tt-job-card:hover,.tt-story-card:hover{transform:none}.tt-service-card:nth-child(2n){margin-top:0}}
@media (prefers-reduced-motion:reduce){
html{scroll-behavior:auto}[class^=tt-],[class*=" tt-"],[class^=tt-]::before,[class*=" tt-"]::before,[class^=tt-]::after,[class*=" tt-"]::after{animation:none!important;transition:none!important}.tt-motion-ready .tt-reveal,.tt-motion-ready .tt-reveal--left,.tt-motion-ready .tt-reveal--right{opacity:1;transform:none;transition:none}.tt-hero__content{opacity:1;transform:none}.tt-hero__scroll i{animation:none!important}.tt-button:hover,.tt-quick-card:hover,.tt-value-card:hover,.tt-commitment-card:hover,.tt-service-card:hover,.tt-scholarship-card:hover,.tt-news-card:hover,.tt-job-card:hover,.tt-story-card:hover,.tt-service-card:hover>img,.tt-scholarship-card:hover img,.tt-news-card:hover img{transform:none!important}}

/* Trang nội dung và biểu mẫu nghiệp vụ */
.tt-inner-page{background:#fff;color:var(--tt-ink)}
.tt-page-intro{padding:115px 0 85px;position:relative;background:radial-gradient(circle at 85% 15%,rgba(8,124,240,.14),transparent 28%),linear-gradient(145deg,#f7fbff,#edf6ff);overflow:hidden}.tt-page-intro:after{width:390px;height:390px;position:absolute;right:-220px;bottom:-275px;border:1px solid rgba(8,124,240,.15);border-radius:50%;box-shadow:0 0 0 60px rgba(8,124,240,.035),0 0 0 120px rgba(8,124,240,.025);content:""}.tt-page-intro__inner{position:relative;z-index:1}.tt-page-intro h1{max-width:850px;margin:14px 0 18px;color:var(--tt-navy);font-family:Montserrat-Black,Montserrat-Bold,Arial,sans-serif;font-size:clamp(44px,6vw,76px);letter-spacing:-.045em;line-height:1.06}.tt-page-intro__inner>p:last-child{max-width:700px;margin:0;color:var(--tt-muted);font-size:15px;line-height:1.8}
.tt-content-list,.tt-search-results{padding:90px 0 115px}.tt-content-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:34px}.tt-content-filter{padding:11px 17px;border:1px solid #dbe7f1;border-radius:99px;background:#fff;color:var(--tt-muted)!important;font-family:Montserrat-Bold,Arial,sans-serif;font-size:10px;text-decoration:none;white-space:nowrap;transition:transform .3s var(--tt-ease)}.tt-content-filter:hover{border-color:#9dcef9;color:var(--tt-blue)!important;transform:translateY(-3px)}.tt-content-filter.is-active{border-color:var(--tt-blue);background:var(--tt-blue);color:#fff!important}.tt-content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.tt-content-grid--compact{grid-template-columns:repeat(3,1fr)}.tt-content-card{border:1px solid #e1eaf3;border-radius:22px;background:#fff;box-shadow:0 12px 38px rgba(6,31,61,.06);overflow:hidden;transform-style:preserve-3d;transition:transform .45s var(--tt-ease)}.tt-content-card:hover{border-color:#b8dafa;box-shadow:var(--tt-shadow);transform:translateY(-8px)}.tt-content-card__image{display:block;height:250px;background:#eaf3fb;overflow:hidden}.tt-content-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .75s var(--tt-ease)}.tt-content-card:hover .tt-content-card__image img{transform:scale(1.07)}.tt-content-card__body{padding:27px}.tt-content-card time{display:block;margin-bottom:10px;color:#8493a3;font-size:10px}.tt-content-card h2,.tt-content-card h3{margin:0 0 13px;font-family:Montserrat-Bold,Arial,sans-serif;font-size:20px;line-height:1.42}.tt-content-card h3{font-size:17px}.tt-content-card h2 a,.tt-content-card h3 a{color:var(--tt-navy);text-decoration:none}.tt-content-card__body>p{display:-webkit-box;margin:0 0 21px;color:var(--tt-muted);font-size:12px;line-height:1.75;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.tt-arrow-link{display:inline-flex;align-items:center;gap:9px;color:var(--tt-blue)!important;font-family:Montserrat-Bold,Arial,sans-serif;font-size:11px;text-decoration:none}.tt-arrow-link i{transition:transform .35s}.tt-arrow-link:hover i{transform:translateX(5px)}
.tt-empty-state{max-width:720px;margin:0 auto;padding:70px 40px;border:1px dashed #b8cfe3;border-radius:26px;background:#f7fbff;text-align:center}.tt-empty-state>i{display:grid;width:76px;height:76px;margin:0 auto 24px;place-items:center;border-radius:22px;background:#e5f2ff;color:var(--tt-blue);font-size:34px}.tt-empty-state h1,.tt-empty-state h2{margin:0 0 12px;color:var(--tt-navy);font-family:Montserrat-Bold,Arial,sans-serif;font-size:27px}.tt-empty-state p{margin:0 auto 25px;color:var(--tt-muted);font-size:13px;line-height:1.75}
.tt-pagination{margin-top:50px}.tt-pagination ul{display:flex;justify-content:center;gap:8px;margin:0;padding:0;list-style:none}.tt-pagination a,.tt-pagination span{display:grid;min-width:42px;height:42px;padding:0 12px;place-items:center;border:1px solid #dce7f0;border-radius:12px;background:#fff;color:var(--tt-navy);font-size:12px;text-decoration:none}.tt-pagination .active a,.tt-pagination a:hover{border-color:var(--tt-blue);background:var(--tt-blue);color:#fff}
.tt-article__header{padding:105px 0 70px;background:linear-gradient(145deg,var(--tt-navy),#083c70);color:#fff}.tt-article__heading{max-width:960px}.tt-article__back{display:inline-flex;align-items:center;gap:9px;margin-bottom:30px;color:#9fc9ee!important;font-size:11px;text-decoration:none}.tt-article__heading h1{margin:0 0 23px;font-family:Montserrat-Black,Montserrat-Bold,Arial,sans-serif;font-size:clamp(40px,5.5vw,68px);letter-spacing:-.04em;line-height:1.08}.tt-article__heading>p{max-width:800px;margin:0 0 20px;color:#bfd1e2;font-size:15px;line-height:1.8}.tt-article__heading time{display:inline-flex;align-items:center;gap:8px;color:#8faac4;font-size:11px}.tt-article__cover{margin-top:-25px;position:relative;z-index:2}.tt-article__cover img{width:100%;max-height:640px;border:8px solid #fff;border-radius:28px;background:#eaf3fb;box-shadow:var(--tt-shadow);object-fit:cover}.tt-article__layout{display:grid;padding-top:75px;padding-bottom:110px;grid-template-columns:minmax(0,1fr) 330px;gap:70px}.tt-article__content{min-width:0;color:#34465a;font-size:15px;line-height:1.9}.tt-article__content h2,.tt-article__content h3,.tt-article__content h4{margin:1.6em 0 .65em;color:var(--tt-navy);font-family:Montserrat-Bold,Arial,sans-serif;line-height:1.35}.tt-article__content h2{font-size:29px}.tt-article__content h3{font-size:23px}.tt-article__content img{height:auto;max-width:100%;border-radius:18px}.tt-article__content a{color:var(--tt-blue)}.tt-article__aside{height:max-content;padding:30px;position:sticky;top:100px;border-radius:22px;background:linear-gradient(145deg,#eaf5ff,#f8fbff);box-shadow:0 16px 45px rgba(6,31,61,.08)}.tt-article__aside>p{margin:0 0 10px;color:var(--tt-blue);font-size:10px;text-transform:uppercase}.tt-article__aside h2{margin:0 0 24px;color:var(--tt-navy);font-family:Montserrat-Bold,Arial,sans-serif;font-size:21px;line-height:1.45}.tt-article-gallery{padding:90px 0;background:var(--tt-cloud)}.tt-article-gallery__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tt-article-gallery__item{margin:0}.tt-article-gallery__item a{display:block;height:270px;border-radius:20px;background:#e5f0f8;box-shadow:0 14px 36px rgba(6,31,61,.08);overflow:hidden}.tt-article-gallery__item img{width:100%;height:100%;object-fit:cover;transition:transform .75s var(--tt-ease)}.tt-article-gallery__item:hover img{transform:scale(1.06)}.tt-article-gallery__item figcaption{padding:12px 4px 0;color:var(--tt-muted);font-size:11px;line-height:1.6}.tt-related-content{padding:85px 0;background:var(--tt-cloud)}
.tt-page-intro--search{padding-bottom:95px}.tt-search-page-form{display:flex;max-width:800px;margin-top:35px;padding:8px;border:1px solid #d7e6f3;border-radius:17px;background:#fff;box-shadow:0 18px 50px rgba(6,31,61,.1)}.tt-search-page-form input{min-width:0;flex:1;padding:15px;border:0;background:transparent;color:var(--tt-ink);font-size:14px;outline:0}.tt-search-page-form button{padding:13px 23px;border:0;border-radius:12px;background:var(--tt-blue);color:#fff;font-family:Montserrat-Bold,Arial,sans-serif;font-size:11px}.tt-search-results__count{margin:0 0 30px;color:var(--tt-muted);font-size:13px}.tt-search-result-list{display:grid;gap:15px}.tt-search-result{padding:28px 32px;border:1px solid #e0eaf2;border-radius:19px;background:#fff;transition:transform .4s var(--tt-ease)}.tt-search-result:hover{border-color:#acd5f8;box-shadow:0 15px 40px rgba(6,31,61,.09);transform:translateX(6px)}.tt-search-result>span{color:var(--tt-blue);font-size:9px;letter-spacing:.08em;text-transform:uppercase}.tt-search-result h2{margin:8px 0 10px;font-family:Montserrat-Bold,Arial,sans-serif;font-size:21px}.tt-search-result h2 a{color:var(--tt-navy);text-decoration:none}.tt-search-result>p{margin:0 0 15px;color:var(--tt-muted);font-size:12px;line-height:1.7}
.tt-lead-hero{padding:105px 0;background:linear-gradient(145deg,#f8fbff,#edf6ff);overflow:hidden}.tt-lead-hero__grid{display:grid;align-items:center;grid-template-columns:1fr .92fr;gap:75px}.tt-lead-hero__content h1{margin:15px 0 22px;color:var(--tt-navy);font-family:Montserrat-Black,Montserrat-Bold,Arial,sans-serif;font-size:clamp(42px,5.2vw,68px);letter-spacing:-.045em;line-height:1.06}.tt-lead-hero__content>p:not(.tt-eyebrow){max-width:620px;margin:0;color:var(--tt-muted);font-size:15px;line-height:1.8}.tt-lead-hero__promise{display:flex;align-items:center;gap:12px;max-width:560px;margin-top:28px;color:#53667a;font-size:11px;line-height:1.6}.tt-lead-hero__promise i{color:var(--tt-green);font-size:23px}.tt-lead-hero__image{height:520px;border-radius:34% 12% 34% 12%;box-shadow:var(--tt-shadow);overflow:hidden;transform-style:preserve-3d}.tt-lead-hero__image img{width:100%;height:100%;object-fit:cover}
.tt-lead-form-section{padding:100px 0 120px}.tt-lead-form-layout{display:grid;align-items:start;grid-template-columns:.68fr 1.32fr;gap:75px}.tt-lead-form-heading{position:sticky;top:105px}.tt-lead-form-heading>span{display:grid;width:48px;height:48px;margin-bottom:25px;place-items:center;border-radius:14px;background:#e7f3ff;color:var(--tt-blue);font-family:Montserrat-Bold,Arial,sans-serif}.tt-lead-form-heading>p:first-of-type{margin:0 0 12px;color:var(--tt-blue);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.tt-lead-form-heading h2{margin:0 0 18px;color:var(--tt-navy);font-family:Montserrat-Bold,Arial,sans-serif;font-size:30px;line-height:1.35}.tt-lead-form-heading>p:last-child{margin:0;color:var(--tt-muted);font-size:12px;line-height:1.75}.tt-lead-form{padding:38px;border:1px solid #dce8f2;border-radius:27px;background:#fff;box-shadow:0 24px 65px rgba(6,31,61,.09)}.tt-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.tt-lead-form .tt-form-field{display:block;margin:0}.tt-lead-form .tt-form-field--wide{grid-column:1/-1}.tt-lead-form .tt-form-field>span{display:block;margin-bottom:8px;color:#42556a;font-size:10px}.tt-lead-form .tt-form-field input,.tt-lead-form .tt-form-field select,.tt-lead-form .tt-form-field textarea{width:100%;padding:15px;border:1px solid #d8e4ee;border-radius:12px;background:#f9fbfd;color:var(--tt-ink);font-family:Montserrat-Regular,Arial,sans-serif;font-size:12px;outline:0}.tt-lead-form .tt-form-field textarea{resize:vertical}.tt-lead-form .tt-form-field input:focus,.tt-lead-form .tt-form-field select:focus,.tt-lead-form .tt-form-field textarea:focus{border-color:#6bb7fa;background:#fff;box-shadow:0 0 0 4px rgba(8,124,240,.1)}.tt-form-consent{display:flex;align-items:flex-start;gap:11px;margin:24px 0;color:var(--tt-muted);font-size:10px;line-height:1.65}.tt-form-consent input{margin-top:3px;accent-color:var(--tt-blue)}.tt-button--submit{border:0;cursor:pointer}.tt-form-message{margin-bottom:22px;padding:14px 17px;border-radius:12px;font-size:11px;line-height:1.6}.tt-form-message--success{background:#e8f8ef;color:#147641}.tt-form-message--error{background:#fff0f0;color:#b51e25}
@media (max-width:991px){.tt-content-grid{grid-template-columns:repeat(2,1fr)}.tt-article__layout{grid-template-columns:1fr;gap:45px}.tt-article__aside{position:static}.tt-article-gallery__grid{grid-template-columns:repeat(2,1fr)}.tt-lead-hero__grid,.tt-lead-form-layout{grid-template-columns:1fr}.tt-lead-hero__image{width:min(680px,100%)}.tt-lead-form-heading{max-width:650px;position:static}}
@media (max-width:767px){.tt-page-intro,.tt-lead-hero{padding:75px 0 65px}.tt-page-intro h1,.tt-lead-hero__content h1{font-size:42px}.tt-content-list,.tt-search-results,.tt-lead-form-section{padding:68px 0 80px}.tt-content-filters{flex-wrap:nowrap;margin-right:-15px;margin-left:-15px;padding:0 15px 8px;overflow-x:auto;scrollbar-width:none}.tt-content-filters::-webkit-scrollbar{display:none}.tt-content-grid,.tt-content-grid--compact,.tt-article-gallery__grid{grid-template-columns:1fr}.tt-content-card__image{height:235px}.tt-article__header{padding:75px 0 55px}.tt-article__heading h1{font-size:39px}.tt-article__cover img{border-width:4px;border-radius:18px}.tt-article__layout{padding-top:50px;padding-bottom:75px}.tt-article-gallery{padding:68px 0}.tt-article-gallery__item a{height:235px}.tt-article__content{font-size:14px}.tt-search-page-form{align-items:stretch;flex-direction:column}.tt-search-page-form button{padding:15px}.tt-search-result{padding:23px}.tt-lead-hero__grid,.tt-lead-form-layout{gap:48px}.tt-lead-hero__image{height:390px}.tt-lead-form{padding:25px 18px}.tt-form-grid{grid-template-columns:1fr}.tt-lead-form .tt-form-field--wide{grid-column:auto}.tt-empty-state{padding:50px 24px}}
@media (max-width:480px){.tt-page-intro h1,.tt-lead-hero__content h1{font-size:36px}.tt-lead-hero__image{height:320px}.tt-article__heading h1{font-size:34px}.tt-content-card__body{padding:22px}}
@media (hover:none),(pointer:coarse){.tt-content-filter:hover,.tt-content-card:hover,.tt-search-result:hover,.tt-article-gallery__item:hover img{transform:none}}
@media (prefers-reduced-motion:reduce){.tt-content-card,.tt-search-result,.tt-content-card__image img,.tt-article-gallery__item img,.tt-arrow-link i{transition:none!important}.tt-content-card:hover,.tt-search-result:hover,.tt-content-card:hover .tt-content-card__image img,.tt-article-gallery__item:hover img{transform:none!important}}

/* Mật độ giao diện: đưa các section và card lại gần nhau, vẫn giữ nhịp đọc rõ ràng. */
.tt-section{padding:52px 0}
.tt-section-heading{margin-bottom:24px}
.tt-section-heading--split{gap:32px}
.tt-about{padding-top:56px}
.tt-about__grid{gap:clamp(36px,5vw,60px)}
.tt-about__visual{height:520px}
.tt-value-card{min-height:270px;padding:30px 26px}
.tt-value-card__line{height:48px;margin:20px 0}
.tt-commitments__grid,.tt-scholarships__grid,.tt-stories__track{gap:14px}
.tt-commitment-card{min-height:300px;padding:30px}
.tt-commitment-card__icon{margin-bottom:24px}
.tt-service-card{min-height:440px}
.tt-service-card:nth-child(2n){margin-top:12px}
.tt-scholarship-card__image{height:230px}
.tt-scholarship-card__body{padding:22px}
.tt-feeds__head{gap:18px;margin-bottom:24px}
.tt-news-grid{gap:14px}
.tt-jobs-grid{gap:10px}
.tt-feeds__more{margin-top:22px}
.tt-story-card{padding:26px}
.tt-story-card>p{margin:14px 0 20px}
.tt-contact{min-height:600px}
.tt-contact__grid{min-height:600px;gap:48px;padding-top:44px;padding-bottom:44px}
.tt-final-cta__inner{min-height:300px;gap:40px}
.tt-footer__main{padding-top:44px;padding-bottom:36px;gap:34px}
.tt-page-intro{padding:66px 0 48px}
.tt-content-list,.tt-search-results{padding:50px 0 62px}
.tt-content-grid,.tt-content-grid--compact{gap:14px}
.tt-content-card__body{padding:22px}
.tt-article__header{padding:66px 0 46px}
.tt-article__layout{padding-top:46px;padding-bottom:66px;gap:48px}
.tt-article-gallery{padding:54px 0}
.tt-related-content{padding:52px 0}
.tt-lead-hero{padding:62px 0}
.tt-lead-hero__grid{gap:52px}
.tt-lead-form-section{padding:58px 0 70px}
.tt-lead-form-layout{gap:52px}
.tt-form-grid{gap:15px}

@media (max-width:991px){
.tt-section{padding:44px 0}
.tt-about{padding-top:48px}
.tt-about__grid{gap:36px}
.tt-about__visual{height:450px}
.tt-contact__grid{gap:36px}
.tt-final-cta__inner{gap:24px;padding:46px 0}
.tt-lead-hero__grid,.tt-lead-form-layout{gap:38px}
}

@media (max-width:767px){
.tt-section{padding:36px 0}
.tt-section-heading{margin-bottom:20px}
.tt-section-heading--split{gap:18px}
.tt-about{padding-top:40px}
.tt-about__grid{gap:28px}
.tt-about__visual{height:360px}
.tt-value-card{min-height:220px;padding:24px}
.tt-commitment-card{min-height:270px;padding:24px}
.tt-commitment-card__icon{margin-bottom:20px}
.tt-service-card,.tt-service-card:nth-child(2n){min-height:350px;margin-top:0}
.tt-feeds__head{gap:18px;margin-bottom:24px}
.tt-contact{min-height:auto}
.tt-contact__grid{min-height:auto;gap:28px;padding-top:36px;padding-bottom:36px}
.tt-final-cta__inner{min-height:auto;padding:36px 0}
.tt-footer__main{padding-top:34px;padding-bottom:26px;gap:24px}
.tt-page-intro,.tt-lead-hero{padding:44px 0 36px}
.tt-content-list,.tt-search-results,.tt-lead-form-section{padding:36px 0 48px}
.tt-content-grid,.tt-content-grid--compact,.tt-article-gallery__grid{gap:12px}
.tt-article__header{padding:50px 0 36px}
.tt-article__layout{padding-top:34px;padding-bottom:48px;gap:34px}
.tt-article-gallery{padding:42px 0}
.tt-related-content{padding:40px 0}
.tt-lead-hero__grid,.tt-lead-form-layout{gap:34px}
}

@media (hover:none),(pointer:coarse){.tt-service-card:nth-child(2n){margin-top:0}}

@media (max-width:480px){.tt-about__visual{height:320px}}

/* Phân cấp tiêu đề: gọn hơn để cân với mật độ section mới. */
.tt-hero__title{font-size:clamp(40px,4.8vw,68px)}
.tt-title{font-size:clamp(31px,3.5vw,52px)}
.tt-about__content .tt-title{font-size:clamp(32px,3.4vw,50px)}
.tt-contact__content .tt-title{font-size:clamp(34px,3.7vw,52px)}
.tt-final-cta h2{font-size:clamp(40px,5.2vw,66px)}
.tt-page-intro h1,.tt-lead-hero__content h1{font-size:clamp(38px,5vw,66px)}
.tt-article__heading h1{font-size:clamp(37px,4.8vw,60px)}

@media (max-width:767px){
.tt-hero__title{font-size:40px}
.tt-title,.tt-about__content .tt-title{font-size:31px}
.tt-contact__content .tt-title{font-size:35px}
.tt-final-cta h2{font-size:42px}
.tt-page-intro h1,.tt-lead-hero__content h1{font-size:38px}
.tt-article__heading h1{font-size:35px}
}

@media (max-width:480px){
.tt-hero__title{font-size:38px}
.tt-title,.tt-about__content .tt-title{font-size:30px}
.tt-contact__content .tt-title{font-size:34px}
.tt-final-cta h2{font-size:40px}
.tt-page-intro h1,.tt-lead-hero__content h1{font-size:34px}
.tt-article__heading h1{font-size:32px}
}
.tt-news-card__body time{color:#5f6c7b}
.tt-hero__controls{bottom:36px}
.tt-hero__scroll{min-width:32px;min-height:32px;justify-content:center;padding:0 8px}

/* Can lai header, dich vu va footer theo mat do giao dien moi. */
.tt-topbar__inner{min-height:32px}
.tt-navigation__inner{height:78px}
.tt-brand{width:126px;height:68px}
.tt-brand img{object-position:left center;filter:drop-shadow(0 4px 10px rgba(6,31,61,.08))}
.tt-desktop-menu>ul{gap:clamp(13px,1.35vw,22px)}

.tt-service-card{color:#fff!important}
.tt-service-card:after{background:linear-gradient(to top,rgba(3,25,49,.98) 0%,rgba(3,25,49,.78) 52%,rgba(3,25,49,.2) 100%);opacity:.94}
.tt-service-card>div>span{color:var(--tt-gold)}
.tt-service-card h3{color:#fff;text-shadow:0 3px 18px rgba(0,0,0,.4)}
.tt-service-card p{color:#dbe8f3;font-size:13px;text-shadow:0 2px 12px rgba(0,0,0,.45)}
.tt-service-card__arrow{color:#fff}
.tt-service-card:hover:after{opacity:1}

.tt-final-cta__inner{min-height:270px;gap:44px}
.tt-final-cta__inner>div:first-child{max-width:660px}
.tt-final-cta__inner>div:last-child{width:300px}
.tt-final-cta h2{font-size:clamp(38px,4.5vw,58px);letter-spacing:-.045em;line-height:1.08}

.tt-footer__main{padding-top:40px;padding-bottom:32px;gap:32px}
.tt-footer__brand>a{display:inline-flex;width:168px;align-items:center;justify-content:center;padding:8px;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:#fff;box-shadow:0 16px 35px rgba(0,0,0,.18);overflow:hidden}
.tt-footer__brand img{width:152px;height:auto;max-height:103px;border-radius:8px;background:#fff;mix-blend-mode:normal;object-fit:contain}
.tt-footer__brand>p{margin-top:18px}
.tt-footer__column h2{margin-top:12px;margin-bottom:20px}
.tt-footer__column li a,.tt-footer__contact>p{font-size:12px}
.tt-footer__bottom{font-size:11px}

@media (min-width:1200px){
.tt-footer__main{grid-template-columns:1.15fr .85fr 1fr 1.1fr}
}

@media (max-width:1199px){
.tt-navigation__inner{height:72px}
.tt-brand{width:116px;height:64px}
}

@media (max-width:767px){
.tt-topbar{display:none}
.tt-topbar__inner{min-height:30px}
.tt-navigation__inner{height:66px}
.tt-brand{width:100px;height:56px}
.tt-final-cta__inner{gap:24px;padding:32px 0}
.tt-final-cta__inner>div:last-child{width:min(460px,100%)}
.tt-final-cta h2{font-size:38px}
.tt-footer__brand>a{width:154px;padding:7px}
.tt-footer__brand img{width:138px;max-height:94px}
}

@media (max-width:480px){
.tt-final-cta h2{font-size:35px}
}

/* Chuyen slide hero: crossfade mem, co chieu sau va giu noi dung de doc. */
.tt-hero__slide{visibility:hidden;z-index:0;opacity:0;pointer-events:none;transform:translate3d(2.4%,0,0) scale(1.025);transition:opacity 1.15s cubic-bezier(.22,1,.36,1),transform 1.35s cubic-bezier(.22,1,.36,1),visibility 0s linear 1.35s;will-change:opacity,transform}
.tt-hero__slide.is-active,.tt-hero__slide.is-leaving{visibility:visible;transition-delay:0s}
.tt-hero__slide.is-active{z-index:2;opacity:1;pointer-events:auto;transform:translate3d(0,0,0) scale(1)}
.tt-hero__slide.is-leaving{z-index:1;opacity:0;transform:translate3d(-2.2%,0,0) scale(1.02)}
.tt-hero.is-moving-previous .tt-hero__slide.is-leaving{transform:translate3d(2.2%,0,0) scale(1.02)}
.tt-hero__background{will-change:transform}

.tt-hero__slide.is-active .tt-hero__content{animation:ttHeroContent 1.15s .08s var(--tt-ease) forwards}
.tt-hero__slide.is-leaving .tt-hero__content{opacity:1;transform:none;animation:none}
.tt-hero__content>*{opacity:0;transform:translate3d(0,18px,0)}
.tt-hero__slide.is-active .tt-hero__content>*{animation:ttHeroItem .95s var(--tt-ease) forwards}
.tt-hero__slide.is-active .tt-hero__content>.tt-eyebrow{animation-delay:.16s}
.tt-hero__slide.is-active .tt-hero__content>.tt-hero__title{animation-delay:.24s}
.tt-hero__slide.is-active .tt-hero__content>.tt-hero__description{animation-delay:.34s}
.tt-hero__slide.is-active .tt-hero__content>.tt-hero__actions{animation-delay:.44s}
.tt-hero__slide.is-leaving .tt-hero__content>*{opacity:1;transform:none;animation:none}
.tt-hero__controls>button:active{transform:scale(.9)}
.tt-hero__controls>button i{transition:transform .45s var(--tt-ease)}
.tt-hero__controls>button:hover i{transform:translateX(3px)}
.tt-hero__controls>button[data-hero-previous]:hover i{transform:translateX(-3px)}

@keyframes ttHeroContent{from{opacity:0;filter:blur(5px);transform:translate3d(0,24px,0)}to{opacity:1;filter:blur(0);transform:translate3d(0,0,0)}}
@keyframes ttHeroItem{from{opacity:0;filter:blur(4px);transform:translate3d(0,18px,0)}to{opacity:1;filter:blur(0);transform:translate3d(0,0,0)}}

@media (prefers-reduced-motion:reduce){
.tt-hero__slide,.tt-hero__slide.is-active,.tt-hero__slide.is-leaving{transition:none!important;animation:none!important;transform:none!important}
.tt-hero__slide:not(.is-active){visibility:hidden!important;opacity:0!important}
.tt-hero__slide.is-active{visibility:visible!important;opacity:1!important}
.tt-hero__content,.tt-hero__content>*{opacity:1!important;filter:none!important;transform:none!important;animation:none!important}
}

/* Hover hero: anh sang di theo chuot, noi dung troi nhe de tao chieu sau. */
.tt-hero{--tt-hero-pointer-x:50%;--tt-hero-pointer-y:50%;--tt-hero-content-x:0px;--tt-hero-content-y:0px}
.tt-hero__slide.is-active:before{position:absolute;z-index:1;inset:0;background:radial-gradient(circle 480px at var(--tt-hero-pointer-x) var(--tt-hero-pointer-y),rgba(79,174,255,.3),rgba(8,124,240,.11) 38%,transparent 74%);content:"";opacity:0;pointer-events:none;transition:opacity .9s var(--tt-ease)}
.tt-hero__inner{transition:transform .82s var(--tt-ease)}
.tt-hero__background{transition:filter .95s var(--tt-ease)}
.tt-hero__title{transition:text-shadow .8s var(--tt-ease)}

/* Hover 4 loi tat: nen mau fade thay vi doi mau dot ngot. */
.tt-quick-card{isolation:isolate;background:#fff;transition:transform .72s var(--tt-ease),box-shadow .72s var(--tt-ease),border-color .62s var(--tt-ease)}
.tt-quick-card:before{z-index:1;transform:scale(0);transition:transform .85s var(--tt-ease)}
.tt-quick-card:after{position:absolute;z-index:0;inset:0;background:linear-gradient(115deg,transparent 28%,rgba(255,255,255,.22) 46%,transparent 64%),linear-gradient(145deg,var(--tt-blue),var(--tt-blue-dark));background-position:130% 0,0 0;background-size:220% 100%,100% 100%;content:"";opacity:0;pointer-events:none;transition:opacity .72s var(--tt-ease),background-position 1.15s var(--tt-ease)}
.tt-quick-card>span,.tt-quick-card>strong{position:relative;z-index:2}
.tt-quick-card__number{transition:color .62s var(--tt-ease),transform .68s var(--tt-ease)}
.tt-quick-card__icon{transition:transform .72s var(--tt-ease),background-color .62s ease,color .62s ease,box-shadow .72s var(--tt-ease)}
.tt-quick-card strong{transition:color .62s ease,transform .68s var(--tt-ease)}
.tt-quick-card>span:not(.tt-quick-card__number):not(.tt-quick-card__icon){transition:color .62s ease,transform .72s var(--tt-ease)}
.tt-quick-card__arrow{z-index:2;transition:color .58s ease,transform .68s var(--tt-ease)}
.tt-quick-card:focus-visible{z-index:3;outline:3px solid var(--tt-gold);outline-offset:-5px}

/* Hover the cam ket: tilt, anh sang va icon cung chuyen theo mot nhip. */
.tt-commitment-card{--tt-card-glow-x:50%;--tt-card-glow-y:50%;isolation:isolate;will-change:transform;transition:transform .7s var(--tt-ease),border-color .62s ease,box-shadow .72s var(--tt-ease)}
.tt-commitment-card:before{z-index:0;opacity:.07;transition:transform .88s var(--tt-ease),opacity .72s ease,filter .72s ease}
.tt-commitment-card:after{position:absolute;z-index:0;inset:0;background:radial-gradient(circle 250px at var(--tt-card-glow-x) var(--tt-card-glow-y),rgba(63,164,255,.3),rgba(8,124,240,.1) 44%,transparent 74%);content:"";opacity:0;pointer-events:none;transition:opacity .68s ease}
.tt-commitment-card>.tt-commitment-card__icon,.tt-commitment-card>h3,.tt-commitment-card>p{position:relative;z-index:1}
.tt-commitment-card__icon{transition:transform .7s var(--tt-ease),background-color .62s ease,color .62s ease,box-shadow .72s var(--tt-ease)}
.tt-commitment-card h3{transition:color .62s ease,transform .68s var(--tt-ease)}
.tt-commitment-card p{transition:color .62s ease,transform .72s var(--tt-ease)}
.tt-commitment-card__index{z-index:1;transition:color .62s ease,transform .72s var(--tt-ease)}

@media (hover:hover) and (pointer:fine){
.tt-hero.is-hovering .tt-hero__slide.is-active:before{opacity:1}
.tt-hero.is-hovering .tt-hero__slide.is-active .tt-hero__inner{transform:translate3d(var(--tt-hero-content-x),var(--tt-hero-content-y),0)}
.tt-hero.is-hovering .tt-hero__slide.is-active .tt-hero__background{filter:saturate(1.2) contrast(1.07) brightness(1.06)}
.tt-hero.is-hovering .tt-hero__slide.is-active .tt-hero__title{text-shadow:0 20px 55px rgba(0,0,0,.3)}

.tt-quick-links__grid{overflow:visible}
.tt-quick-card:first-child{border-radius:24px 0 0 24px}
.tt-quick-card:last-child{border-radius:0 24px 24px 0}
.tt-motion-ready .tt-quick-card.tt-reveal.is-visible{transition:transform .72s var(--tt-ease),box-shadow .72s var(--tt-ease),border-color .62s var(--tt-ease)}
.tt-motion-ready .tt-quick-card.tt-reveal.is-visible:hover{transform:translateY(-10px) scale(1.02)}
.tt-quick-card:hover{background:#fff;box-shadow:0 30px 62px rgba(6,31,61,.24);transform:translateY(-10px) scale(1.02)}
.tt-quick-card:hover:before{transform:scale(2.35)}
.tt-quick-card:hover:after{opacity:1;background-position:-65% 0,0 0}
.tt-quick-card:hover .tt-quick-card__number{color:rgba(255,255,255,.78);transform:translateX(5px)}
.tt-quick-card:hover .tt-quick-card__icon{background:rgba(255,255,255,.2);box-shadow:0 18px 36px rgba(0,0,0,.2);color:#fff!important;transform:rotate(-8deg) scale(1.1)}
.tt-quick-card:hover strong{color:#fff;transform:translateX(5px)}
.tt-quick-card:hover>span:not(.tt-quick-card__number):not(.tt-quick-card__icon){color:#e0efff!important;transform:translateY(-3px)}
.tt-quick-card:hover .tt-quick-card__arrow{color:#fff;transform:translate(5px,-5px)}

.tt-commitment-card:hover{border-color:#9ed0fc;box-shadow:0 30px 68px rgba(6,31,61,.2);transform:translateY(-10px) scale(1.02)}
.tt-commitment-card:hover:before{opacity:.2;filter:blur(2px);transform:scale(2.35)}
.tt-commitment-card:hover:after{opacity:1}
.tt-commitment-card:hover .tt-commitment-card__icon{background:var(--tt-blue);box-shadow:0 18px 38px rgba(8,124,240,.3);color:#fff;transform:rotate(-8deg) scale(1.1)}
.tt-commitment-card:hover h3{color:var(--tt-blue);transform:translateX(6px)}
.tt-commitment-card:hover p{color:#52667b;transform:translateY(-3px)}
.tt-commitment-card:hover .tt-commitment-card__index{color:rgba(8,124,240,.16);transform:translate(-6px,-4px) scale(1.1)}
}

@media (max-width:991px) and (hover:hover) and (pointer:fine){
.tt-quick-card:first-child{border-radius:24px 0 0}
.tt-quick-card:nth-child(2){border-radius:0 24px 0 0}
.tt-quick-card:nth-last-child(2){border-radius:0 0 0 24px}
.tt-quick-card:last-child{border-radius:0 0 24px}
}

@media (max-width:767px) and (hover:hover) and (pointer:fine){
.tt-quick-card:first-child{border-radius:24px 24px 0 0}
.tt-quick-card:nth-child(2),.tt-quick-card:nth-last-child(2){border-radius:0}
.tt-quick-card:last-child{border-radius:0 0 24px 24px}
}

@media (hover:none),(pointer:coarse){
.tt-hero__slide.is-active:before,.tt-quick-card:after,.tt-commitment-card:after{opacity:0!important}
.tt-quick-card:hover{background:#fff;box-shadow:none;color:var(--tt-ink)!important;transform:none!important}
.tt-quick-card:hover:before{transform:scale(0)!important}
.tt-quick-card:hover .tt-quick-card__number{color:#9aabba!important}
.tt-quick-card:hover .tt-quick-card__icon{background:#eaf4ff;box-shadow:none;color:var(--tt-blue)!important;transform:none!important}
.tt-quick-card:hover strong{color:var(--tt-ink)!important;transform:none!important}
.tt-quick-card:hover>span:not(.tt-quick-card__number):not(.tt-quick-card__icon){color:var(--tt-muted)!important;transform:none!important}
.tt-quick-card:hover .tt-quick-card__arrow{color:var(--tt-blue);transform:none!important}
.tt-commitment-card:hover{border-color:#e0e9f2;box-shadow:0 15px 45px rgba(6,31,61,.06);transform:none!important}
.tt-commitment-card:hover:before{filter:none;opacity:.07;transform:none!important}
.tt-commitment-card:hover .tt-commitment-card__icon{background:#e9f4ff;box-shadow:none;color:var(--tt-blue);transform:none!important}
.tt-commitment-card:hover h3{color:var(--tt-navy);transform:none!important}
.tt-commitment-card:hover p{color:var(--tt-muted);transform:none!important}
.tt-commitment-card:hover .tt-commitment-card__index{color:#e5edf5;transform:none!important}
}

@media (prefers-reduced-motion:reduce){
.tt-hero__slide.is-active:before,.tt-quick-card:after,.tt-commitment-card:after{opacity:0!important}
.tt-hero__inner,.tt-hero__background,.tt-hero__title,.tt-quick-card,.tt-quick-card:before,.tt-quick-card__number,.tt-quick-card__icon,.tt-quick-card strong,.tt-quick-card>span,.tt-quick-card__arrow,.tt-commitment-card,.tt-commitment-card:before,.tt-commitment-card__icon,.tt-commitment-card h3,.tt-commitment-card p,.tt-commitment-card__index{transition:none!important;transform:none!important}
.tt-hero__slide,.tt-hero__slide.is-active,.tt-hero__slide.is-leaving{transition:opacity .7s ease!important;transform:none!important}
.tt-hero__slide.is-active,.tt-hero__slide.is-leaving{visibility:visible!important}
.tt-hero__slide.is-active{opacity:1!important}
.tt-hero__slide.is-leaving{opacity:0!important}
}

@media (prefers-reduced-motion:reduce) and (hover:hover) and (pointer:fine){
.tt-hero:hover .tt-hero__slide.is-active:before{opacity:1!important;transition:opacity .9s var(--tt-ease)!important}
.tt-hero:hover .tt-hero__slide.is-active .tt-hero__background{filter:saturate(1.16) contrast(1.05) brightness(1.05);transition:filter .9s var(--tt-ease)!important}
.tt-hero:hover .tt-hero__slide.is-active .tt-hero__title{text-shadow:0 20px 55px rgba(0,0,0,.3);transition:text-shadow .8s var(--tt-ease)!important}
.tt-quick-card{transition:box-shadow .72s var(--tt-ease),border-color .62s var(--tt-ease)!important}
.tt-quick-card:after{transition:opacity .72s var(--tt-ease)!important}
.tt-quick-card:hover:after{opacity:1!important}
.tt-quick-card__number,.tt-quick-card strong,.tt-quick-card>span,.tt-quick-card__arrow{transition:color .62s ease!important}
.tt-quick-card__icon{transition:background-color .62s ease,color .62s ease,box-shadow .72s var(--tt-ease)!important}
.tt-commitment-card{transition:border-color .62s ease,box-shadow .72s var(--tt-ease)!important}
.tt-commitment-card:before{transition:opacity .72s ease,filter .72s ease!important}
.tt-commitment-card:after{transition:opacity .68s ease!important}
.tt-commitment-card:hover:after{opacity:1!important}
.tt-commitment-card__icon{transition:background-color .62s ease,color .62s ease,box-shadow .72s var(--tt-ease)!important}
.tt-commitment-card h3,.tt-commitment-card p,.tt-commitment-card__index{transition:color .62s ease!important}
}

/* Liên hệ nhanh: lấy Hotline và Zalo từ Cài đặt admin. */
.tt-floating-contact{display:flex;position:fixed;z-index:70;right:22px;bottom:96px;right:calc(22px + env(safe-area-inset-right));bottom:calc(96px + env(safe-area-inset-bottom));align-items:flex-end;flex-direction:column;gap:7px}
.tt-floating-contact__item{display:flex;width:112px;min-height:48px;padding:0 15px;box-sizing:border-box;align-items:center;gap:10px;border:2px solid #fff;border-radius:999px;box-shadow:0 10px 24px rgba(4,24,47,.24);color:#fff!important;font-family:Montserrat-Bold,Arial,sans-serif;font-size:11px;text-decoration:none;transition:box-shadow .3s ease,transform .3s var(--tt-ease)}
.tt-floating-contact__item i{font-size:19px;line-height:1}
.tt-floating-contact__item span{line-height:1;white-space:nowrap}
.tt-floating-contact__item--call{background:#d90016}
.tt-floating-contact__item--zalo{background:#0068ad}
.tt-floating-contact__icon{width:20px;height:20px;object-fit:contain}
.tt-floating-contact__item:hover,.tt-floating-contact__item:focus-visible{box-shadow:0 14px 30px rgba(4,24,47,.32);transform:translateX(-5px)}
.tt-floating-contact__item:focus-visible{outline:3px solid var(--tt-gold);outline-offset:2px}

@media (max-width:767px){
.tt-floating-contact{right:10px;bottom:76px;right:calc(10px + env(safe-area-inset-right));bottom:calc(76px + env(safe-area-inset-bottom));gap:5px}
.tt-floating-contact__item{width:105px;min-height:44px;padding:0 12px;font-size:10px}
}

@media (hover:none),(pointer:coarse){
.tt-floating-contact__item:hover{transform:none}
}

@media (prefers-reduced-motion:reduce){
.tt-floating-contact__item{transition:none!important}
.tt-floating-contact__item:hover,.tt-floating-contact__item:focus-visible{transform:none!important}
}