@charset "UTF-8";
*,*::before,*::after{box-sizing:border-box;}

body.vnthemes {
    font-size: 20px;
}

body.ofh{overflow:hidden!important}

.vnt-elm{width:100%;float:left}.row_main{padding-left:68px;padding-right:68px;display:flex;justify-content:center}.vnt_wrap{width:100%;max-width:1440px;padding-left:0;padding-right:0;margin:0 auto}.vnt_elm{width:100%;float:left}.row_main.h_cont{display:flex;flex-flow:wrap;justify-content:center}

.has-iframe .fancybox__content {
    padding: 5px;
}

button.btn {
    cursor: pointer;
}

.anh_tron{border-radius:100%}.accordion .icon{transition:all 365ms ease}.accordion.active .icon{transform:rotate(180deg)}

.link_data{cursor:pointer}

.adjacent.next{margin-left:auto}

table{width:100%;float:left;border-collapse:collapse;overflow:hidden;overflow-x:auto;margin-bottom:15px}table td,table th{border:2px solid #999;padding:.5rem}table td{vertical-align:middle}

.video_bg video{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1.01)}

.page_faq .type{cursor:pointer}.page_faq .type.active{color:var(--secondary)}.page_faq .type::after{content:"\f107";font-family:"FontAwesome Pro","FontAwesome Brands",FontAwesome;transition:all 365ms ease}.page_faq .cont{height:0;visibility:hidden;opacity:0;transition:all 0s ease-out;position:absolute}.page_faq .cont.active{position:inherit;height:auto;visibility:visible;opacity:1;transition:all 365ms ease-in}

/* .rm_breadcrumb .rank-math-breadcrumb{width:100%;max-width:1200px;padding-left:0;padding-right:0} */

