/* Main */
:root{--color-main:#2555a7;--color-main-v2:#DA0000;--color-title:#000;--color-phone:#2368c7;--color-hover:#DA0000;--color-active:rgb(145,5,5);
    --f-r: "Barlow_Regular"; 
    --f-b: "Barlow_Bold"; 
    --f-m: "Barlow_Medium"; 
    --f-s: "Barlow_Semi";}
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{ margin-bottom: 0; text-transform:uppercase;color:var(--color-title);font-family: var(--f-b);font-size:40px;display:block;line-height:1.6;}
.title-main .slogan{margin-top: -10px; font-size: 20px;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:#fff;font-family:var(--f-m);font-size:20px;line-height:1.5;text-transform:capitalize;}
.header-phone-numb{color:#fff;font-family: var(--f-m);font-size:22px;line-height:1.5;}
.header-phone-numb:hover{color:#DA0000;}
/* Menu */
.menu{background:var(--color-main);position:relative;z-index:11; border-top: 1px solid #fff;}
.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:rgb(255, 255, 255);}
.menu ul li a{display:block;position:relative;font-size:17px;color:#FFF;padding:3px 3px;font-weight:500;text-transform:uppercase;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{color:var(--color-main-v2);
} */
.li-menu{padding:15px 20px !important;}
/* Slideshow */
.slideshow{position:relative;}
.slideshow-item{display:block;cursor:pointer;}
.slideshow:hover .control-slideshow{opacity:1;}
.control-slideshow{opacity:0;}
/* Intro */
.intro-img{border-radius: 15px;}
.intro-text{color:#989898;font-family:"1FTV VIP Fairyland";font-size:50px;line-height:1.5;}
.intro-name{color:var(--color-main);font-family:var(--f-b);font-size:40px;line-height:1.5;text-transform:capitalize;text-align: center;}
.intro-desc{color:#333;text-align:justify;font-family:var(--f-m);font-size:16px;line-height:2;}
.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:15px;}
.criteria-intro-box{border-radius:13px;border:1px solid #C0FFA9;background:#FFF;box-shadow:0px 0px 15px 0px rgba(0,0,0,0.10);padding:10px 15px;}
.criteria-intro-img{width:65px;}
.criteria-intro-info{width: calc(100% - 65px - 10px);}
.criteria-intro-name{color:#338f08;font-family:var(--f-b);font-size:18px;line-height:1.5;}
.criteria-intro-desc{color:#333;font-family:var(--f-m);font-size:14px;line-height:1,5;height:calc(1.5em * 2);}
/* 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;}
.wrap-feedback-video{background:url('../imgs/feedback.jpg')no-repeat center / cover;}
.customer-img{border:solid 3px #fff;width:175px;height:175px;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-r);font-size:14px;line-height:1.5;height:calc(1.5em * 2);}
.customer-name{color:#FFF;font-family: var(--f-);font-size:18px;line-height:1.5;}
.customer-desc{color:#FFF;font-family:var(--f-r);font-size:14px;font-style:italic;line-height:1.5;}
.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:#FFF;font-family:var(--f-m);font-size:18px;line-height:1.5;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg);writing-mode:vertical-rl;height:100%;}
.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 20px 20px 80px;}
/* 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:center;background:#2b83ff;color: #fff;font-family: var(--f-m);font-size:14px;line-height:1.5;/* 157.143% */padding:20px 10px;}
.footer-copyright span{font-family:var(--f-b);text-transform: uppercase;}
.footer-name{font-size:20px;color:#000;text-transform:uppercase;font-family:var(--f-b);}
.footer-info{font-size:15px;color:#fff;line-height:2;}
.footer-article { background: var(--color-main);  } 
.footer-article .wrap-content{padding:40px 15px;}
.footer-title{text-transform:uppercase;font-size:18px;font-family:var(--f-b);color:#fff;}
.footer-ul{list-style:disc;padding:0 0 0 20px;margin:0px;color: #fff;}
.footer-ul li{margin-bottom:10px;}
.footer-ul li:last-child{margin-bottom:0px;}
.footer-ul li a{color:#fff;font-size:16px;line-height:2; font-family: var(--f-m);}
.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-v2);}
.footer-powered .wrap-content{padding-top:20px;padding-bottom:20px;}
.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%);}


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