:root{--fnt:'Roboto';--fnt2:'Be+Vietnam+Pro';--main:#7f7f7f;--hover:#fcca27;--text:#111;--prev:#777;--red:#ed1c24;--bord:#d7d7d7;--grey:#f7f7f7;--lightgrey:#c3c3c3;--wite:#fff;--green:#3b8d21;}
::-webkit-scrollbar{width:0.5rem;}::-webkit-scrollbar-track{background-color:transparent;}::-webkit-scrollbar-thumb{background-color:var(--main);}
.bg-m{background-color:var(--main);}.bg-h{background-color:var(--hover);}.bg-t{background-color:var(--lightgrey);}.bg-g{background-color:var(--grey);}.bg-w{background-color:var(--wite);}
.fnt{font-family:var(--fnt);}.fnt2{font-family:var(--fnt2);}.fs-7{font-size:14px;}.fs-8{font-size:12px;}.fw-5{font-weight:500;}.text-justify{text-align: justify;}
.ls-1{letter-spacing: 1px;}.cl-m{color:var(--text);}.cl-h{color:var(--hover);}.cl-t{color:var(--text);}.cl-p{color:var(--prev);}.cl-r{color:var(--red);}.cl-w{color:var(--wite);}
.br-5{border-radius:5px;}.br-15{border-radius:15px;}.br-30{border-radius:30px;}.br-50{border-radius:50%;}.tr-5{transition:all 0.5s ease 0s;}
body{font-family:'Roboto',Arial,sans-serif;color:var(--text);}
input,select,textarea{width:100%;height:32px;padding:0 1rem;border:1px solid var(--bord);border-radius:0;outline:none;transition:all 0.5s ease 0s;}
input:disabled{background-color:var(--grey);cursor: not-allowed;}input:focus,select:focus,textarea:focus{border:1px solid var(--main);box-shadow:0 0 5px rgb(0 0 0 / 10%);}
input[type=submit]{display:inline-block;width:auto;padding:0 3rem;background-color:var(--green);border:0;font-weight:700;color:var(--wite);}
input[type=submit]:hover{background-color:var(--hover);}
select{background:var(--wite) url(images/select.png) no-repeat center right 1rem;appearance:none;}textarea{display:block;height:106px;padding:1rem;}
h1,h2,h3,h4,h5,h6{margin:0;}ul,ol,p{margin:0;padding:0;}a{text-decoration:none;color:var(--text);transition:all 0.5s ease 0s;}a:hover{color:var(--main);}
img{display:block;max-width:100%;transition:all 0.5s ease 0s;}.i-hov{overflow:hidden;}.i-hov:hover img{transform:scale(1.1);}.i-obc{width:100%;height:100%;object-fit:cover;}
.n-hov-l a{width:100%;background:linear-gradient(transparent calc(100% - 1px), var(--main) 1px) no-repeat top left / 0% 100%;color:var(--text);}
.n-hov-l a:hover{background-size:100% 100%;color:var(--main);}
.n-hov-t a{background:linear-gradient(to right, var(--main), var(--main) 50%, var(--text) 50%) 100% / 200% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;}
.n-hov-t a:hover{background-position:0;}
.f-item{position:relative;margin-bottom:1.5rem;}.f-item span{display:block;margin-bottom:0.25rem;}
.f-item input.error,.f-item select.error,.f-item textarea.error{border-color:var(--red);}label.error{position:absolute;top:100%;right:0;font-size:12px;color:var(--red);}
.header{position: relative; box-shadow: 0 0 5px rgb(0 0 0 / 10%); z-index: 99992;}
.logo{width: 275px;}
.logo a span{position: absolute; width: 0; height: 0; overflow: hidden;}
.search form{width: 250px;line-height: 45px;}
.search input[type='text']{padding-left: 45px;}
.search input[type='submit']{width: 45px; background: url(images/search.png) no-repeat center;}
.icon ul{list-style: none;}
.icon ul li{flex: 0 0 auto;}
.icon ul li+li{margin-left: 1.5rem;}
.icon ul li a{display: block; line-height: 45px;}
.icon ul li a i{margin-right: 0.5rem; font-size: 20px; color: var(--main);}
.main-sub, .main-title{font-weight: 400; text-align: center; line-height: 1.5;}
.main-sub{margin-bottom: -0.25rem; font-family: var(--fnt2); color: var(--main);}
.main-title{margin-bottom: 3rem; font-family: var(--fnt2);}
.main-slick .container{padding: 0;}
.main-slick .slick-slide > div{padding: 0 0.75rem;}
.main-slick .slick-arrow{position: absolute; top: 0; bottom: 0; width: 40px; height: 40px; background-color: var(--main); border-radius: 50%; opacity: 0;}
.main-slick .slick-arrow:hover{background-color: var(--hover);}
.main-slick .slick-arrow i{line-height: 40px; color: var(--wite);}
.main-slick .slick-prev{left: 0;}
.main-slick .slick-next{right: 0;}
.main-slick:hover .slick-arrow{opacity: 1;}
.main-slick:hover .slick-prev{left: 1.5rem;}
.main-slick:hover .slick-next{right: 1.5rem;}
.main-button{font-size: 14px; text-transform: uppercase; text-align: center;}
.main-button > *{position: relative; display: inline-block; border: 1px solid var(--main); cursor: pointer;}
.main-button > *:before, .main-button > *:after{content: ''; position: absolute; left: 0; width: 100%; height: 0; margin: 0 auto; background-color: var(--main); z-index: 1; transition: all 0.5s ease 0s;}
.main-button > *:before{top: 0;}
.main-button > *:after{bottom: 0;}
.main-button > * span{position: relative; display: block; padding: 0.75rem 1.5rem; background-color: var(--main); color: var(--wite); z-index: 2;}
.main-button > * span i{margin-left: 0.5rem; transition: all 0.5s ease 0s;}
.main-button > *:hover:before, .main-button > *:hover:after{height: 50%;}
.main-button > *:hover span i{margin-left: 1rem; transform: rotate(-270deg);}
.main-more{position: relative; display: inline-block; font-size: 14px; font-weight: 300; text-transform: uppercase;}
.main-more:before{content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 0; background-color: var(--main); transition: all 0.5s ease 0s;}
.main-more a{position: relative; display: block;  padding: 0.25rem 0; border-bottom: 1px solid var(--main); color: var(--main);}
.main-more:hover:before{height: 100%;}
.main-more:hover a{padding: 0.25rem 0.5rem; color: var(--wite);}
.main-page{list-style: none; display: flex; justify-content: center; margin-bottom: 3rem; font-size: 14px; text-align: center; line-height: 35px;}
.main-page li+li{margin-left: 0.5rem;}
.main-page li a{display: block; width: 35px; border: 1px solid var(--bord); color: var(--text);}
.main-page li a:hover, .main-page li a.active{background-color: var(--main); border-color: var(--main); color: var(--wite);}
.main-detail p{margin-bottom: 15px;}
.main-detail h2{padding: 0.75rem 0; font-size: 1.5rem;}
.main-detail h3{padding: 0.75rem 0; font-size: 1.25rem;}
.main-detail h4{padding: 0.75rem 0; font-size: 1.0rem;}
.main-detail ul, .main-detail ol{padding: 0 0 0.75rem 2rem;}
.main-detail img{display: inline-block!important;height: auto;}  
.main-detail table{width: 100%!important; border-collapse: collapse; border-color: var(--bord);}
.main-detail iframe{display: block; margin: 0 auto!important;} 
.main-detail figure{padding: 0 0 1rem;}
.main-detail figure figcaption{font-size: 14px; font-style: italic;}
.main-detail > *:last-child{margin-bottom: 0; padding-bottom: 0;}
.main-other{border-bottom: 2px solid var(--bord);}
.main-other span:before{content: ''; position: absolute; bottom: -2px; left: 0; width: 100%; height: 2px; background-color: var(--main);}

.footer{background-color: var(--grey); border-top: 1px solid var(--bord); font-size: 14px;}
.footer ul{list-style: none;}
.footer li+li{margin-top: 0.75rem;}
.footer li a:hover{text-decoration: underline;}
.footer-title{margin-bottom: 1.5rem; font-weight: 700; text-transform: uppercase; color: var(--main);}
.footer-info ul li{display: flex;}
.footer-info ul li b{width: 115px;}
.footer-info ul li span{ width: calc(100% - 115px);}
.footer-brand{margin-top: -0.75rem;}
.footer-brand ul li{display: inline-block;}
.footer-brand ul li a{display: block; padding: 0.25rem 0.75rem; border: 1px solid var(--bord);}
.footer-brand ul li a:hover{background-color: var(--main); border-color: var(--main); text-decoration: none; color: var(--wite);}
.footer-bottom{background-color: var(--main); color: var(--wite);}
.footer-bottom a{color: var(--wite);}
.checktruck a{padding: 5px 10px;border: 1px solid var(--bord);background-color: var(--wite);color: #333;border-radius: 15px;text-transform: uppercase;}
.checktruck a:hover{background-color: var(--main);}
.paymenttt{color: #333;}
.click{right: 1rem; bottom: calc(40px + 1rem); z-index: 99992;}
.click a{position: relative; display: block; margin-bottom: 0.5rem; line-height: 40px; color: #333;}
.click a img{width: 40px; border-radius: 50%; box-shadow: 0 0 5px rgb(0 0 0 / 25%);}
.click a:nth-child(1) img{border-radius: 0; box-shadow: none;}
.click a:hover img{transform: translatey(-2px); box-shadow: 0 2px 5px 1px rgb(0 0 0 / 25%);}
.gotop{right: 1rem; bottom: -40px; width: 40px; background-color: var(--wite); box-shadow: 0 0 5px rgb(0 0 0 / 15%); color: var(--red); opacity: 0; cursor: pointer; z-index: 99992;}
.gotop:hover{background-color: var(--red); color: var(--wite);}
.gotop i{line-height: 40px;}
.gotop-2{bottom: 1rem; opacity: 1;}

.main-share > div:nth-child(1){margin-right: 17px; padding: 3px 10px; border: 1px solid var(--bord); color: #777;}
.main-share > div:nth-child(1):before
.main-share > div:nth-child(1):after{content: ''; position: absolute; top: 50%; left: 100%; width: 0; height: 0; border-style: solid; transform: translateY(-50%);}
.main-share > div:nth-child(1):before{border-width: 7px 0 7px 9px; border-color: transparent transparent transparent var(--bord);}
.main-share > div:nth-child(1):after{border-width: 6px 0 6px 8px; border-color: transparent transparent transparent var(--wite);}
.main-share > div:nth-child(1) i{padding-right: 10px; border-right: 1px solid var(--bord);}
.main-share > div:nth-child(1) b{padding: 0 10px; font-size: 12px; vertical-align: text-bottom;}
.main-share #st-1 .st-btn[data-network='telegram']{display: inline-block!important;}