/* Main */
:root { --color-main:#6586E6; --color-main-2:#FC0; --color-title:#fd0000; --color-phone:#fd0000; --color-hover:#fd0000; --color-active:rgb(145,5,5); --f-r:"Inter Regular"; --f-m:"Inter Medium"; --f-s:"Inter Semi"; --f-b:"Inter Bold"; --f-custom:UTMAzuki; } 
body { font-family:var(--f-r); font-size:14px; } 
.font-normal { font-family:var(--f-r); } 
.font-bold { font-family:var(--f-b); } 
@media only screen and (max-width:850px){
 .wrap-container { position:relative; overflow:hidden; } 
 }
.wrap-container { position:relative; overflow:hidden; margin:auto; max-width:1920px; /* min-width:1200px; margin:0 auto; */ } 
.wrap-content { margin:auto; max-width:1230px; padding-left:15px; padding-right:15px; } 
.wrap-main { margin:40px auto; max-width:1230px; padding-left:15px; padding-right:15px; } 
.wrap-home { max-width:100%; padding:0px; } 
/* General */
.title-main { margin-bottom:1.5rem; text-align:center; } 
.title-main span,.title-main h2 { text-transform:uppercase; color:var(--color-main); font-family: var(--f-b); font-size:30px; display:block; line-height:1.6; } 
.title-main .slogan { font-size: 15px; font-family: var(--f-m); line-height: 1.5; text-transform: capitalize; color: #333; } 
.time-main { margin-bottom:0.75rem; color:#999999; } 
.time-main i { vertical-align:top; margin:3px 7px 0px 0px; } 
.time-main span { vertical-align:top; display:inline-block; } 
.share { padding:17px 15px 10px 15px; line-height:normal; background:rgba(128,128,128,0.15); margin-top:15px; border-radius:5px; } 
.share b { display:block; margin-bottom:5px; } 
.control-owl { position:absolute; width:100%; z-index:2; left:0px; top:calc(50% - 45px / 2); } 
.control-owl button { opacity:0.3; top:0px; position:absolute; outline:none; border:0px; padding:0px; margin:0px; display:block; cursor:pointer; color:#ffffff; width:45px; height:45px; text-align:center; font-size:25px; margin:0px; background-color: var(--color-main); 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; border-radius:50%; } 
.control-owl button:hover { opacity:1; } 
.control-owl button.owl-prev { left:20px; } 
.control-owl button.owl-next { right:20px; } 
.form-control,.form-control-plaintext:not(textarea),.custom-select { height:calc(1em + 1.25rem + 8px); } 
.custom-form-row { margin-right:-10px; margin-left:-10px; } 
.custom-form-row > .col,.custom-form-row > [class*="col-"] { padding-right:10px; padding-left:10px; } 
/* Header */
 .header-address { color:#FFF; font-family:var(--f-r); font-size:14px; line-height:1.5; } 
.header-address span { font-family:var(--f-b); } 
.header-slogan { color:#FFF; font-family:var(--f-b); font-size:14px; text-transform:capitalize; position:relative; z-index:2; } 
.header-top { position:relative; background: var(--color-main); } 
.header-name { color:#DA0000; font-family:var(--f-bl); font-size:55px; line-height:1.5; text-transform: uppercase; } 
.header-phone-text { color:#333; font-family:var(--f-r); font-size:14px; line-height:1.5; text-transform:capitalize; } 
.header-phone-numb { color:#DA0000; font-family: var(--f-bl); font-size:18px; line-height:1.5; } 
/* Menu */
.menu { position:relative; z-index:11; } 
.menu.fixed .wr-menu{max-width: 1200px; margin: auto; justify-content: center;}
.menu .wrap-content { width:1200px; } 
@media only screen and (max-width:991px){
 .menu { display:none; } 
 }
.menu ul { width:100%; padding:0px; 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; } 
.menu ul li { position:relative; z-index:1; /* margin:5px 7px; */ } 
.menu ul li.menu-line { width:1px; height:15px; background-color:rgba(0,0,0,0.1); } 
.menu ul li a { display:block; position:relative; font-size:15px; color:#FFF; padding:10px 0px; font-weight:500; text-transform:capitalize; text-decoration:none; overflow:hidden; font-family:var(--f-b); } 
.menu ul li a::before { position:absolute; content:''; width:100%; height:2px; background-color:#fff; border-radius:5px; left:0px; bottom:0px; transform-origin:right; transform:scaleX(0); transition:transform 0.5s; } 
.menu ul li a.active::before,.menu ul li:hover > a::before { transform-origin:left; transform:scaleX(1); } 
.menu ul li a.has-child { /* padding-right:16px; */
/* margin-right:8px; */ } 
.menu ul li a.has-child:after { /* content:""; */
position:absolute; bottom:calc(50% - 4px / 2); right:5px; width:5px; height:5px; border:1px solid #000; border-top:0px; border-left:0px; -webkit-transform:rotate(45deg); transform:rotate(45deg); } 
.menu ul li:hover > a.has-child:after,.menu ul li a.active.has-child:after { border:1px solid #000; } 
.menu ul li ul { position:absolute; min-width:250px; margin-top:-5px; padding-top:0.75rem; padding-bottom:0.75rem; background-color:#fafafa; border-radius:0.25rem; -webkit-box-shadow:1px 1px 15px rgba(0,0,0,0.15); box-shadow:1px 1px 15px rgba(0,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; transition:all 0.5s linear; } 
.menu ul li ul li { padding-left:0.75rem; padding-right:0.75rem; margin:0px; } 
.menu ul li ul li a { font-size:14px; color:#313131; border-bottom:1px solid #ececec; padding:10px 0px 9px 0px !important; text-transform:uppercase; background:unset !important; } 
.menu ul li ul li a.has-child { margin-right:0px; } 
.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:var(--color-main); } 
.menu ul li ul li a.active.has-child:after { border-color:var(--color-main); } 
.menu ul li ul li:last-child > a { border-bottom:0px; } 
.menu ul li ul li:hover > a { color:var(--color-main); } 
.menu ul li ul li:hover > a.has-child:after { border-color:var(--color-main); } 
.menu ul li ul li ul { top:-0.75rem; left:100%; margin-top:0px; } 
/* .menu ul li a.active,.menu ul li a:hover { background:var(--color-main-2); } */
.li-menu a { padding:10px 20px !important; } 
/* Slideshow */
.slideshow { position:relative; } 
.slideshow-item { display:block; cursor:pointer; } 
.slideshow:hover .control-slideshow { opacity:1; } 
.control-slideshow { opacity:0; } 
/* Intro */
.col-redirect a { font-family: var(--f-m); padding: 5px 10px; color: #353131; border: 1px solid #ebebeb;; margin-bottom: 10px; } 
.col-redirect a:hover { color: var(--color-hover); border-color: var(--color-hover); } 
.intro-text { display: inline-block; color:#989898; font-family:var(--f-b); font-size:15px; line-height:1.5; text-transform: uppercase; position: relative; } 
.intro-text::after { content: ""; position: absolute; width: 30px; height: 3px; background: #08f; top: 11px; right: -40px; } 
.intro-name { color:#000; font-family:var(--f-b); font-size:30px; line-height:1.5; text-transform:capitalize; } 
.intro-desc { color:#333; text-align:left; font-style: italic; -webkit-line-clamp: 8; font-family:var(--f-r); font-size:14px; line-height:1.7; } 
.intro-btn { color:#FFF; font-family:var(--f-m); font-size:15px; line-height:1.5; border-radius:10px; background:var(--color-main); padding:10px 30px; border:solid 1px var(--color-main); } 
.intro-btn:hover { background:#fff; color:var(--color-main); } 
.grid-criteria-intro { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; } 
.criteria-intro-box { flex-direction: column; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 290px; padding: 0 30px; background: #121321; } 
.criteria-intro-box:nth-child(2),
.criteria-intro-box:nth-child(3) { background: #181a2a; } 

.criteria-intro-img { } 
.criteria-intro-info { margin-top: 20px; } 
.criteria-intro-name { text-align: center; color:#fff; font-family:var(--f-b); font-size:20px; line-height:1.5; font-style: italic; } 
.criteria-intro-desc { color:#fff; font-family:var(--f-m); font-size:14px; line-height:1.7; height:calc(1.5em * 2); text-align: center; } 
.video-large-items { height: 590px; } 
/* News */
.criteria-second-name { color:#333; font-family:var(--f-bl); font-size:16px; line-height:1.5; } 
.criteria-second-desc { color:#333; font-family:var(--f-r); font-size:14px; line-height:1.5; height:calc(1.5em * 2); } 
.criteria-second-cover { border-radius:20px; background:#FFF; box-shadow:0px 0px 30px 0px rgba(183,0,0,0.12); } 
.title-feedback-video { color:#FFF; font-family:var(--f-bl); font-size:40px; line-height:1.5; text-transform:uppercase; } 
/* Feedback */
.wrap-feedback { background:url('../imgs/bg-feedback.webp')no-repeat center / cover; } 
.wrap-feedback .title-home h2 { margin: auto; font-family: var(--f-b); font-size: 30px; display: inline-block; color: #fff; padding: 10px 20px; border: 1px solid #fff; line-height: normal; font-style: italic; } 
.slick-feedback-avatar { max-width: 250px; margin: auto; } 
.customer-img { border:solid 3px #fff; width:70px; height:70px; margin:auto; } 
.customer-avatar-box.slick-slide { transform:scale(0.7); } 
.customer-avatar-box.slick-center { transform:scale(1); } 
.feedback-left-space { margin-right:100px; } 
.customer-info-comma { width:54px; } 
.customer-info-detail { width:calc(100% - 54px - 10px); } 
.customer-content { color:#FFF; font-family:var(--f-m); font-size:15px; font-style: italic; line-height:1.5; margin-bottom: 10px; } 
.customer-name { color:#FFF; font-family: var(--f-m); font-size:15px; line-height:1.5; font-style: italic; } 
.customer-desc { color:#FFF; font-family:var(--f-r); font-size:15px; margin-left: 5px; line-height:1.5; font-style: italic; } 
.news-home-by-adm { color:#9F9F9F; font-family:var(--f-r); font-size:14px; line-height:1.5; } 
.news-home-btn { color:#333; font-family:var(--f-m); font-size:15px; line-height:1.5; border-bottom:solid 1px #333; text-transform:uppercase; } 
.news-home-time { color:#000; font-family:var(--f-m); font-size:14px; line-height:1.5; } 
.news-home-time-position { background:var(--color-main); position:absolute; padding:10px; border-radius:0px 0px 0px 9px; text-align:center; top:0; bottom:0; left:0; } 
.news-home-info { padding:20px; } 
/* Product */
.wrap-product-list { background:url('../imgs/product.jpg')no-repeat center / cover; } 
.product-list-btn { color:#333; font-family:var(--f-b); font-size:18px; line-height:1.5; text-transform:capitalize; } 
.product-list-btn.active,.product-list-btn:hover { color:var(--color-main); cursor:pointer; } 
.flex-product-list { row-gap:10px; } 
.product-list-btn-space { margin:0px 20px; position:relative; } 
.product-list-btn-space::before { position:absolute; content:''; background:url('../imgs/product-list-btn-space.png')no-repeat; background-size:100% 100%; width:1px; height:14px; right:0; top:3px; pointer-events:none; } 
.product-list-btn:last-child .product-list-btn-space { display:none; } 
.product { transition: all 0.4s; } 
.product:hover { transform: translateY(-10px); } 
/* Photo */
.video-large { width:505px; } 
.video-small { width:150px; margin-left:-65px; padding:10px; background:#fff; border-radius:10px; position:relative; } 
.video-small-items:hover { cursor:pointer; } 
/* Newsletter */
/* Footer */
.footer-copyright { text-align:left; background:#121321; color: #fff; font-family: var(--f-r); font-size:14px; line-height:1.5; /* 157.143% */padding:10px; } 
.footer-copyright span { font-family:var(--f-b); color: #fff; text-transform: capitalize; } 
.footer-name { font-size:15px; color:#fff; text-transform:uppercase; font-family:var(--f-b); } 
.footer-info { font-size:14px; color:#fff; line-height:2; } 
.footer-article { background:#181a2a; } 
.footer-article .wrap-content { padding:15px 15px; } 
.footer-title { text-transform:uppercase; font-size:15px; font-style: italic; font-family:var(--f-b); color:#fff; } 
.footer-ul { list-style:none; padding:0px; margin:0px; } 
.footer-ul li { margin-bottom:10px; } 
.footer-ul li:last-child { margin-bottom:0px; } 
.footer-ul li a { color:#fff; font-size:14px; line-height:2; } 
.footer-ul li a:hover { text-decoration:underline; } 
.footer-tags { background:#eee; } 
.footer-tags .wrap-content { padding:30px 15px; } 
.footer-tags-lists { list-style:none; padding:0px; margin:0px; } 
.footer-tags-lists li { float:left; } 
.footer-tags-lists li a { padding-bottom:0.375rem; } 
.footer-powered { color:#ffffff; background-color:var(--color-main); } 
.footer-powered .wrap-content { padding-top:15px; padding-bottom:15px; } 
.footer-statistic { text-align:right; } 
.footer-statistic span { padding-right:10px; } 
.footer-statistic span:last-child { padding-right:0px; } 
#footer-map { position:relative; height:500px; } 
#footer-map iframe { position:absolute !important; width:100% !important; height:100% !important; top:0px !important; left:0px !important; } 
@media only screen and (max-width:991px){
 .footer-powered,.footer-statistic { text-align:center !important; } 
 }
/* FOOTER MAPS TAB */
.footer_map_tab { width:100%; height: 450px; position:relative; overflow:hidden; } 
.map_frame { width:100%; height: 100%; } 
.map_frame iframe { width:100%; height:100%; } 
.wrap_map { width:100%; position:absolute; top:30px; left:0; } 
.social-left { position:fixed; left:10px; z-index:11; bottom:150px; } 
.social-left a { transition:.4s; margin:5px 0; } 
.btn-map-api { background-color:var(--color-main) !important; border:solid 1px var(--color-main) !important; font-family: var(--f-b); } 
.btn-map-api:hover,.btn-map-api.active { background-color:#fff !important; color:var(--color-main ) !important; border:solid 1px var(--color-phone) !important; } 
.btn-map-api:hover img,.btn-map-api.active img { filter:brightness(0) saturate(100%) invert(46%) sepia(96%) saturate(415%) hue-rotate(59deg) brightness(97%) contrast(84%); } 


.slideshow-image picture { display: block;  } 
.owl-item.active .slideshow-image img { height: 100%; } 

.title_slider_right h2 { font-family: UTMAzuki; color: var(--color-main); font-size: 48px; text-transform: capitalize; margin-bottom: 9px; text-align: center; } 
.slogan_slider { font-size: 16px; font-family: var(--f-m); color: #6C6C6C; text-transform: uppercase; margin-bottom: 15px; } 

.flex_slider { background:var(--color-main); margin-bottom: 17px; padding: 9px; border-radius: 80px; } 
.flex_slider a img { transition: all 0.8s; } 
.flex_slider h3 { line-height: 19px; margin-left: 23px; width: 81%; position: relative; top: -2px; } 
.flex_slider h3 a { color: #fff; font-family: var(--f-b); text-transform: uppercase; font-size: 16px; } 
.flex_slider:hover a img { transform: rotateY(180deg); } 


.title_index_product h2 { font-size: 28px; color: var(--color-main); font-family: var(--f-b); text-transform: uppercase; border-bottom: 2px solid var(--color-main); padding-bottom: 13px; margin-bottom: -1px; } 

.title_index_product { margin-bottom: 1.3%; border-bottom: 1px solid #dbdbdb; } 

a.block_more_hot { font-size: 14px; color: #222222; transition: all 0.4s; font-family: var(--f-r); display: flex; align-items: center; } 

.block_more_hot img { margin-left: 5px; } 

a.block_more_hot:hover { font-family: var(--f-b); letter-spacing: 2px; } 

.wrap-tiktok { background: #6586e629; }