.wpcf7 form.vntcf7_response_style .wpcf7-response-output{transition:all .5s ease;position:fixed;top:20%;left:50%;z-index:99;transform:translateX(-50%);max-width:500px;pointer-events:none;background:rgba(0,0,0,.8);display:flex;flex-wrap:wrap;justify-content:center;padding:15px;margin:0;border-radius:15px;color:#fff;font-size:18px;text-align:center}.wpcf7 form.vntcf7_response_style.init .wpcf7-response-output{display:none}.wpcf7 form.vntcf7_response_style.failed .wpcf7-response-output::before,.wpcf7 form.vntcf7_response_style.invalid .wpcf7-response-output::before{width:100%;margin-bottom:10px;content:"\f06a";font-family:"FontAwesome Pro","FontAwesome Brands",FontAwesome;font-size:48px;line-height:48px;color:red}.wpcf7 form.vntcf7_response_style.sent .wpcf7-response-output::before{width:100%;margin-bottom:10px;content:"\f733";font-family:"FontAwesome Pro","FontAwesome Brands",FontAwesome;font-weight:300;font-size:48px;line-height:48px;color:green}

.post_slider img{display:block}.post_slider.owl-carousel .owl-dots{position:absolute;bottom:15px;z-index:60;width:100%;display:flex;justify-content:center;gap:10px}.post_slider.owl-carousel .owl-dot{width:18px;height:18px;border-radius:100%;background:#fff;opacity:1}.post_slider.owl-carousel .owl-dot.active{background:var(--primary)}.post_slider .owl-nav{display:none}

.vnt_readmore{overflow:hidden;transition:height .3s ease}

.more-less-link{margin-top:10px;display: flex;justify-content: center;}.more-less-link span{display:none;color:var(--primary);font-weight:600;font-size:16px;border:1px solid var(--primary);border-radius:30px;padding:5px 20px 8px}.more-less-link span.more{display:inline}.more-less-link.expanded span.more{display:none}.more-less-link.expanded span.less{display:inline}

/* Header */

#header_main {
    padding-top: 15px;
    padding-bottom: 15px;
    background: #FFFFFF;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
body.desktop.admin-bar #header_main {
    top: 32px;
}

.header_isticky .vnt_title {
    transition: all 365ms ease;
    right: 0;
}
.header_isticky .vnt_title:hover {
    right: calc(100% - 48px);
    transition: all 365ms ease;
}

/* Menu */

.menu_hamburger .sub{width:100%;height:2px;transition:all .6s cubic-bezier(.19,1,.22,1);background-color:#FFFFFF;display:block}.menu_hamburger .sub::after,.menu_hamburger .sub::before{position:absolute;top:0;left:0;content:' ';width:100%;height:2px;background-color:#FFFFFF;transition:all 365ms ease}.menu_hamburger .sub::after{top: auto;bottom:0}.menu_hamburger.active .sub::before{transform:rotate(45deg);top:3px}.menu_hamburger.active .sub::after{transform:rotate(-45deg);top:3px}.menu_hamburger.active .sub{background-color:transparent !important}

.header_nav.desktop {
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    gap: 40px;
}
.header_nav.desktop li {
    border: 1px solid var(--primary);
    border-radius: 15px 0px 15px 0px;
    display: block;
    padding: 10px;
}
.header_nav.desktop li a {
    color: var(--text);
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: -0.05em;
}
.header_nav.desktop li:hover a {
    color: var(--primary);
}
.header_nav.desktop li.current-menu-item a, body.archive.tax-tax-sanpham .header_nav.desktop a.taxid-6 {
    font-weight: 700;
    color: var(--primary);
}

.header_menu.device {
    display: flex;
    flex-flow: wrap;
    flex-direction: column;
    position: fixed;
    top: 0;
    width: 100vw;
    height: 100vh;
    background: #FFFFFF;

    left: -110%;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    transition: all 365ms ease;
}
.header_menu.device.show {
    left: 0%;
    visibility: visible;
    opacity: 1;
    z-index: 99;
}
.header_nav.device {
    flex: 1;
    overflow-y: auto;
    align-content: flex-start;
}
.header_nav.device, .header_nav.device li, .header_nav.device a {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    width: 100%;
}
.header_nav.device a {
    flex: 1;
    font-size: 20px;
    padding: 10px;
    color: var(--text);
    text-transform: uppercase;
}
.header_nav.device .current-menu-item a {
    font-weight: bold;
    color: var(--primary);
}
.header_nav.device .toggler {
    padding: 10px;
}



/* Homepage */




/* Archive */



/* Single */


/* Page */
.lichsu_hinhthanh .vnt_title:last-child::after {
    content: "\f0da";
    font-family: "FontAwesome Pro", "FontAwesome Brands", "FontAwesome";
    font-weight: 900;
    color: var(--primary);
    font-size: 19px;
    line-height: 19px;
    position: absolute;
    right: 0;
    bottom: -9.5px;
}


.cf7_contact .cf7_item {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}
.cf7_contact label {
    font-weight: 400;
}
.cf7_contact label span {
    color: red;
}


/* Sidebar */

/* Footer */


/* Product */

.mproduct_cat {
    display: flex;
    padding-left: 4%;
    padding-right: 40px;
}
.nproduct_cat {
    display: flex;
    flex-flow: wrap;
	justify-content: center;
    width: 100%;
    gap: 30px;
    row-gap: 10px;
    font-size: 20px;
    font-weight: normal;
    border-bottom: 1px solid #A8A8A8;
}

.nproduct_cat a {
    display: block;
    color: #9F9F9F;
    text-transform: uppercase;
    white-space: nowrap;
}
.nproduct_cat li {
    position: relative;
}
.nproduct_cat li.current-menu-item::after {
    content: '';
    width: 100%;
    height: 2px;
    background: var(--primary);
    position: absolute;
    bottom: -1px;
    left: 0;
    z-index: 1;
}
.nproduct_cat .current-menu-item a, .nproduct_cat a:hover {
    color: var(--primary);
    font-weight: bold;
}


@media only screen and (min-width:1441px) {
    
}

@media only screen and (max-width:1440px) {
    body.vnthemes {
        font-size: 15px;
    }
    .row_main{padding-left:30px;padding-right:30px}
    .vnt_wrap{max-width:1280px}

    

    .nproduct_cat a {
        font-size: 18px;
    }
}

@media only screen and (max-width:1336px) {
    .row_main{padding-left:15px;padding-right:15px}

    .mproduct_cat {
        padding-left: 0;
    }
    .nproduct_cat a {
        white-space: normal;
        font-size: 16px;
    }
}

@media only screen and (max-width:1025px) {

}

@media only screen and (max-width:896px) {

}

@media only screen and (max-width:767px) {
    
    .m_showhide .type::after{content:"\f107";font-family:"FontAwesome Pro","FontAwesome Brands",FontAwesome;transition:all 365ms ease}.m_showhide .type.active::after{transform:rotate(180deg)}.m_showhide .cont{height:0;visibility:hidden;opacity:0;transition:all 0s ease-out}.m_showhide .cont.active{height:auto;visibility:visible;opacity:1;transition:all 365ms ease-in}

    .row_main {
        padding-left: 6px;
        padding-right: 6px;
    }
    .pswiper_navi {
        font-size: 14px;
    }
    .pswiper_navi .bullet {
        padding: 10px;
    }
    
}

@media only screen and (max-width:767px) {
	
}