@font-face{
    font-family:'UTM-Impact';
    src:url(../fonts/UTM-Impact.ttf) format("truetype")
}
*{
    margin:0;
    padding:0;
    outline:none
}
a:focus{
    outline:none
}
h1,h2,h3,h4,h5,h6{
    font-family:'Roboto',sans-serif;
    font-weight:400;
    margin:10px 0;
    padding:0
}
table{
    width:100%
}
table,th,td{
    font-size:100%;
    padding:10px;
    margin-bottom:10px
}
table{
    border-collapse:collapse;
    border-spacing:0;
    padding-left:10px;
    border-color:#d2d2d2
}
tr{
    margin-bottom:10px
}
td{
    vertical-align:central;
    border-color:#d2d2d2
}
.aml_dk-channel-talk{
    background-image:url(/theme/talk.png)
}
.aml_dk-channel-viber{
    background-image:url(/theme/viber.png)
}
ul li{
    list-style:none!important
}
ul{
    padding:0;
    margin:0
}
body{
    font-family:'Roboto',sans-serif;
    background-color:#fff!important;
    overflow-x:hidden
}
img{
    width:100%;
    height:auto;
    max-width:100%
}
a{
    text-decoration:none;
    font-family:'Roboto',sans-serif;
    color:inherit
}
a:hover{
    text-decoration:none;
    cursor:pointer;
    color:var(--mainweb-color)
}
html{
    scroll-behavior:smooth
}
.block-nav-left-mobile > ul {
    border: 1px solid #eee;
}
.block-nav-left-mobile > ul > li {
    border-bottom: 1px dashed #d9d9d9;
}

.block-nav-left-mobile > ul > li > a {
    position: relative;
    display: block;
    padding: 10px 0px 10px 10px;
}

.block-nav-left-mobile > ul > li >  ul li a {
    padding: 5px 10px;
    display: block;
}

.block-nav-left-mobile > ul > li.has-child ul , .block-nav-left-mobile > ul > li.has-child.active.open ul{
    display: none;
}

.block-nav-left-mobile > ul > li.has-child.open ul {
    display: block;
    background: #f3f3f3;
}

button.post-list__readmore {
    display: none;
}
.breadcrumbs-slide svg {
    display: none;
}
.breadcrumbs-slide ul li {
    display: inline-block;
}

.breadcrumbs-slide .hidden {
    display: inline-block !important;
}
.breadcrumbs-slide ul li:not(:last-child):after {
    content: ">";
    margin: 0 10px;
    color: #333;
}
.block-nav-left-mobile span.icon {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.block-nav-left-mobile span.icon:before {
    content: "\f107";
    padding: 0px 4px;
}

.block-nav-left-mobile span.icon:hover:before , .block-nav-left-mobile .open span.icon:before {
    background: var(--mainweb-color);
    color: #fff;
}

.block-nav-left-mobile span.icon {
    float: right;
    margin-right: 5px;
    font-size: 20px;
}

.block-nav-left-mobile .open span.icon {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}


.slick-slider{
    margin-bottom:0
}
.pt_box_money_product ul{
    max-width:470px!important;
    width:100%
}
.list-bar{
    display:none;
    cursor:pointer;
    position:absolute;
    top:15px;
    left:15px
}
.bar1,.bar2,.bar3{
    width:25px;
    height:2px;
    background-color:#626262;
    margin:6px 0;
    transition:.4s
}
.change .bar1{
    -webkit-transform:rotate(-45deg) translate(-9px,6px);
    transform:rotate(-45deg) translate(-8px,6px)
}
.slick-dots{
    position:absolute;
    bottom:-58px;
    display:block;
    width:100%;
    padding:0;
    list-style:none;
    text-align:center
}
.change .bar2{
    opacity:0
}
.change .bar3{
    -webkit-transform:rotate(45deg) translate(-8px,-8px);
    transform:rotate(45deg) translate(-8px,-7px)
}
.header{
    width:100%
}
.header-top {
    position: relative;
    height: 34px;
    background: #eeeeee;
}
.box-header-top{
    display:flex;
    justify-content:space-between
}
.logo{
    display:inline-block;
    padding:0;
    margin-right:55px
}
.logo img{
    max-width:335px;
    max-height:67px
}
button#gone22{
    background:var(--mainweb-color);
    padding:5px;
    margin:3px;
    height:34px
}
.box_header_right {
    display: inline-block;
    width: 100%;
    margin: 0;
    position: relative;
    top: 21px;
}
.language{
    width:100%
}
.language ul{
    display:flex;
    justify-content:space-evenly
}
.language li{
    display:flex
}
.language li+li{
    margin-left:25px
}
.language li a{
    line-height:23px;
    display:flex;
    align-items:center
}
.language li span {
    color: #000;
}
.language li img{
    width:auto;
    border:2px solid #fff;
    box-shadow:0 0 1px 0 #000;
    margin-left:9px
}
.info_company{
    width:auto;
    display:inline-block;
    margin:10px 0;
    margin-left:20px;
    text-align:center;
    float:left;
    display:none
}
.info_company .bo_cong_thuong{
    color:#575757;
    text-transform:uppercase;
    font-weight:400;
    font-size:18px;
    display:inline-block;
    font-family:'UTM-Impact';
    line-height:normal;
    letter-spacing:4px
}
.menu.menu-desktop .fa-home {
    font-size: 25px;
    position: relative;
    top: 5px;
    margin-right: 0;
}
.info_company .company_name{
    text-transform:uppercase;
    font-weight:500;
    font-size:45px;
    font-family:'UTM-Impact';
    color:var(--mainweb-color);
    letter-spacing:10px
}
.info_company .company_sub_name{
    color:#575757;
    text-transform:uppercase;
    font-weight:700;
    font-size:17px
}
.menu-item:hover>ul{
    display:block;
    width:auto;
    height:auto
}
span.golink {
    margin: 10px 0px;
    display: flex;
    justify-content: center;
}
div#google-ads_1 {
    display: none;
}
#ftwp-header h3:after {
    content: "";
    height: 0px !important;
    position: absolute;
    background: var(--mainweb-color);
    width: 45px;
    left: 0;
    bottom: -2px;
}
.menu-item a{
    color:#222
}
.menu-item>a{
    color:#fff;
    display:block;
    height:40px;
    line-height:40px
}
.menu-item ul li.active a{
    background-color:#0f76bd;
    color:#fff
}
.menu-item ul li a{
    font-weight:400;
    display:block;
    padding:4px 20px;
    font-size:12px
}
.dropdown-menu-list>li>a:focus,.dropdown-menu-list>li>a:hover{
    color:#262626;
    text-decoration:none;
    background-color:#f5f5f5
}
.dropdown-menu-list{
    position:absolute;
    top:100%;
    z-index:1000;
    display:none;
    float:left;
    min-width:160px;
    padding:5px 0;
    font-size:14px;
    text-align:left;
    list-style:none;
    background-color:#fff;
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
    border:1px solid #ccc;
    border:1px solid rgba(0,0,0,.15);
    border-radius:4px;
    -webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);
    box-shadow:0 6px 12px rgba(0,0,0,.175);
    left:0
}
.menu-c2{
    transition:all .5s
}
.title_box_center{
    height:35px;
    line-height:35px;
    background:#fff;
    margin:10px 0;
    border:1px solid #eee
}
.title_box_center a.viewall{
    color:#fff;
    font-size:12px;
    background:var(--mainweb-color);
    border-radius:25px;
    padding:4px 15px;
    margin-right:7px
}
.title_box_center h2{
    margin:0;
    padding:0 10px;
    float:left;
    font-size:15px;
    color:#fff
}
.title_box_center .sub_cat_title{
    float:left;
    padding-right:10px;
    line-height:35px;
    max-width:850px;
    margin-left:0;
    overflow:hidden;
    height:35px
}
.title_box_center .sub_cat_title a{
    text-decoration:none;
    padding:0 5px;
    border-left:solid 1px #000;
    color:#000
}
.title_box_center .sub_cat_title a:first-child{
    border:0
}
.product_home_category{
    margin:0;
    text-align:right;
    z-index:3
}
.title_block{
    display:none
}
.showall a{
    background:#000;
    padding:8px 20px;
    color:#fff
}
li.title-left a:hover{
    color:unset
}
.showall{
    clear:both;
    display:block;
    text-align:center;
    padding:10px
}
.box_info_slide a{
    font-weight:600;
    color:#d00
}
.box_right .content_box ul{
    margin-top:-5px;
    text-align:left
}
.box_right .content_box ul li{
    list-style:none
}
.box_right .content_box li {
    padding: 2px 0px;
    border-bottom: dashed 1px #ddd;
}
.box_right .content_box li:last-child{
    border:0
}

.has-child ul {
    padding: 0px;
}

.has-child ul li a:before {
    content: "\f105";
    font-family: FontAwesome;
    margin-right: 5px;
}

.has-child ul li {
    font-size: 14px;
    line-height: 1.4;
    margin: 10px 0;
    padding-left: 20px;
    position: relative;
    list-style: none;
    padding: 0px;
}
ul.ul .current{
    color:var(--mainweb-color)
}
div#clickopen .fa {
    font-size: 20px;
}
.logo {
    width: 335px;
    position: relative;
    top: 19px;
}
@media screen and (max-width:767px){
.logo {
    width: 335px;
    position: relative;
    top: 0px;
}
    .title_block{
        position:relative;
        display:inline-block;
        margin:0 0 5px;
        font-size:18px;
        margin:0;
        font-weight:700;
        text-transform:uppercase;
        background:var(--mainweb-color);
        padding:10px 10px 10px 15px;
        cursor:pointer;
        width:100%;
        clear:both;
        position:relative;
        top:0;
        margin-left:0;
        color:#fff;
        font-weight:normal;
        font-size:15px;
        text-align:left;
        margin-bottom:10px
    }
    .block .block_content{
        display:none
    }
    .title_block span{
        float:right
    }
.open-menu {
    display: block!important;
    background: #f9f9f9;
    margin-bottom: 15px;
    margin-top: -12px;
}
    div#main_sidebar{
        clear:both;
        margin-top:10px
    }
    .columns_left h1{
        width:100%;
        float:left;
        padding:5px;
        font-size:18px;
        text-transform:uppercase;
        font-weight:400;
        background:#f1f1f1;
        margin-top:0;
        margin-bottom:0;
        opacity:0
    }
}
.title_box_center .h_title{
    background:var(--mainweb-color);
    padding-right:10px;
    float:left;
    padding-left:10px;
    line-height:31px;
    color:#fff;
    font-weight:500;
    height:29px;
    position:relative;
    margin:0;
    text-transform:uppercase;
    margin-top:2px;
    margin-left:2px
}
.title_box_center2 .h_title:after{
    content:"";
    background:url(/theme/cat-right.png?11) no-repeat;
    width:8px;
    height:45px;
    position:absolute;
    right:-8px
}
.title_box_center2 .h_title:before{
    content:"";
    background:url(/theme/cat-left.png?11) no-repeat;
    width:8px;
    height:45px;
    position:absolute;
    left:-8px
}
.section_feed_form:before{
    content:"";
    height:50px;
    width:100%;
    background-image:url(../images/line_top.png);
    background-repeat:repeat-x;
    position:absolute;
    top:-14px;
    left:0;
    z-index:3
}
.title-form-header{
    color:var(--mainweb-color);
    text-transform:uppercase;
    font-weight:600;
    font-size:14px;
    display:inline-block;
    line-height:normal;
    margin-bottom:10px;
    font-family:'Roboto',sans-serif;
    display:none
}
.box_icon_search{
    display:inline-block;
    float:right;
    position:relative
}
.box_icon_search a{
    text-transform:uppercase;
    line-height:43px;
    padding:0 19px;
    display:block;
    box-sizing:border-box;
    font-size:15px;
    color:#fff;
    font-weight:600
}
.search{
    position:absolute;
    margin:0;
    border:none;
    width:calc(100% - 30px);
    top:100%;
    right:15px;
    z-index:1;
    max-width:400px
}
.search .col-md-12{
    min-height:unset
}
.form_search {
    width: 100%;
    z-index: 5;
    overflow: hidden;
    padding: 0;
    position: relative;
    border: 1px solid #eee;
}
.search .form_search{
    display:none
}
.form_search input{
    width:100%;
    float:left;
    border:1px solid #838383;
    border-radius:10px
}
.form_search .form-control{
    box-shadow:none;
    outline:none;
    height:40px;
    border-radius:0;
    border:0
}
.form_search button{
    width:44px;
    float:left;
    position:absolute;
    right:0;
    top:0;
    border-radius:0;
    border:0;
    background-color:transparent
}
.form_search button i{
    font-size:16px;
    color:#fff
}
.form_search .form-control.close-search{
    position:absolute;
    top:0;
    right:0;
    border:none;
    width:35px;
    padding:0;
    height:auto;
    background-color:unset
}
.form_search .form-control.close-search i{
    font-size:16px;
    line-height:30px
}
.box-social-header-top{
    display:flex;
    flex-wrap:wrap;
    align-items:center
}
.box-social-header-top .box-info ul{
    display:flex;
    flex-wrap:wrap
}
.box-social-header-top .box-info ul li {
    margin-right: 30px;
    line-height: 34px;
    color: #fff;
}
.box-social-header-top .box-info ul li a {
    color: #000;
    line-height: 34px;
}
.box-social-header-top .box-info ul li a i{
    margin-right:5px
}
.box-header-top .box-info1 ul{
    display:flex;
    flex-wrap:wrap
}
.box-header-top .box-info1 ul li{
    margin-right:30px
}
.box-header-top .box-info1 ul li a{
    line-height:40px;
    color:#fff
}
.box-header-top .box-info1 ul li a i{
    margin-right:5px
}
.group-social{
    margin-left:40px
}
.group-social ul{
    display:flex
}
.group-social ul li{
    position:relative;
    margin-left:1px;
    height:40px;
    line-height:40px;
    width:40px;
    text-align:center;
    background:rgba(0,0,0,0.1);
    overflow:hidden;
    transition:all .3s linear
}
.group-social ul li:hover{
    opacity:.8
}
.group-social ul>li:hover a{
    transform:translateY(-3px)
}
.group-social ul li a{
    display:block;
    font-size:16px;
    color:#fff;
    transition:all .3s linear
}
.header-main {
    position: relative;
    /* background: var(--mainweb-color); */
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 90px;
    width: 100%;
    clear: both;
}
.header-bottom{
    position:relative;
    background:var(--mainweb-color)
}
.header-bottom.topfix{
    position:fixed;
    width:100%;
    top:0;
    left:0;
    z-index:99
}
.usa-header-mobiles.topfix {
    position: fixed;
    z-index: 99;
    width: 100%;
    box-shadow: 0 0 10px #000;
    top: 0;
    background: #fff;
}
.topfix .search {
    margin-top: 70px;
}
.header-bottom.topfix2{
    position:fixed;
    width:100%;
    top:0;
    left:0;
    z-index:99
}
.box-header-main{
    display:flex;
    align-items:center;
    justify-content:space-between;
    position:relative
}
.logo-head{
    display:flex;
    align-items:center
}
.logo-head .image{
    padding:10px 0
}
.logo-head .image img{
    height:60px;
    width:auto
}
.menu-desktop{
    width:100%;
}
.menu-desktop .nav-main{
    display:flex;
    justify-content:center
}
.nav-main li{
    display:inline-block;
    float:left;
    position:relative;
    flex:auto
}
.menu-desktop .nav-main>li:hover>a>span{
    color:#fff
}
.nav-main li .nav-sub li{
    width:100%;
    border-bottom:1px dashed #d9d9d9
}
.nav-main li .nav-sub li>a:hover{
    color:#888
}
.nav-main li>a{
    font-size:14px;
    display:block;
    line-height:20px;
    text-align:left;
    text-transform:none;
    padding: 8px 15px;
    color:#333;
    white-space:nowrap
}
.title_style{
    /*max-height:470px;
    overflow-x:hidden*/
}
.current a{
    color:var(--mainweb-color)
}
.nav-main>li>a {
    line-height: 38px;
    padding: 0;
    display: block;
    box-sizing: border-box;
    font-size: 15px;
    color: #fff;
    font-weight: 500;
}
.desc strong{
    margin-top:10px;
    display:inline-block
}
.box_info_slide ul li:before,.product-summary ul li:before{
    content:"\f132";
    font-family:FontAwesome;
    margin-right:5px;
    color:var(--mainweb-color);
    font-size:18px;
    position:absolute;
    left:0
}
.box_info_slide ul li,.product-summary ul li{
    font-size:14px;
    line-height:1.4;
    margin:5px 0;
    position:relative;
    list-style:none;
    padding:0 0 0 20px !important
}
.box_info_slide strong{
    margin-bottom:5px;
    font-size:20px;
    font-weight:400
}
.product-summary{
    margin-bottom:15px
}
.menu-desktop .nav-main>li>a{
    text-align:center
}
.menu-desktop .nav-main>li{
    border-right:0 solid #e0e0e0
}
.menu-desktop .nav-main>li:last-child{
    border-right:unset
}
.menu-desktop .nav-main>li>a img{
    width:auto;
    margin:23px 0;
    margin-right:10px;
    float:left
}
.nav-main li .nav-sub li .pt_icon_right{
    position:absolute;
    right:12px;
    top:12px
}
.menu-desktop .nav-main>li>a i.fa-angle-down{
    margin-left:6px
}
.menu-desktop .nav-main li.active a span{
    color:#efc02c;
    font-weight:600
}
.nav-sub{
    position:absolute;
    top:100%;
    left:0;
    min-width:250px;
    z-index:5;
    background-color:#fff
}
.nav-sub-child{
    position:absolute;
    top:0;
    min-width:250px;
    z-index:5;
    background-color:#fff;
    left:90%
}
.box-header-main-right{
    display:flex;
    width:90px;
    flex-wrap:wrap
}
.box-header-main-right>ul{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    width:90px
}
.box-header-main-right>ul>li{
    position:relative;
    margin-left:10px;
    margin-right:10px
}
.box-header-main-right>ul>li.user ul{
    position:absolute;
    z-index:1;
    width:160px;
    right:0;
    top:calc(100% + 20px);
    box-shadow:0 0 5px 0 rgba(0,0,0,0.2);
    padding:20px;
    border-radius:0 0 10px 10px;
    background-color:#fff;
    visibility:hidden;
    transition:top .5s
}
.box-header-main-right>ul>li.user ul>li>a{
    padding:10px 0;
    display:block;
    color:#222;
    font-size:16px
}
.box-header-main-right>ul>li>a>i{
    font-size:16px
}
.box-login{
    min-width:250px;
    border-radius:0;
    padding:20px;
    margin-top:10px;
    z-index:1001;
    right:-10px;
    left:auto
}
.box-login:before{
    content:"";
    background-color:transparent;
    width:100%;
    height:10px;
    bottom:100%;
    right:0;
    position:absolute
}
.box-form-quick-login>ul>li button{
    width:100%;
    background:#ff2d55;
    border-color:#ff2d55
}
.box-form-quick-login>ul>li:last-child:last-child{
    text-align:center
}
.box-form-quick-login>ul>li:last-child:last-child a{
    display:block;
    line-height:1.55
}
.box-form-quick-login>ul>li:last-child a:first-child{
    margin-bottom:4px
}
.box-header-main-right>ul>li.cart>a>img{
    width:25px
}
.box-header-main-right>ul>li.cart>a>span{
    position:absolute;
    top:-4px;
    right:-10px;
    font-size:12px;
    background:#f15929;
    border-radius:50%;
    color:#fff;
    text-align:center;
    height:20px;
    line-height:20px;
    width:20px;
    text-align:center
}
.nav-main li.nav-megamenu{
    position:unset
}
.menu-desktop .nav-main li.nav-megamenu:hover .megamenu-container{
    top:100%;
    visibility:inherit
}
.megamenu-container{
    position:absolute;
    top:calc(100% + 20px);
    left:0;
    z-index:10;
    width:100%;
    margin-top:0;
    background-color:#fff;
    border-radius:0;
    overflow:hidden;
    max-height:500px;
    overflow-y:auto;
    box-shadow:0 0 5px 0 rgba(0,0,0,0.2);
    padding:20px;
    border-radius:0 0 10px 10px;
    transition:top .5s
}
.col-md-1-5{
    min-width:20%
}
.megamenu-item>.image-main{
    margin-bottom:20px
}
.megamenu-item>.image-main:hover img{
    opacity:.8
}
.megamenu-item>.image-main>img{
    width:100%;
    height:auto;
    object-fit:cover;
    transition:all .3s
}
.megamenu-title{
    display:block;
    font-weight:600;
    padding-bottom:10px;
    margin-bottom:10px;
    letter-spacing:.05rem;
    position:relative
}
.list-megamenu-sub li{
    margin-bottom:10px;
    display:block;
    float:unset
}
.list-megamenu-sub li>a{
    text-transform:capitalize;
    transition:all .5s ease;
    -webkit-transition:padding .5s ease;
    padding:0;
    line-height:30px
}
.list-megamenu-sub li>a:hover{
    padding-left:15px;
    color:#0f76bd
}
.product-slider-item{
    padding:0 10px;
    padding-bottom:20px;
    transition:all .5s
}
.product-slider-item:hover{
    box-shadow:0 15px 20px 0 rgba(0,0,0,0.1);
    transform:translateY(-5px)
}
.product-slider-item .box{
    margin-top:5px;
    background:#fff;
    box-shadow:0 5px 20px 0 rgba(0,0,0,0.1);
    transition:all .3s ease
}
.product-slider-item .box .content{
    padding:0 15px;
    line-height:1.3;
    padding-bottom:20px
}
.product-slider-item .box .name{
    font-size:16px;
    font-weight:600;
    margin:0;
    margin-top:10px
}
.product-slider-item .box-price{
    display:flex;
    align-items:center;
    margin-top:5px
}
.product-slider-item .price-new{
    font-size:18px;
    color:#ff2d55;
    font-weight:600
}
.product-slider-item .price-old{
    color:#8d8d8d;
    margin-left:8px;
    font-weight:600
}
.megamenu-item .slick-next,.megamenu-item .slick-prev{
    margin:0;
    opacity:1;
    transform:translateY(-50%);
    height:auto
}
.megamenu-item .slick-next{
    top:-30px;
    left:unset;
    right:0
}
.megamenu-item .slick-prev{
    top:-30px;
    right:25px;
    left:unset;
    z-index:10
}
.megamenu-item .slick-prev i,.megamenu-item .slick-next i{
    font-size:15px;
    color:#1b520f
}
.main-menu-show{
    transform:translateX(0)!important;
    transition:all 200ms linear 0;
    border-right:1px solid #fff
}
.menu_fix_mobile{
    position:fixed;
    z-index:9999;
    height:100%;
    width:85%;
    top:0;
    left:0;
    background:var(--mainweb-color);
    transition:all 200ms linear 0;
    transform:translateX(-100%);
    overflow-y:auto;
    overflow-x:hidden;
    padding:0 10px
}
a.brandnamelink {
    font-size: 1.3rem;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
}
.breadcrumbs-slide li {
    float: unset !important;
    display: inline-block;
}
div#product-list {
    margin: 0px !important;
    padding: 0px !important;
}
nav#pagination li a {
    padding: 8px 10px;
    border: 1px solid var(--mainweb-color);
    color: #000;
    background: #ffffff;
}

nav#pagination li#selected a {
    padding: 8px 10px;
    border: 1px solid var(--mainweb-color);
    color: #fff;
    background: var(--mainweb-color);
}
.block-content-right{
    order:2
}
.block-content-left{
    order:1
}
.menu_fix_mobile .close-menu{
    border-bottom:1px solid var(--mainweb-color);
    background-color:var(--mainweb-color);
    height:30px;
    position:sticky;
    top:0;
    z-index:1
}
.menu_fix_mobile .close-menu .logo_menu{
    display:inline-block;
    padding:15px 10px 15px 25px
}
.menu_fix_mobile .close-menu>a{
    color:#fff;
    width:40px;
    height:50px;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:18px;
    position:absolute;
    right:-10px;
    top:0;
    z-index:1
}
.menu_fix_mobile .close-menu .logo_menu img{
    width:auto;
    max-width:unset;
    height:60px
}
.menu_fix_mobile .megamenu-container{
    padding:0;
    margin-bottom:20px
}
.menu_fix_mobile .nav-main{
    width:100%
}
.menu_fix_mobile .megamenu-title{
    padding-left:15px
}
.menu_fix_mobile .megamenu-item-sub>a{
    border-bottom:none;
    padding:8px 20px
}
.menu_fix_mobile ul{
    display:inline-block;
    margin:0;
    list-style:none
}
.menu_fix_mobile ul li{
    float:left;
    position:relative;
    margin:0;
    transition:.4s;
    width:100%;
    border-right:none!important
}
.menu_fix_mobile .megamenu-item{
    padding:15px 0;
    padding-left:15px
}
.menu_fix_mobile .list-megamenu-sub{
    display:block
}
.menu_fix_mobile .nav-main li.nav-megamenu{
    position:relative
}
.menu_fix_mobile ul li a{
    font-size:15px;
    font-weight:500;
    text-transform:none;
    padding:11px 20px 11px 0;
    color:#fff;
    display:inline-block;
    width:100%;
    border-bottom:1px solid #ccc;
    line-height:normal
}
.menu_fix_mobile .nav-main>li>a{
    font-weight:700;
    text-transform:uppercase
}
.menu_fix_mobile ul li i.fa-chevron-down.mega-mn2{
    bottom:0;
    top:unset
}
.menu_fix_mobile ul li i.fa-chevron-down{
    position:absolute;
    right:0;
    top:0;
    font-size:12px;
    width:40px;
    height:40px;
    display:inline-block;
    text-align:center;
    line-height:40px;
    color:#fff;
    transition:.3s;
    cursor:pointer
}
.menu_fix_mobile li ul.nav-sub{
    display:none;
    position:static;
    top:100%;
    left:0;
    background-color:transparent;
    background-image:unset;
    text-align:left;
    min-width:180px;
    transition:unset;
    float:left;
    width:100%;
    box-shadow:unset;
    border:unset
}
.menu_fix_mobile li ul.nav-sub li{
    width:100%;
    padding:0
}
.menu_fix_mobile li ul.nav-sub li a{
    padding:11px 41px 11px 20px;
    display:block;
    color:#fff;
    font-size:14px;
    line-height:normal
}
.menu_fix_mobile li ul.nav-sub-child{
    display:none;
    position:static;
    top:100%;
    left:0;
    background-color:transparent;
    background-image:unset;
    text-align:left;
    min-width:180px;
    transition:unset;
    float:left;
    width:100%;
    padding-left:15px
}
.wrap-ykkh{
    padding:40px 0 60px;
    background-color:#eee
}
.box_info_slide{
    width:100%;
    float:left;
    background-color:unset;
    height:100%
}
.image-right:first-child img{
    margin-bottom:11px
}
.image-right img{
    height:112px;
    object-fit:cover
}
.box_info_slide .title_slide{
    color:#000;
    font-size:20px;
    text-transform:uppercase;
    font-weight:700;
    margin-bottom:25px;
    position:relative
}
.box_info_slide .title_slide:before{
    content:'';
    position:absolute;
    background-color:var(--mainweb-color);
    height:2px;
    width:96px;
    bottom:-8px
}
.box_info_slide .desc{
    line-height:18px;
    font-weight:300;
    text-align:justify
}
.box_info_slide .button_slide{
    display:inline-block;
    border:1px solid #fff;
    width:140px;
    height:35px;
    color:#fff;
    text-align:center;
    border-radius:10px;
    line-height:35px;
    text-transform:uppercase;
    font-weight:700;
    font-size:14px;
    margin-top:25px;
    background-image:linear-gradient(142deg,var(--mainweb-color),var(--mainweb-color),var(--mainweb-color),#3991ff,var(--mainweb-color),var(--mainweb-color),var(--mainweb-color))
}
.detail-short{
    max-width:756px;
    margin:auto
}
.noidung .row.albums-anh .img{
    border:1px solid #eee;
    margin-bottom:30px;
    height:130px
}
.row.albums-anh{
    margin-top:20px;
    margin-bottom:20px
}
.noi_dung_chitiet h1,.noi_dung_chitiet h2,.noi_dung_chitiet h3{
    border-bottom:0 solid #dadada!important;
    margin-bottom:10px;
    padding-bottom:10px;
    position:relative;
    font-size:16px!important;
    font-weight:700!important
}
.noi_dung_chitiet h1:after,.noi_dung_chitiet h2:after,.noi_dung_chitiet h3:after{
    content:"";
    height:3px;
    position:absolute;
    background:var(--mainweb-color);
    width:45px;
    left:0;
    bottom:-2px
}
p.clickmuahang{
    text-align:CENTER
}
p.clickmuahang a{
    position:relative;
    background:#e54807;
    padding:6px 20px 6px 45px;
    display:inline-block;
    margin:10px 0;
    color:#fff;
    height:36px
}
p.clickmuahang a:after{
    content:"";
    background:url(/theme/shopee.png);
    height:35px;
    width:35px;
    position:absolute;
    top:1px;
    left:5px;
    background-size:36px
}
.noi_dung_chitiet figure img{
    margin:auto;
    display:block
}
.noi_dung_chitiet figcaption{
    text-align:center
}
a.readmore{
    display:inline-block;
    border:1px solid #fff;
    width:140px;
    height:35px;
    color:#fff;
    text-align:center;
    border-radius:10px;
    line-height:35px;
    text-transform:uppercase;
    font-weight:700;
    font-size:14px;
    margin-top:0;
    background-image:linear-gradient(142deg,var(--mainweb-color),var(--mainweb-color),var(--mainweb-color),#3991ff,var(--mainweb-color),var(--mainweb-color),var(--mainweb-color))
}
.readmore-section{
    text-align:center;
    position:relative;
    top:18px
}
.title-center{
    text-align:center
}
.categoryname h2{
    font-size:14px;
    color:#979797;
    text-align:center;
    margin:0
}
.categoryname{
    padding-top:15px;
    display:none
}
.box_slide_home{
    height:100%;
    padding:0
}
.box_slide_home .box_skew_xuoi{
    height:100%;
    overflow:hidden;
    position:relative
}
.box_slide_home:before{
    position:absolute;
    height:100%;
    background-image:linear-gradient(var(--mainweb-color),#c2e5f0,var(--mainweb-color));
    width:678px;
    transform:skew(-15.5deg)
}
.box_slide_home .box_skew_nguoc{
    height:100%;
    right:0;
    position:relative
}
.box_slide_home .image{
    height:100%
}
.box_slide_home .image img{
    height:235px;
    width:auto;
    width:100%;
    object-fit:cover
}
.box_skew_nguoc .slick-slider{
    height:100%
}
.box_skew_nguoc .slick-list{
    height:100%
}
.box_skew_nguoc .slick-track{
    height:100%
}
.dv-01-comment-card{
    margin:0 10px;
    width:33.333%;
    height:100%;
    padding-bottom:20px
}
.dv-01-comment-card .box{
    text-align:justify;
    padding:30px 20px 40px;
    border-radius:20px 15px;
    position:relative;
    background-color:#fff;
    border:1px solid #e6e6e6;
    color:#3e4340
}
.dv-01-comment-card .box:before{
    content:"\f10e";
    font:normal normal normal 14px/1 FontAwesome;
    position:absolute;
    right:30px;
    bottom:30px;
    font-size:110px;
    color:#eee;
    z-index:0
}
.dv-01-comment-card .box .author{
    text-align:left
}
.dv-01-comment-card .box .author>h3{
    color:#333;
    font-size:20px;
    font-weight:600;
    text-transform:uppercase;
    position:relative;
    padding-bottom:10px
}
.dv-01-comment-card .box .author>h3:before{
    content:"";
    width:40px;
    height:3px;
    background-color:var(--mainweb-color);
    position:absolute;
    bottom:0;
    left:0
}
.dv-01-comment-card .box .author>div{
    color:#000
}
.dv-01-comment-card .box .box-desc{
    font-size:15px;
    position:relative
}
.dv-01-comment-card .box .box-desc .desc{
    text-align-last:left;
    color:#000;
    line-height:1.7
}
.dv-01-comment-card .icon{
    position:absolute;
    display:inline-block;
    width:80px;
    height:80px;
    bottom:0;
    right:0;
    transform:translate(10px,10px);
    font-size:25px;
    text-align:center;
    z-index:1
}
.dv-01-comment-card .icon img{
    border-radius:100%;
    max-width:100%;
    width:100%
}
.list-comment{
    margin-top:0
}
.dv-01-dot-cate-2 .slick-dots{
    margin:15px 0 0;
    bottom:-25px
}
.dv-01-dot-cate-2 .slick-dots li{
    width:13px;
    height:13px;
    background-color:#f15929;
    border-radius:50%
}
.dv-01-dot-cate-2 .slick-dots li.slick-active{
    background-color:var(--mainweb-color)
}
.dv-01-dot-cate-2 .slick-dots li button{
    display:none
}
@media (min-width: 1200px){
    .container{
        max-width:1200px;
        width:100%
    }
}
@media (max-width:1199px){
    .nav-main>li>a{
        padding:0 8px;
        font-size:13px
    }
    .header-top .logo .logo-wrapper{
        top:40px
    }
    .box_icon_search a{
        padding:0 10px
    }
    .megamenu-container{
        position:unset;
        display:none;
        box-shadow:none
    }
    .logo-head .image img{
        height:50px
    }
    .header-top .hotline{
        width:20%
    }
    .header-top .slogan{
        width:60%;
        left:20%
    }
    .header-top .logo{
        width:20%;
        right:60%
    }
    .info_company{
        margin-left:15px;
        margin-right:15px
    }
    .info_company .bo_cong_thuong{
        font-size:16px
    }
    .info_company .company_name{
        font-size:23px
    }
    .info_company .company_sub_name{
        font-size:14px
    }
    .box_header_right{
        width:200px
    }
    .nav-main>li:not(:last-child){
        margin-right:0
    }
}
li.nav-item.menu-sub-all .nav-sub {
    position: absolute;
    width: 100%;
    right: 0px;
}
@media (min-width: 992px){
    .nav-main>li:hover .nav-sub{
        display:block;
        left:0;
        visibility:inherit;
        top:100%
    }
    .nav-sub>li:hover>a{
        color:#0f76bd
    }
    .nav-sub>li:hover > .nav-sub-child{
        visibility:inherit;
        right:100%;
        background:#f9f9f9
    }
    .nav-sub>li .nav-sub-item-child:hover .nav-sub-child{
        visibility:inherit;
        left:100%
    }
    .nav-sub>li .nav-sub-child{
        visibility:hidden;
        transition:left .5s
    }
    .nav-main>li>.nav-sub{
        visibility:hidden;
        top:calc(100% + 20px);
        transition:top .5s
    }
    .megamenu-container{
        visibility:hidden;
        display:block
    }
}
@media (max-width: 991px){
    .list-bar{
        display:inline-block
    }
    .header-top .slogan .name_slogan{
        margin-top:0
    }
    .header-main{
        display:none
    }
    .menu-desktop{
        display:none
    }
    .header-top{
        min-height:unset;
        border-bottom:1px solid #d9d9d9
    }
    .language li span{
        color:#fff;
        font-size:12px;
        display:none
    }
    .header-top .slogan{
        width:100%;
        left:0
    }
.usa-header-mobiles {
    position: relative;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 20%);
}
    .usa-header-mobile{
        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;
        height:65px;
        position:relative
    }
    .usa-header-mobile .usa-flexitem{
        -webkit-box-flex:1;
        -ms-flex:1 0 0;
        flex:1 0 0;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        justify-content:flex-start
    }
    .usa-header-mobile .usa-flexitem-fill{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
    div#trigger-mobile:before{
        content:"";
        background:#d9d9d9;
        position:absolute;
        height:65px;
        width:1px;
        right:38px;
        top:-27px
    }
div#trigger-mobile:after {
    content: "MENU";
    position: absolute;
    top: -14px;
    left: 0;
    font-size: 9px;
    color: #000;
    font-weight: 700;
}
    .usa-flexitem.usa-flexitem-fill.icon-search-header:before{
        content:"";
        background:#d9d9d9;
        position:absolute;
        height:65px;
        width:1px;
        right:37px
    }
    .icon-search-header{
        position:absolute;
        right:75px;
        color:#fff
    }
    .icon-search-header i{
        font-size:18px
    }
.usa-header-mobile #trigger-mobile {
    width: 25px;
    float: left;
    margin: 0;
    padding: 0;
    display: block;
    text-align: left;
    max-width: 25px;
    cursor: pointer;
    position: relative;
    margin-top: 6px;
    right: 10px;
}
.usa-header-mobile #trigger-mobile .icon-bar {
    background-color: #000;
    display: block;
    width: 25px;
    height: 3px;
    border-radius: 1px;
}
    .usa-header-mobile #trigger-mobile .icon-bar:nth-child(2){
        width:25px
    }
    .usa-header-mobile .logo a{
        text-align:left
    }
    .usa-header-mobile .usa-flexitem-fill .logo-wrapper img{
        height:50px;
        width:auto;
        position:relative;
        top:-1px
    }
    .usa-header-mobile .usa-flexitem-fill:last-child{
        -webkit-box-pack:end;
        -ms-flex-pack:end;
        justify-content:flex-end;
        text-align:right;
        max-width:80px
    }
    .usa-header-mobile .usa-flexitem-fill:last-child a{
        display:inline-block;
        color:#fff;
        padding:0 10px;
        position:relative;
        font-size:16px;
        height:26px
    }
    .usa-header-mobile .usa-flexitem-fill:last-child a i{
        vertical-align:bottom
    }
    .usa-header-mobile .usa-flexitem-fill:last-child a .count_item_pr{
        height:17px;
        line-height:17px;
        background:#efc02c;
        color:#fff;
        font-size:10px;
        font-weight:500;
        text-align:center;
        min-width:17px;
        border-radius:50%;
        display:inline-flex;
        justify-content:center;
        align-items:center;
        position:absolute;
        top:-10px;
        right:-6px
    }
}
ol.breadcrumb {
    background: #eee;
    padding: 5px 20px;
    margin: 10px 0px;
}
@media (max-width:550px){
ol.breadcrumb {
    background: #eee;
    padding: 5px 0px;
    margin: 10px 0px;
    text-align: center;
}
    .button-buy a.button{
        width:100%
    }
    .button-buy .icon img{
        width:auto!important
    }
    .block-content-right{
        order:1
    }
    .block-content-left{
        order:2
    }
    .nav-main li .nav-sub li{
        width:100%;
        border-bottom:0 dashed #d9d9d9
    }
    .language li+li{
        margin-left:5px
    }
    .logo-head .image{
        max-width:150px
    }
    .box-header-main-right>ul>li{
        margin:0 5px
    }
    .header-top .slogan .name_slogan{
        font-size:13px
    }
    .box-social-header-top .box-info ul li{
        margin-right:13px
    }
}
.main{
    width:100%
}
.slide{
    background-color:#f2f2f2;
    padding:15px 0
}
.slide .item{
    position:relative
}
.slide .item .image img{
    height:auto;
    object-fit:cover
}
.slide .item .wrap-text{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:1;
    color:#fff;
    display:flex;
    align-items:flex-end
}
.slide .item .container{
    max-width:1170px
}
.slide .item .wrap-text .box-text{
    text-align:left;
    background:hsla(0,0%,100%,.85);
    margin-bottom:50px;
    max-width:590px;
    padding:30px
}
.slide .item .wrap-text .box-text h2{
    font-size:26px;
    text-transform:capitalize;
    font-weight:500;
    line-height:30px;
    margin-bottom:10px;
    color:#f15929;
    margin-top:0
}
.slide .item.slick-active .wrap-text .box-text h2{
    -webkit-animation:1600ms ease-in-out 0 normal none 1 running ZoomIn;
    animation:1600ms ease-in-out 0 normal none 1 running ZoomIn
}
.slide .item .wrap-text .box-text h2 span{
    font-weight:700;
    background:-webkit-linear-gradient(0deg,#f15929,#25aae1);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
}
.slide .item .wrap-text .box-text .desc{
    font-size:16px;
    color:#222;
    line-height:24px;
    margin:0 auto
}
.slide .item.slick-active .box-text .desc{
    -webkit-animation:1600ms ease-in-out 0 normal none 1 running fadeInUp;
    animation:1600ms ease-in-out 0 normal none 1 running fadeInUp
}
.slide .item.slick-active .wrap-text .box-viewmore{
    -webkit-animation:1600ms ease-in-out 0 normal none 1 running fadeInDown;
    animation:1600ms ease-in-out 0 normal none 1 running fadeInDown
}
.slide .item .wrap-text .box-viewmore a{
    height:42px;
    line-height:42px;
    display:inline-block;
    margin-top:20px;
    color:#fff;
    font-size:17px;
    border-radius:42px;
    font-weight:300;
    padding:0 23px;
    background-color:#00f;
    animation:glowing-btn-yellow 2s infinite
}
@keyframes glowing-btn-yellow{
    0%{
        box-shadow:0 0 0 0 #00f
    }
    100%{
        box-shadow:0 0 0 8px rgba(241,89,41,0)
    }
}
.slide .slick-prev,.slide .slick-next{
    margin:0;
    width:24px;
    height:24px;
    transform:translateY(-50%);
    z-index:66;
    text-align:center;
    opacity:.75;
    border-radius:100%
}
.slide .slick-prev{
    left:50px
}
.slide .slick-next{
    right:50px
}
.slide .slick-prev i,.slide .slick-next i{
    color:var(--mainweb-color);
    line-height:24px;
    font-size:24px
}
.slide .slick-dots{
    bottom:20px
}
.slide .slick-dots li{
    border-radius:100%;
    width:10px;
    height:10px;
    background:#fff;
    border:1px solid rgba(255,255,255,0.9);
    border-radius:50%;
    cursor:pointer;
    box-sizing:content-box;
    box-shadow:0 0 2px 1px rgba(130,130,130,0.3)
}
.slide .slick-dots li.slick-active{
    background:var(--mainweb-color);
    border:1px solid var(--mainweb-color)
}
.slide .slick-dots li button{
    width:12px;
    height:12px;
    opacity:0
}
.slide .slick-dots li button:before{
    width:12px;
    height:12px
}
@keyframes ZoomIn{
    0%{
        opacity:0;
        transform:scale3d(0.3,0.3,0.3)
    }
    100%{
        opacity:1
    }
}
.group-title{
    width:100%;
    height:45px;
    overflow:hidden
}
.group-title .image{
    width:100%;
    text-align:center;
    margin-bottom:10px
}
.group-title .image img{
    width:auto
}
.title-center{
    text-align:center
}
button.submitreg{
    height:45px;
    padding-left:15px;
    padding-right:15px;
    background:var(--mainweb-color);
    color:#fff;
    text-transform:uppercase;
    border-color:var(--mainweb-color);
    border:0;
    position:absolute;
    right:0;
    z-index:9
}
input#contact_email{
    position:relative;
    z-index:2;
    float:left;
    width:100%;
    margin-bottom:0;
    height:45px;
    border:1px solid #ddd;
    padding:10px
}
span.page-numbers.current{
    background:var(--mainweb-color);
    color:#fff
}
.title h3.name{
    font-size:15px;
    font-weight:700;
    margin:0;
    line-height:18px;
    display:inline-block;
    vertical-align:middle
}
.group-title .title{
    text-transform:uppercase;
    font-weight:700;
    margin-top:0;
    font-size:15px;
    line-height:35px;
    padding:5px 15px;
    padding-right:50px;
    position:relative;
    overflow:hidden;
    color:#333;
    min-width:240px;
    text-align:left;
    display:inline-block;
    line-height:35px;
    height:100%
}
.mr-title{
    margin-bottom:15px
}
.group-title.bg-title-1{
    background-image:linear-gradient(190deg,#eee,#eee)
}
.group-title.bg-title-1 .title{
    background-image:linear-gradient(180deg,var(--mainweb-color),var(--mainweb-color))
}
.group-title.bg-title-1 .title:before{
    content:"";
    background-image:linear-gradient(190deg,#eee,#eee);
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:calc(100% - 20px);
    transform:skew(45deg)
}
.group-title.bg-title-2 .title{
    width:100%;
    background-image:linear-gradient(375deg,#f2f2f1,#e3e3e3 30%,#fff 100%);
    height:100%
}
.group-title.bg-title-2 .title:before{
    content:"";
    background-image:linear-gradient(190deg,var(--mainweb-color),var(--mainweb-color));
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:calc(100% - 22px);
    transform:skew(45deg);
    z-index:2
}
.group-title.bg-title-2 .title:after{
    content:"";
    background-color:#e3e3e3;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:calc(100% - 35px);
    transform:skew(57deg)
}
.group-title .desc{
    color:#222;
    line-height:24px;
    max-width:680px;
    font-size:15px;
    text-align:center;
    margin:auto
}
.group-while .title,.group-while .title h3 span{
    color:#fff;
    background:transparent;
    -webkit-text-fill-color:unset
}
.group-while .title .sup-title{
    color:#fff
}
.sup-title-2{
    max-width:600px;
    margin:-40px auto 10px;
    font-size:16px;
    line-height:22px
}
.group-title-2{
    text-align:center;
    margin-bottom:20px
}
.group-title-2 .title{
    text-transform:uppercase;
    font-weight:700;
    margin-top:0;
    margin-bottom:12px;
    font-size:20px;
    color:var(--mainweb-color)
}
.group-title-2 .title-underline{
    position:relative;
    margin-bottom:30px
}
.group-title-2 .title-underline:before{
    content:"";
    width:100px;
    height:2px;
    background:var(--mainweb-color);
    position:absolute;
    transform:translateX(-50%);
    left:50%;
    bottom:-10px
}
.group-title-2 .desc{
    color:#222;
    line-height:24px;
    max-width:750px;
    font-size:15px;
    text-align:center;
    margin:auto
}
.box_lienket{
    width:100%;
    margin-bottom:25px
}
.news-donvithanhvien{
    padding:15px 0 0;
    border:1px solid #ebebeb;
    border-top:0
}
.box_lienket .cate-title{
    padding:0;
    margin-bottom:15px
}
.form-control-lienket{
    height:30px;
    width:100%;
    padding:4px 12px
}
.ml-30{
    margin-left:30px
}
.category-slide-1 .slick-prev.slick-arrow{
    left:-20px;
    opacity:1;
    z-index:10;
    text-align:center
}
.category-slide-1 .slick-prev,.category-slide-1 .slick-next{
    width:25px;
    height:40px;
    border-radius:50%;
    text-align:center;
    transform:translateY(-50%);
    margin:0
}
.category-slide-1 .slick-prev i,.category-slide-1 .slick-next i{
    width:100%;
    height:100%;
    background:#fff
}
.category-slide-1 .slick-prev:before,.category-slide-1 .slick-next:before{
    display:inline-block;
    font:normal normal normal 14px/1 FontAwesome;
    font-size:35px;
    color:var(--mainweb-color);
    opacity:1;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.category-slide-1 .slick-prev:before{
    content:"\f104"
}
.category-slide-1 .slick-next:before{
    content:"\f105"
}
.category-slide-1 .slick-prev i,.category-slide-1 .slick-next i{
    font-size:20px;
    color:var(--mainweb-color);
    position:relative;
    z-index:1;
    line-height:32px;
    text-align:center;
    display:none
}
.category-slide-1 .slick-next{
    opacity:1;
    right:-20px
}
.footer{
    position:relative;
    background-color:#f15929
}
.footer:before{
    height:50px;
    width:100%;
    background-image:url(../images/line_top.png);
    background-repeat:repeat-x;
    position:absolute;
    top:-14px;
    left:0;
    z-index:9
}
.footer-top .row{
    display:flex
}
.footer-top{
    padding:20px 0 0;
    background:#eee
}
.logo-footer{
    margin-top:0
}
.box_truycap{
    margin-left:50px
}
.box_truycap ul{
    margin:0;
    margin-top:-7px
}
.logo-footer img {
    max-width: 200px;
    height: 80px;
    object-fit: contain;
    padding: 0px;
}
.title-footer{
    font-size:15px;
    text-transform:uppercase;
    font-weight:600;
    padding-bottom:10px;
    line-height:25px
}
.pt_social{
    display:flex;
    margin-top:10px;
    margin-bottom:20px
}
.pt_social li:not(:last-child){
    margin-right:15px
}
.pt_social li a{
    display:inline-block;
    height:28px;
    width:28px;
    line-height:28px;
    color:var(--mainweb-color);
    text-align:center;
    float:left;
    background-color:transparent;
    border-radius:50%
}
.pt_social li a:hover{
    color:#e9242d
}
.pt_social li a i{
    font-size:25px;
    color:inherit;
    line-height:28px
}
.form-register{
    margin-bottom:20px
}
.form-register .box-form{
    justify-content:flex-start
}
.form-register .box-form .input-group .form-control{
    height:45px
}
.form-register .box-form .input-group-btn>.btn{
    height:45px
}
.box-form{
    display:flex;
    width:100%;
    justify-content:flex-end;
    flex-wrap:wrap
}
.box-form form{
    max-width:400px;
    width:100%
}
.box-form .input-group .form-control{
    height:50px;
    padding-left:20px
}
.box-form .input-group-btn>.btn{
    height:50px;
    padding-left:15px;
    padding-right:15px;
    background:var(--mainweb-color);
    color:#fff;
    text-transform:uppercase;
    border-color:var(--mainweb-color)
}
.ct_logo{
    width:145px
}
.ct_form{
    width:calc(100% - 730px)
}
.ct_truycap{
    width:260px
}
.ct_ketnoi{
    width:271px
}
.box_truycap li{
    width:100%;
    line-height:28px;
    display:flex;
    font-size:15px
}
.box_truycap li .name{
    padding-left:20px;
    position:relative
}
.box_truycap li .name i{
    position:absolute;
    left:0;
    top:5px;
    width:16px;
    text-align:center;
    color:var(--mainweb-color)
}
.box_truycap li span{
    font-weight:600;
    font-size:15px
}
.wrap-social-footer{
    text-align:right
}
.box-social-footer{
    display:inline-block;
    margin-left:auto
}
.footer-main{
    padding:20px 0;
    background-color:var(--mainweb-color);
    color:#fff
}
.br-footer{
    border-right:1px dashed #fff
}
.footer-main .container{
    position:relative;
    z-index:1
}
.contact-footer{
    float:left
}
.contact-footer .logo-footer{
    margin-bottom:25px
}
.contact-footer .logo-footer img{
    height:108px;
    width:auto
}
.contact-footer .desc{
    line-height:25px;
    color:#fff
}
.contact-footer .hotline{
    margin:45px 0 0;
    font-size:18px;
    font-weight:600;
    color:#fff;
    display:inline-block;
    padding:12px 20px 0;
    position:relative
}
.contact-footer .hotline:after{
    content:"";
    display:inline-block;
    position:absolute;
    top:0;
    left:-10px;
    width:66px;
    height:1px;
    background-image:linear-gradient(0deg,#f15929,#33da62)
}
.contact-footer .hotline:before{
    content:"";
    display:inline-block;
    position:absolute;
    top:-10px;
    left:0;
    width:1px;
    height:66px;
    background:#0f76bd
}
.contact-footer .hotline .inner:before{
    content:"";
    display:inline-block;
    position:absolute;
    top:0;
    right:0;
    width:1px;
    height:66px;
    background:#23a8e0
}
.contact-footer .hotline .inner:after{
    content:"";
    display:inline-block;
    position:absolute;
    bottom:-10px;
    right:-10px;
    width:66px;
    height:1px;
    background-image:linear-gradient(0deg,#f15929,#33da62)
}
.contact-footer .pt_desc_name h2{
    font-size:17px;
    font-weight:500;
    margin-top:0;
    color:#fff
}
.social-footer{
    display:flex;
    margin-top:20px;
    margin-bottom:12px
}
.social-footer li{
    margin-right:8px
}
.social-footer li a:hover i{
    transform:rotate(10deg)
}
.social-footer li a i{
    width:35px;
    height:35px;
    line-height:35px;
    text-align:center;
    font-size:17px;
    color:#12a23c;
    border-radius:50%;
    background:#fff;
    border:0;
    transition:all .3s ease
}
ul.pt_social li:nth-child(1){
    background:#0537bc
}
ul.pt_social li:nth-child(2){
    background:#ff971a
}
ul.pt_social li:nth-child(3){
    background:#71d3ff
}
ul.pt_social li:nth-child(4){
    background:#ef4b4c
}
ul.pt_social li:nth-child(5){
    background:#fa0b02
}
.pt_social li a i{
    font-size:15px;
    color:#fff;
    line-height:28px
}
.pt_box_desc_form{
    font-size:14px;
    line-height:20px;
    margin-bottom:10px;
    color:#fff
}
.link-footer{
    width:100%;
    overflow:hidden
}
.width-50{
    max-width:250px;
    float:right
}
.title-footer-2{
    font-size:17px;
    text-transform:uppercase;
    font-weight:600;
    position:relative;
    padding-bottom:5px;
    color:#fff;
    margin-bottom:20px
}
.title-footer-3{
    font-weight:600;
    font-size:20px
}
.map-footer iframe{
    width:100%;
    height:200px
}
.pt_list_addres{
    line-height:32px;
    color:inherit;
    font-size:15px;
    font-weight:300
}
.pt_list_addres li i{
    margin-right:5px
}
.link-footer .list-link li{
    color:#fff;
    margin-bottom:2px;
    display:flex;
    align-items:center;
    font-size:15px;
    padding-left:15px;
    position:relative;
    font-weight:300
}
.link-footer .list-link li:last-child{
    margin-bottom:0
}
.link-footer .list-link li:before{
    content:"";
    width:6px;
    height:6px;
    background-color:#fff;
    border-radius:100%;
    left:0;
    position:absolute
}
.link-footer .list-link li span{
    margin-right:6px
}
.link-footer .list-link li a{
    text-transform:capitalize;
    color:#fff;
    padding:0;
    display:block;
    transition:.1s all ease 0;
    line-height:20px;
    font-size:14px
}
.link-footer .list-link li a:hover{
    color:#fff;
    text-decoration:underline
}
.footer-bottom{
    padding:10px 0;
    position:relative;
    z-index:1;
    background-color:#eee
}
.box-footer-bottom{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap
}
.copyright{
    color:#000;
    text-align:center
}
.blog-payment img{
    width:auto
}
.breadcrumbs-slide{
    height:60px;
    background-color:#eee;
    background-image:unset!important;
    background-position:center 26%;
    background-size:cover;
    background-repeat:no-repeat;
    background-attachment:scroll;
    color:#333;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    text-align:center;
    position:relative;
    margin-bottom:10px
}
.breadcrumbs-slide:before{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0
}
.breadcrumbs-slide .title-breadcrumbs-slide{
    font-weight:500;
    text-transform:uppercase;
    margin-bottom:0;
    text-align:center;
    color:#333;
    line-height:20px;
    font-size:20px
}
.button-buy a.button{
    display:inline-block;
    float:left;
    margin:0;
    background:#e54807;
    text-align:center;
    color:#fff;
    height:55px;
    padding:0 20px
}
.button-buy .icon,.button-buy .beside-icon{
    display:inline-block
}
.button-buy .icon{
    margin-right:10px
}
.beside-icon span.dathangngay{
    line-height:0;
    position:relative;
    top:0;
    font-weight:700
}
.beside-icon{
    position:relative;
    top:11px
}
.button-buy .icon img{
    height:50px;
    position:relative;
    top:0
}
span.chuthich{
    display:block;
    font-weight:400;
    font-size:12px;
    margin:0 0 5px
}
.beside-icon .chuthich{
    position:relative;
    top:0
}
.breadcrumbs-slide .breadcrumbs{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap
}
.breadcrumbs-slide .breadcrumbs li a{
    font-weight:400;
    font-size:14px;
    color:#333;
    line-height:16px;
    position:relative;
    z-index:3
}
.breadcrumbs-slide .breadcrumbs li a:hover{
    color:inherit
}
.breadcrumbs-slide .breadcrumbs li:not(:last-child):after{
    content:">";
    margin:0 10px;
    color:#333
}
.template-detail{
    padding:30px 0 15px
}
.float-right{
    float:right
}
.sidebar{
    margin-bottom:30px
}
.title-sidebar{
    width:100%;
    position:relative;
    padding:10px 18px;
    margin:0;
    background:#eee;
    color:#000;
    font-size:20px
}
.title-sidebar i{
    vertical-align:bottom;
    margin-right:5px;
    transition:all .5s;
    transform-origin:center;
    line-height:1
}
.title-sidebar.active i{
    transform:rotateX(180deg) translateY(10px)
}
.box-sidebar{
    padding:15px;
    background:#f7f7f7
}
.list-news-sidebar>li{
    padding:12px 0;
    border-bottom:1px dashed #f2f2f2;
    display:flex
}
.list-news-sidebar>li .image{
    width:65px
}
.list-news-sidebar>li .content{
    width:calc(100% - 65px);
    padding-left:10px
}
.list-news-sidebar>li .content>h3{
    margin:0;
    font-size:14px;
    line-height:normal
}
.icon-toggle{
    font-size:14px;
    color:#ccc;
    position:absolute;
    top:10px;
    right:0;
    width:30px;
    text-align:center;
    height:30px;
    line-height:30px
}
.icon-toggle:before{
    content:"\f067";
    font-weight:900;
    font:normal normal normal 14px/1 FontAwesome
}
.icon-toggle.active:before{
    content:"\f068"
}
.list-category-c2{
    display:none;
    padding:15px 0 15px 10px
}
.list-category-sidebar li{
    padding:12px 0;
    border-bottom:1px dashed #f2f2f2;
    line-height:1.6;
    font-size:15px;
    position:relative
}
.list-category-sidebar li a{
    -webkit-transition:all .4s ease-in-out;
    -moz-transition:all .4s ease-in-out;
    -ms-transition:all .4s ease-in-out;
    -o-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
.list-fill-sidebar>li{
    padding:12px 0 12px 20px;
    border-bottom:1px dashed #f2f2f2;
    line-height:1.7;
    font-size:16px;
    position:relative
}
.list-product-sidebar .slick-prev,.list-product-sidebar .slick-next{
    margin:0;
    width:20px;
    height:25px;
    transform:translateY(-50%);
    z-index:66;
    text-align:center;
    opacity:1;
    background-color:unset;
    border-radius:6px
}
.list-product-sidebar .slick-prev:hover,.list-product-sidebar .slick-next:hover{
    opacity:1
}
.list-product-sidebar .slick-prev:before,.list-product-sidebar .slick-next:before{
    content:'';
    display:block;
    z-index:9;
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    background-position:center;
    opacity:1;
    -webkit-transition:all .2s ease-out;
    -o-transition:all .2s ease-out;
    -moz-transition:all .2s ease-out;
    transition:all .2s ease-out;
    background-size:10px
}
.list-product-sidebar .slick-prev:before{
    background-image:url(../images/ic_previous_black.png)
}
.list-product-sidebar .slick-next:before{
    background-image:url(../images/ic_next_black.png)
}
.list-product-sidebar .slick-prev:hover:before{
    opacity:.6
}
.list-product-sidebar .slick-next:hover:before{
    opacity:.6
}
.list-product-sidebar .slick-prev i,.list-product-sidebar .slick-next i{
    color:#737373;
    line-height:24px;
    font-size:34px;
    display:none
}
.list-product-sidebar .slick-prev{
    right:15px;
    left:unset;
    top:-38px
}
.list-product-sidebar .slick-next{
    right:-8px;
    top:-38px
}
.list-product-sidebar .item-product-sidebar .image{
    text-align:center;
    width:100%
}
.list-product-sidebar .item-product-sidebar .image img{
    max-width:220px;
    margin:0 auto
}
.list-product-sidebar .item-product-sidebar .content{
    width:100%;
    position:relative;
    padding:20px 15px;
    z-index:1;
    border-radius:0 0 0 0;
    background:rgba(0,0,0,0)
}
.list-product-sidebar .item-product-sidebar .name a{
    text-transform:capitalize;
    color:#000;
    display:inline-block;
    width:100%;
    margin-bottom:10px;
    text-align:center;
    font-size:16px
}
.list-product-sidebar .item-product-sidebar .name a:hover{
    color:#f15929
}
.list-product-sidebar .item-product-sidebar .box-price{
    text-align:center
}
.list-product-sidebar .item-product-sidebar .box-price .price{
    font-size:16px;
    line-height:normal;
    font-weight:400;
    color:#c1001c
}
.list-banner-product .slick-dots{
    bottom:10px
}
.list-banner-product .slick-dots li{
    width:12px;
    height:12px
}
.list-banner-product .slick-dots li button{
    width:12px;
    height:12px
}
.list-banner-product .slick-dots li button:before{
    background-color:#fff;
    width:12px;
    height:12px;
    line-height:12px;
    opacity:1;
    border-radius:100%
}
.list-banner-product .slick-dots li.slick-active button:before{
    background-color:#c1001c;
    border-radius:100%
}
.product-detail{
    padding-bottom:50px
}
.product-detail .image-main img{
    height:auto;
    object-fit:cover;
    padding:10px 30px
}
.product-detail .sale{
    height:40px;
    width:40px;
    border-radius:100%;
    line-height:40px;
    color:#fff;
    background-color:#f15959;
    text-transform:uppercase;
    font-weight:400;
    position:absolute;
    top:20px;
    right:20px;
    z-index:3;
    text-align:center;
    font-size:12px;
    opacity:1;
    transition:all .3s ease-in-out 0
}
.image-main{
    border:1px solid #eee;
    padding:10px;
    position:relative;
    background:#fff
}
.image-main .percent{
    background-color:red;
    color:#fff;
    -webkit-transition-delay:0s,0s,0;
    -moz-transition-delay:0s,0s,0;
    -ms-transition-delay:0s,0s,0;
    -o-transition-delay:0s,0s,0;
    transition-delay:0s,0s,0;
    -webkit-transition-duration:0.3s,0.25s,.25s;
    -moz-transition-duration:0.3s,0.25s,.25s;
    -ms-transition-duration:0.3s,0.25s,.25s;
    -o-transition-duration:0.3s,0.25s,.25s;
    transition-duration:0.3s,0.25s,.25s;
    -webkit-transition-property:opacity,padding,width;
    -moz-transition-property:opacity,padding,width;
    -ms-transition-property:opacity,padding,width;
    -o-transition-property:opacity,padding,width;
    transition-property:opacity,padding,width;
    -webkit-transition-timing-function:cubic-bezier(0.86,0,0.07,1);
    -moz-transition-timing-function:cubic-bezier(0.86,0,0.07,1);
    -ms-transition-timing-function:cubic-bezier(0.86,0,0.07,1);
    -o-transition-timing-function:cubic-bezier(0.86,0,0.07,1);
    transition-timing-function:cubic-bezier(0.86,0,0.07,1);
    background:#444;
    color:#fff;
    font-size:13px;
    padding:5px 10px;
    display:inline-block;
    line-height:1.1;
    border-radius:3px;
    position:absolute;
    top:0;
    left:15px
}
.box-product-main{
    border-bottom:2px solid #e5e5e5;
    padding-bottom:20px;
    margin-bottom:20px
}
.list-small-images{
    margin-top:15px;
    margin-bottom:20px;
    padding:0 40px
}
.small-image{
    padding:5px;
    cursor:pointer
}
.small-image img{
    border:1px solid #eee;
    padding:3px;
    background:#fff;
    height:70px;
    object-fit:cover
}
.list-small-image .slick-prev,.list-small-image .slick-next{
    margin:0;
    width:25px;
    height:25px;
    transform:translateY(-50%);
    z-index:66;
    text-align:center;
    opacity:1;
    background-color:unset;
    border-radius:6px
}
.list-small-image .slick-prev:hover,.list-small-image .slick-next:hover{
    opacity:1
}
.list-small-image .slick-prev:before,.list-small-image .slick-next:before{
    content:''
}
.list-small-image .slick-next:before{
    background-image:url(../images/slick-next.html)
}
.list-small-image .slick-prev:hover:before{
    opacity:.6
}
.list-small-image .slick-next:hover:before{
    opacity:.6
}
.list-small-image .slick-prev i,.list-small-image .slick-next i{
    color:#737373;
    line-height:24px;
    font-size:15px
}
.list-small-image{
    padding:0 30px
}
.list-small-image .slick-prev{
    left:-25px
}
.list-small-image .slick-next{
    right:-25px
}
.product-detail-infor .box-infor{
    margin-bottom:20px
}
.product-detail-infor .box-infor h2{
    font-weight:600;
    color:var(--mainweb-color);
    padding:5px 0;
    text-transform:uppercase;
    margin:0 0 10px;
    font-size:25px
}
.product-detail-infor .box-price{
    border-top:dashed 1px var(--mainweb-color);
    padding:7px 0;
    border-bottom:dashed 1px var(--mainweb-color)
}
.product-detail-infor .box-price .price{
    font-size:16px;
    line-height:1;
    padding:8px 0
}
.product-detail-infor .box-price .price .name-price{
    margin-right:10px;
    text-transform:unset
}
.product-detail-infor .price-number{
    font-size:22px;
    font-weight:700;
    color:#333;
    margin-right:10px
}
.product-detail-infor .box-rate{
    line-height:1;
    padding:8px 0;
    border-bottom:1px solid #707070
}
.product-detail-infor .box-rate span.name-danh-gia{
    margin-right:10px;
    font-size:20px
}
.product-detail-infor .box-rate span i{
    color:#ffde5a;
    font-size:20px
}
.product-detail-infor .desc-product{
    padding:0;
    margin-top:20px;
    font-size:16px;
    line-height:1.6
}
.box-buy{
    margin:30px 0
}
.box-buy .add-to-cart span{
    padding:0 20px
}
.box-buy a{
    margin-right:10px
}
.product-detail-infor .desc-product ul{
    list-style:disc!important;
    padding-left:15px
}
.product-detail-infor .desc-product ul>li{
    list-style:disc!important
}
.product-detail-infor .desc-product .name-chitiet{
    font-size:20px;
    margin-bottom:5px;
    font-weight:600
}
.product-detail-infor .box-datmua{
    margin-top:10px;
    text-align:left
}
.product-detail-infor .box-datmua a{
    display:inline-block;
    font-size:18px;
    color:#fff;
    background:#c1001c;
    padding:10px 20px;
    margin-right:20px;
    border-radius:0;
    margin-bottom:5px;
    text-transform:uppercase
}
.product-tab .nav-pills>li>a{
    font-size:17px;
    border-radius:0;
    padding:10px 15px;
    font-weight:600;
    color:var(--mainweb-color)
}
.product-tab .nav-pills>li.active>a,.product-tab .nav-pills>li.active>a:focus,.product-tab .nav-pills>li.active>a:hover{
    background-color:var(--mainweb-color);
    color:#fff
}
.product-tab .tab-content{
    padding:20px 15px;
    line-height:1.7;
    font-size:16px;
    border:1px solid #f2f2f2;
    margin-bottom:30px
}
.product-tab .tab-content ul,.product-tab .tab-content ul>li{
    list-style:disc!important
}
.product-tab .tab-content ul{
    padding-left:15px
}
.title-product-related{
    margin:0 0 15px;
    line-height:1.1;
    font-size:25px;
    text-align:left;
    margin-bottom:30px;
    padding-bottom:10px;
    border-bottom:1px solid #eee;
    color:var(--mainweb-color);
    font-weight:600;
    margin-top:50px
}
.sodo_tochuc{
    width:100%;
    margin-top:30px;
    margin-bottom:30px
}
.lstCate{
    background:#fff
}
.leader-cate{
    padding:0;
    text-align:center
}
.lstCate li a{
    font-size:15px;
    font-weight:700;
    color:var(--mainweb-color);
    text-transform:uppercase;
    border:1px solid #cdcdcd;
    background:#CCEBFF
}
.sodo_tochuc .nav-tabs > li.active > a,.sodo_tochuc .nav-tabs > li.active > a:hover,.sodo_tochuc .nav-tabs > li.active > a:focus{
    background:var(--mainweb-color);
    color:#FFF
}
.leader-list{
    padding:10px 0 15px 15px
}
.lstLeader{
    background:#CCEBFF
}
.lstLeader li{
    border-bottom:10px solid #fff;
    border-right:0 solid #fff
}
.lstLeader .active{
    text-decoration:none;
    background:var(--mainweb-color)
}
.lstLeader li a{
    display:block;
    text-align:center;
    font-size:15px;
    color:var(--mainweb-color);
    padding:10px;
    font-weight:700;
    text-transform:uppercase;
    text-decoration:none
}
.lstLeader .active a{
    color:#fff
}
.leader-detail{
    padding:10px 0
}
.leader-detail-inner{
    position:relative;
    padding:0 10px
}
.item-leader-detail{
    width:96%;
    position:absolute
}
.avatar-leader img{
    display:block;
    width:30%;
    margin:0 auto;
    margin-bottom:10px;
    border:1px solid
}
.info-title{
    display:block;
    width:100%;
    background:#CCEBFF;
    text-align:center;
    margin:0 auto;
    padding:5px 10px
}
.info-title h2{
    font-size:15px;
    padding:5px;
    margin:0;
    font-weight:700;
    text-transform:uppercase;
    color:var(--mainweb-color)
}
.pd-left-0{
    padding-left:0
}
.info-title p{
    margin:0
}
.info_member{
    font-size:15px
}
.noi_dung_in{
    text-align:justify;
    font-size:15px
}
.noi_dung_in ul{
    padding-left:20px
}
.noi_dung_in ul li{
    list-style:disc!important
}
.box-list-slide{
    padding:0 15px
}
.box-list-slide .slick-prev{
    left:0
}
.box-list-slide .slick-next{
    right:0
}
.box-list-slide:hover .slick-prev{
    left:-5px
}
.box-list-slide:hover .slick-next{
    right:-6px
}
.box-list-slide:hover .slick-prev,.box-list-slide:hover .slick-next{
    opacity:1
}
.box-list-slide:hover .pt_slick_prev,.box-list-slide:hover .pt_slick_next{
    opacity:1
}
.box-list-slide .slick-prev,.box-list-slide .slick-next{
    transform:translateY(-50%);
    transition:.5s;
    margin:0;
    z-index:10;
    opacity:1;
    width:36px;
    height:36px;
    border:1px solid #e4e4e4;
    color:#000
}
.box-list-slide .slick-prev:hover,.box-list-slide .slick-next:hover{
    background:-webkit-linear-gradient(0deg,#f15929,#25aae1);
    color:#fff
}
.box-list-slide .slick-prev:before,.box-list-slide .slick-next:before{
    display:none
}
.box-list-slide .slick-prev i,.box-list-slide .slick-next i{
    color:inherit;
    font-size:20px
}
.news-card-2{
    margin-bottom:30px
}
.news-card-2 .box .image{
    margin:0;
    transition:opacity .5s;
    overflow:hidden
}
.news-card-2 .box .image img{
    height:270px;
    object-fit:cover
}
.news-card-2 .box .image:hover{
    opacity:.8
}
.news-card-2 .box .content{
    width:100%;
    padding:15px;
    text-align:center
}
.news-card-2 .box .name{
    font-size:16px;
    color:#222;
    margin-bottom:15px;
    height:44px;
    line-height:22px;
    font-weight:500;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden
}
.news-card-2 .box .name a:hover{
    color:var(--mainweb-color)
}
.news-card-2 .box .box-date{
    margin-bottom:15px
}
.news-card-2 .box .box-date i{
    margin:0 10px 0 0;
    font-size:13px
}
.news-card-2 .box .box-date .user{
    margin-left:20px
}
.news-card-2 .box .desc{
    color:#666;
    line-height:24px;
    margin-bottom:20px;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
    height:72px
}
.box-viewmore2 .viewmore-3{
    color:#fff;
    display:inline-block;
    padding:0 15px;
    border-radius:40px;
    margin:0 auto;
    height:40px;
    line-height:35px;
    text-align:center;
    font-family:"Noto Serif",serif;
    font-size:14px;
    border:solid 2px var(--mainweb-color);
    text-transform:uppercase;
    font-weight:500;
    color:var(--mainweb-color)
}
.box-viewmore2 .viewmore-3:hover{
    color:#fff;
    background-color:var(--mainweb-color)
}
.box_news_detail{
    width:100%;
    margin:0 auto;
    color:#333;
    line-height:26px
}
.box_news_detail .image-detail{
    margin-bottom:20px
}
.box_news_detail .image-detail img{
    max-height:400px;
    object-fit:cover;
    width:100%
}
.box_news_detail h1{
    display:block;
    text-align:left;
    font-size:22px;
    font-weight:600;
    border-bottom:1px solid #dadada
}
h1.heading.half_space{
    border-bottom:0!important
}
.heading .divider-left,.heading .divider-center{
    height:4px;
    width:70px;
    background:var(--mainweb-color);
    display:block
}
.heading .divider-left{
    margin:10px 0 -2px
}
.date_time {
    color: #333;
    display: inline-block;
    font-size: 13px;
    margin-bottom: 5px;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: var(--mainweb-color);
    border-color: var(--mainweb-color);
}
.box_news_detail a {
    color: var(--mainweb-color);
}

element.style {
}
.review-top.chanh_price_trade .review-top__price {
    margin-bottom: 0;
}
.ck-content div, .ck-content li, .ck-content p, .ck-content span {
    font-size: 1rem;
    line-height: 1.6em;
}
.review-top__price {
    width: 70%;
    float: left;
    margin: 0 15%;
    background: #f9f9f9;
    padding: 15px 15px 0px;
    margin-top: 10px;
}
.review-top__price .left {
    width: 150px;
    float: left;
    text-align: left;
    line-height: 22px;
    padding-top: 5px;
}
.review-top__price .right .item a {
    background: var(--mainweb-color);
    color: #fff;
    text-transform: uppercase;
    padding: 3px 15px;
    text-decoration: none;
    border-radius: 8px;
}
.review-top__price .right {
    width: calc(100% - 170px);
    float: right;
    text-align: left;
    border: 0px !important;
}
.review-top__price .right .item {
    float: left;
    position: relative;
    clear: both;
    margin-bottom: 10px;
    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;
    border-bottom: 1px solid #d9d9d9;
    width: 100%;
    margin: 0px;
}
.review-top__price .right .item:last-child {
    border: 0px;
}
.btn-primary {
    color: #fff;
    background-color: var(--mainweb-color);
    border-color: var(--mainweb-color);
}
.review-top__price .right .item .price-detail {
    color: #dd0000;
    font-weight: 700;
    padding-right: 10px;
    float: left;
    margin: 0;
    min-width: 110px;
}
div#google-ads_0 {
    display: none;
}
.noidung p {
    margin: 0px;
}

.date_time i{
    margin-right:5px;
    font-size:13px
}
.box_news_detail .news_note{
    padding:10px 22px;
    background-color:#eee;
    color:#333;
    line-height:26px;
    text-align:justify;
    margin-bottom:30px;
    border-radius:5px;
    display:none
}
.noi_dung_chitiet{
    line-height:1.7
}
.noi_dung_chitiet a{
    color:var(--mainweb-color)
}
.noi_dung_chitiet img {
    max-width: 100%;
    height: auto!important;
    width: auto;
}
.noi_dung_chitiet ul,.noi_dung_chitiet ul>li{
    list-style:disc!important
}
.noi_dung_chitiet ul {
    padding-left: 25px;
    display: inline-block;
    margin: 5px 0px 15px;
}
.noi_dung_chitiet picture img {
    max-width: 100%;
    height: auto!important;
    width: auto;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    display: block;
    /* margin: auto; */
}

.best_offer_list .item .cell * {
    margin: 0;
}

.best_offer {
    border: 1px solid #ccc;
    border-radius: 4px;
    margin: 10px auto;
    overflow: hidden;
}

.best_offer_top {
    background: #f2f2f2;
    text-align: left;
    padding: 0.6em 1em;
}

.best_offer_list .item {
    padding: 10px !important;
    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;
}

.best_offer_list .item_link a {
    background: var(--mainweb-color);
    border-radius: 5px;
    color: #fff!important;
    font-size: 1em;
    height: 35px;
    width: 120px;
    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-bottom: 0!important;
}
.posts-menu {
    display: none;
}
p.linkmuangay {
    text-align: center;
    display: flex;
    justify-content: center;
}
p.giatien {
    text-align: center;
    font-size: 18px;
    color: #dd0000;
}
p.linkmuangay a {
    background: var(--mainweb-color);
    border-radius: 5px;
    color: #fff!important;
    font-size: 1em;
    height: 35px;
    width: 120px;
    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-bottom: 0!important;
}


.best_offer_list .item .cell {

}
.best_offer_list .item_image img {
    height: 35px!important;
    -o-object-fit: contain!important;
    object-fit: contain!important;
    pointer-events: none;
    margin: auto;
    float: left;
}
.best_offer_list .item_price p {
    color: #da344a;
    font-weight: 600;
    font-size: 18px;
}
.ck-content.desktop .best_offer_list .item_link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.show_more_content{
    height:270px;
    position:relative;
    width:100%;
    overflow:hidden
}
.show_more_content.da_hide{
    overflow:inherit;
    height:auto
}
.show_more_content .bg_show_icon{
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:100px;
    background-image:linear-gradient(180deg,rgba(255,255,255,0.8),rgba(255,255,255,1));
    text-align:center;
    color:var(--mainweb-color);
    font-size:20px;
    font-weight:500;
    text-decoration:none;
    display:flex;
    align-items:flex-end;
    justify-content:flex-end
}
.show_more_content .show_icon{
    color:#fff;
    background:var(--mainweb-color);
    border:none;
    font-size:14px;
    font-weight:500;
    text-decoration:none;
    margin:30px 0;
    padding:4px 10px;
    cursor:pointer
}
.share{
    margin:20px 0 10px
}
.news_rale{
    width:100%;
    margin:0 auto;
    color:#333;
    background:#eee;
    padding:10px 20px;
    margin-bottom:20px
}
.news_rale .title-headding{
    margin-bottom:15px
}
.title-headding .bg_img .title{
    display:inline-block;
    height:100%;
    width:100%;
    text-align:left;
    font-weight:600;
    color:#f15929;
    text-transform:uppercase;
    font-size:22px;
    line-height:38px
}
.list_news_lq>li>a{
    font-size:16px;
    padding:5px 0;
    line-height:25px;
    display:block
}
.list_news_lq>li>a:before{
    content:"\f0da";
    font:normal normal normal 14px/1 FontAwesome;
    display:inline-table;
    vertical-align:middle;
    margin-right:8px;
    color:#000;
    font-weight:700
}
.map{
    margin-bottom:15px
}
.map iframe{
    height:205px;
    width:100%
}
.list-contact{
    margin:0 0 15px;
    border-top:1px solid #ebebeb;
    border-bottom:1px solid #ebebeb;
    padding:15px 0;
    font-size:16px
}
.list-contact li{
    line-height:25px;
    color:#666
}
.list-contact li i{
    color:#23a8e0;
    font-size:24px;
    margin-right:25px;
    width:40px;
    text-align:center;
    line-height:inherit
}
.box-form-contact textarea{
    height:150px
}
.box-form-contact button{
    background-color:var(--mainweb-color);
    color:#fff;
    border:none;
    border-radius:0;
    text-transform:uppercase;
    padding:10px 30px
}
.fixed-tel{
    left:5px;
    bottom:10px;
    position:fixed;
    display:inline-block;
    min-width:70px;
    height:40px;
    line-height:40px;
    background:#f15929;
    color:#FFF;
    font-weight:700;
    font-size:125%;
    border-radius:25px;
    padding:0 10px 0 15px;
    box-shadow:0 0 3px #fff;
    z-index:999
}
.fixed-tel i{
    padding-right:10px;
    font-size:25px;
    padding-top:5px;
    line-height:30px
}
.fixed-tel:hover{
    color:#ff0
}
.fixed-contact-icons{
    position:fixed;
    bottom:55px;
    left:5px;
    z-index:9
}
.fixed-contact-icons i{
    color:#fff;
    font-size:30px;
    background:#0083FE;
    width:40px;
    height:40px;
    line-height:40px;
    border-radius:20px;
    text-align:center;
    margin-right:5px;
    display:inline-block;
    vertical-align:middle;
    background-size:cover
}
.fixed-contact-icons ._zalo{
    background:url(../images/zalo-icon.png) 0 0 no-repeat;
    background-size:cover
}
.fixed-contact-icons ._msg{
    background:#0083FE url(../images/icon-msg.png) 0 0 no-repeat;
    background-size:cover
}
.payment{
    margin-top:0;
    width:100%;
    overflow:hidden
}
.payment .step .item{
    float:left;
    width:33.33%
}
.payment .step .link{
    display:block;
    padding:8px 35px 8px 30px;
    padding-left:30px;
    font-size:13px;
    line-height:20px;
    color:#333;
    font-weight:700;
    background:#f0f0f0;
    position:relative;
    margin-bottom:0
}
.payment .step .active .link{
    background:#f4f9fd
}
.payment .step .item:first-child .link{
    padding-left:20px;
    height:40px
}
.payment .step .number{
    display:inline-block;
    margin-right:5px;
    width:24px;
    height:24px;
    border-radius:50%;
    background:#999;
    color:#fff;
    text-align:center;
    font-size:12px;
    line-height:24px
}
.payment .step .active .number{
    background:#0f76bd
}
.list_sanpham{
    margin-top:20px;
    display:inline-block;
    width:100%
}
.table_scroll{
    overflow-x:auto
}
.list_sanpham input{
    width:20%;
    text-align:center
}
.list_sanpham table{
    border-collapse:collapse;
    width:100%
}
.list_sanpham table td{
    border:1px solid #ddd;
    text-align:left;
    padding:10px;
    text-align:center;
    font-weight:700;
    font-size:14px
}
.list_sanpham table tr:nth-child(even){
    background-color:#f2f2f2
}
.dat_hang{
    margin-top:10px;
    text-align:right;
    margin-bottom:20px!important
}
.dat_hang button{
    border:none;
    background:#d22228;
    color:#fff;
    padding:8px 15px;
    cursor:pointer;
    text-transform:uppercase
}
.box_dattour{
    position:relative
}
.count{
    text-align:center
}
.count .abate{
    left:-30px;
    top:20px
}
.count .abate::before{
    background:#33674b;
    width:8px;
    height:2px;
    content:"";
    margin:13px auto;
    display:block
}
.count .btn{
    position:absolute;
    width:30px;
    line-height:30px!important;
    height:30px;
    border:1px solid #dfdfdf;
    border-right-color:#dfdfdf;
    border-right-style:solid;
    border-right-width:1px;
    top:0;
    cursor:pointer;
    padding:0
}
.count .augment{
    right:-30px
}
.count .augment::before{
    background:#345d47;
    width:8px;
    height:2px;
    margin:14px auto;
    content:"";
    display:block
}
.count .augment::after{
    content:"";
    width:2px;
    height:8px;
    background:#345d47;
    display:block;
    margin:0 auto;
    position:absolute;
    top:11px;
    left:0;
    right:0
}
.count .quantity{
    width:30px;
    height:30px;
    text-align:center;
    border:1px solid #dfdfdf
}
.list_sanpham button{
    background:#d22228;
    border:none;
    color:#fff;
    padding:5px 10px;
    border-radius:5px;
    cursor:pointer;
    margin-top:0
}
.count>*{
    display:inline-block
}
.uk-position-relative{
    position:relative
}
.contact_primary1{
    margin-top:0;
    background:#fff;
    border:solid 1px #eee;
    overflow:hidden;
    padding:15px;
    line-height:32px;
    margin-bottom:20px!important
}
.contact_primary1 input{
    width:100%;
    outline:0;
    padding-left:10px;
    box-sizing:border-box;
    border:1px solid #ccc;
    height:32px;
    margin-bottom:15px!important
}
.contact_primary1 select{
    width:100%;
    outline:0;
    padding-left:10px;
    box-sizing:border-box;
    border:1px solid #ccc;
    height:32px;
    margin-bottom:15px!important
}
.contact_primary1 textarea{
    width:100%;
    padding:5px 10px;
    box-sizing:border-box;
    border:1px solid #ccc;
    height:80px;
    margin-bottom:0!important;
    outline:0
}
table .count .abate::before{
    margin:13px auto
}
table .count .augment::before{
    margin:13px auto
}
table .count .augment::after{
    top:10px
}
.home_top .payment .step .link{
    padding:8px 35px 8px 30px;
    height:40px
}
.title_thongtin{
    background:#f7f7f7;
    padding:10px;
    text-align:left;
    font-size:14px;
    font-weight:600;
    color:#333
}
.box_dattour button{
    background:#d22228;
    padding:10px 20px;
    border-radius:5px;
    margin-top:12px;
    font-weight:700;
    border:none;
    color:#fff;
    font-size:13px;
    text-transform:uppercase;
    margin-right:20px
}
.link{
    background:#eee;
    color:#717171;
    font-size:14px;
    padding:10px 15px;
    margin-bottom:10px;
    margin-top:10px;
    float:left;
    width:100%
}
.link h1{
    margin:0;
    font-size:15px;
    padding:5px 0;
    font-weight:600;
    display:inline-block
}
.link h1 a{
    font-size:14px
}
.link h4{
    margin:0;
    font-size:14px;
    padding:3px 0;
    line-height:18px;
    float:right
}
.link h4 a{
    font-size:12px;
    padding:0 10px;
    position:relative
}
.link h4 a:before{
    content:'';
    position:absolute;
    transform:rotate(20deg);
    top:1px;
    right:-2px;
    height:10px;
    width:1px;
    background-color:#000
}
.link h4 a:last-child:before{
    display:none
}
.link h2{
    margin:0;
    font-size:14px;
    line-height:20px;
    padding:0;
    float:left
}
.link h2 a{
    font-size:14px;
    padding:0 10px;
    position:relative;
    float:left
}
.link h2 a:before{
    content:'';
    position:absolute;
    transform:rotate(20deg);
    top:4px;
    right:0;
    height:12px;
    width:1px;
    background-color:#000
}
.link h2 a:last-child:before{
    display:none
}
.ekko-lightbox .modal-dialog{
    max-width:800px!important
}
.pagination-group{
    text-align:center
}
.pagination{
    display:inline-block;
    margin:10px 0 30px
}
.breadcrumbs{
    position:relative;
    width:100%
}
.pagination a{
    width:auto;
    padding:0 10px;
    text-align:center;
    line-height:30px;
    display:inline-block;
    border:1px solid #034ea2;
    background-color:#fff;
    color:#034ea2;
    font-size:14px;
    margin:0 3px 3px
}
.pagination span{
    width:auto;
    padding:0 10px;
    text-align:center;
    line-height:30px;
    display:inline-block;
    border:1px solid var(--mainweb-color);
    background-color:#034ea2;
    color:#fff;
    font-size:14px;
    margin:0 3px
}
.breadcrumbs:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1
}
.breadcrumbs ul{
    float:left;
    width:100%;
    padding:15px 0
}
.breadcrumbs ul>li{
    display:inline-block;
    float:left;
    position:relative;
    z-index:2;
    font-size:14px;
    color:#000;
    font-weight:400
}
.breadcrumbs ul>li>a{
    color:#000;
    font-weight:400
}
.breadcrumbs ul>li>a:after{
    content:"\f101";
    margin:0 10px;
    font:normal normal normal 14px/1 FontAwesome
}
.breadcrumbs ul>li:last-child a:last-child:after{
    content:unset
}
.breadcrumbs ul>li span{
    display:inline-block;
    color:#fff
}
.content-box:not(:last-child){
    border-right:1px dashed #fff
}
.footer-layer{
    color:inherit
}
.footer-layer .title{
    font-size:17px;
    text-transform:uppercase;
    font-weight:600;
    padding-bottom:15px;
    line-height:27px
}
.pt_desc_name{
    color:#fff;
    margin-bottom:5px;
    line-height:25px
}
.pt_desc_name h2{
    font-size:16px;
    font-weight:700;
    line-height:22px;
    margin-top:0
}
.pt_list_addres{
    line-height:30px;
    color:inherit;
    font-size:14px
}
.pt_list_addres li i{
    margin-right:5px;
    font-size:22px;
    width:25px
}
.footer__other{
    width:100%;
    color:#fff;
    float:left
}
.footer__other .title{
    font-size:17px;
    text-transform:uppercase;
    font-weight:600;
    padding-bottom:15px;
    line-height:25px
}
.footer__policy{
    float:left;
    width:100%
}
.pt_box_form .pt_box{
    display:flex
}
.pt_box_form .pt_box input{
    height:40px;
    padding:10px 15px;
    border:1px solid #fff;
    background:transparent;
    border-right:unset;
    width:calc(100% - 40px);
    color:#fff;
    outline:0;
    border-radius:0!important box-shadow: unset
}
.pt_box_form .pt_box input::placeholder{
    color:#fff
}
.pt_box_form .pt_box button{
    width:40px;
    outline:none;
    border:1px solid #fff;
    border-left:unset;
    background:transparent;
    position:relative
}
.pt_box_form .pt_box button i{
    transform:rotate(30deg);
    font-size:12px;
    color:#fff
}
.pt_box_thke{
    font-weight:400;
    width:100%;
    padding:0 10px 10px 0;
    border-top:0;
    overflow:hidden
}
.pt_box_thke p{
    text-align:left;
    padding-top:12px;
    margin:0;
    font-size:14px;
    color:inherit
}
.pt_box_thke p i{
    margin-right:10px;
    width:17px;
    text-align:center
}
.pt_box_thke p span{
    font-weight:600;
    color:#efc02c
}
.title-footer-2:before{
    content:"";
    background-color:#fff;
    width:60px;
    height:2px;
    position:absolute;
    top:100%;
    left:0
}
.wrap-news-home{
    padding:20px 0 5px
}
.list-new-hr{
    margin-bottom:25px
}
.dv-01-news{
    margin-bottom:25px
}
.dv-01-news .box{
    background-color:#fff
}
.dv-01-news .content{
    padding:15px 0 0
}
.dv-01-news .image{
    overflow:hidden
}
.dv-01-news .date{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    color:#6c757d;
    padding-top:5px
}
.dv-01-news .date span{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    color:#6c757d;
    padding-top:5px;
    margin-right:10px
}
.dv-01-news .date span img{
    max-width:16px;
    margin-right:5px;
    max-height:16px
}
.dv-01-news .image img{
    transition:all .5s;
    width:100%;
    object-fit:cover;
    height:300px
}
.dv-01-news .image:hover img{
    transform:scale(1.1)
}
.dv-01-news h3 a{
    height:auto;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:4;
    -webkit-box-orient:vertical;
    font-weight:600;
    color:#000;
    text-transform:inherit;
    height:auto;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:4;
    -webkit-box-orient:vertical;
    font-weight:600;
    color:var(--mainweb-color);
    text-transform:uppercase
}
.list-news-home .dv-01-news h3 a{
    color:#000;
    font-size:15px;
    line-height:22px;
    margin:0;
    text-transform:unset
}
.list-news-home .dv-01-news .desc{
    font-size:14px;
    line-height:23px;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical
}
.list-news-home h3{
    margin:0
}
.box-reason{
    display:flex;
    align-items:center;
    margin-bottom:20px
}
.box-reason img{
    margin-right:10px;
    width:50px
}
.title-reason{
    color:#000;
    text-transform:uppercase;
    font-size:18px;
    margin:0
}
.des-reason{
    margin:0
}
.dv-01-news h3 a:hover{
    color:#351715
}
.dv-01-news .desc{
    font-size:15px;
    line-height:23px;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical
}
.card-news-horizontal{
    margin-bottom:15px
}
.col-card-news-horizontal:last-child .card-news-horizontal{
    margin-bottom:0
}
.card-news-horizontal .box{
    display:flex;
    flex-wrap:wrap
}
.card-news-horizontal .image{
    width:110px
}
.card-news-horizontal .image a{
    display:block;
    overflow:hidden;
    position:relative;
    padding-bottom:82%
}
.card-news-horizontal .content{
    width:calc(100% - 120px);
    padding-left:15px
}
.card-news-horizontal .image img{
    object-fit:cover;
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:100%
}
.card-news-horizontal .content h3{
    margin:0;
    font-size:13px;
    font-weight:600;
    margin-bottom:5px
}
.card-news-horizontal .content h3 a{
    display:-webkit-box;
    -webkit-line-clamp:6;
    -webkit-box-orient:vertical;
    overflow:hidden;
    line-height:19px;
    max-height:auto;
    text-transform:none
}
.card-news-horizontal .content .date{
    margin-bottom:5px;
    font-size:13px;
    color:#005c98
}
.card-news-horizontal .content .date i{
    color:#909090
}
.card-news-horizontal .content .desc{
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    height:40px
}
.card-news-horizontal-2 .content h3 a{
    max-height:unset;
    -webkit-line-clamp:7;
    max-height:120px;
    font-weight:400
}
.d-flex{
    display:flex;
    flex-wrap:wrap
}
.before-after-unset:before,.before-after-unset:after{
    content:unset
}
.p-75{
    padding-left:7.5px;
    padding-right:7.5px
}
.p-5{
    padding-left:5px;
    padding-right:5px
}
.p-10{
    padding-left:10px;
    padding-right:10px
}
.mb-25{
    margin-bottom:25px
}
.list-cate{
    background-color:#f2f2f2;
    padding:20px 25px;
    overflow:hidden;
    height:420px
}
.list-cate li{
    position:relative;
    padding-left:20px
}
.list-cate li:first-child:before{
    top:7px
}
.list-cate li+li{
    border-top:1px dashed #d5d5d5;
    margin-top:10px;
    padding-top:10px
}
.list-cate li:before{
    content:"";
    width:7px;
    height:7px;
    background-color:var(--mainweb-color);
    position:absolute;
    top:15px;
    left:0
}
.list-cate li a{
    display:block
}
.box-list-news-3{
    background-color:#f2f2f2;
    padding:15px;
    margin-bottom:25px
}
.wrap-news-2{
    padding-bottom:5px
}
.box-list-news-2{
    margin-bottom:25px
}
.wrap-category{
    padding:30px 0 40px;
    background-color:#f2f2f2
}
.col-cate-item{
    margin-bottom:20px
}
.product_home_category{
    margin:0;
    text-align:right;
    z-index:3;
    padding-left:10px;
    padding-right:10px
}
a.site-header-search.icon-search {
    color: #000!important;
}
.cate-item{
    border:1px solid #eee
}
.cate-item:hover{
    border:1px solid #ee4d2d;
    box-shadow:0 .0625rem 20px 0 #000;
    transform:translateY(-0.0625rem);
    z-index:1
}
.cate-item .box .image{
    background:#fff
}
.cate-item .box .image a{
    display:block;
    overflow:hidden;
    position:relative;
    padding-bottom:100%
}
.cate-item .box .image a img{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:all .5s
}
figure img{
    margin:10px 0;
    text-align:center
}
figcaption p{
    text-align:center
}
.cate-item .box:hover .image a img{
    transform:scale(1)
}
.cate-item .box .content{
    padding:5px;
    background-color:#fff;
    text-align:left;
    color:var(--mainweb-color);
    height:40px
}
.price{
    text-align:left;
    font-weight:400;
    color:#d00;
    font-size:15px;
    padding:0 5px
}
span.price.product-price{
    padding:0;
    margin-right:8px
}
.star-ratings{
    font-size:14px;
    color:#f3b00f;
    margin:.1rem;
    padding:5px
}
.star-rating{
    display:inline-block;
    margin:0 0 .5em;
    float:none;
    margin:auto auto;
    overflow:hidden;
    position:relative;
    height:1em;
    line-height:1;
    font-size:1em;
    width:65px;
    position:relative;
    font-family:FontAwesome
}
.star-rating::before{
    content:'\f005 \f005 \f005 \f005 \f005';
    color:#d3ced2;
    float:left;
    top:0;
    left:0;
    position:absolute
}
.star-rating span{
    overflow:hidden;
    float:left;
    top:0;
    left:0;
    position:absolute;
    padding-top:1.5em;
    color:#fec42d
}
.star-rating span::before{
    content:'\f005 \f005 \f005 \f005 \f005';
    top:0;
    position:absolute;
    left:0
}
span.old-price{
    font-weight:400;
    text-decoration:line-through;
    color:#a9a9a9;
    font-weight:normal;
    text-decoration:line-through;
    color:#a9a9a9
}
.cate-item .box .content .name{
    margin:0;
    font-size:13px;
    font-weight:700;
    line-height:15px;
    width:100%
}
.cate-item .box .content .name a{
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    font-weight:400;
    color:#000
}
.dot-cate-1 .slick-dots{
    bottom:-10px
}
.dot-cate-1 .slick-dots li{
    border-radius:100%;
    width:15px;
    height:15px;
    background:#fff;
    border-radius:50%;
    cursor:pointer;
    box-sizing:content-box;
    background-color:#b7b7b7
}
.dot-cate-1 .slick-dots li.slick-active{
    background:var(--mainweb-color)
}
.dot-cate-1 .slick-dots li button{
    width:100%;
    height:100%;
    opacity:0
}
.dot-cate-1 .slick-dots li button:before{
    width:12px;
    height:100%
}
.wrap-partner{
    padding:25px 0
}
.wrap-partner .list-item .item{
    padding:0 10px;
    width:16.666667%;
    float:left
}
.wrap-partner .list-item .box{
    border:1px solid #eee;
    text-align:center
}
.wrap-partner .list-item img{
    height:60px;
    object-fit:contain;
    width:auto;
    margin:0 auto
}
.blog-news{
    padding-top:30px;
    padding-bottom:30px
}
.noidung{
    line-height:24px
}
.noidung table{
    width:100%!important
}
.noidung .row.albums-anh img{
    max-width:100%!important;
    height:100%!important;
    object-fit:cover
}
.card-news-horizontal-3{
    margin-bottom:15px
}
.card-news-horizontal-3 .box{
    display:flex;
    flex-wrap:wrap
}
.card-news-horizontal-3 .image{
    width:30%;
    position:relative
}
.card-news-horizontal-3 .content{
    width:calc(100% - 30%);
    padding-left:15px
}
.card-news-horizontal-3 .image a{
    display:block;
    padding-bottom:76%;
    position:relative
}
.card-news-horizontal-3 .image img{
    position:absolute;
    width:100%;
    height:100%;
    object-fit:cover;
    left:0;
    top:0
}
.card-news-horizontal-3 .content h3{
    margin:0;
    font-size:18px;
    font-weight:600;
    margin-bottom:5px
}
.card-news-horizontal-3 .content h3 a{
    display:-webkit-box;
    -webkit-line-clamp:32;
    -webkit-box-orient:vertical;
    overflow:hidden;
    line-height:24px;
    height:auto
}
.card-news-horizontal-3 .content .date{
    margin-bottom:5px;
    font-size:13px;
    color:#898989
}
.card-news-horizontal-3 .content .date i{
    margin-right:5px
}
.card-news-horizontal-3 .content .desc{
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
    line-height:25px;
    max-height:100px;
    text-align:justify
}
.xemthem{
    margin-top:10px;
    background-color:var(--mainweb-color);
    border-color:var(--mainweb-color);
    color:#fff;
    font-size:13px;
    padding:3px 10px
}
.xemthem:hover{
    background-color:#008b43;
    color:#fff
}
#side-bar{
    position:sticky;
    top:40px
}
.side-bar{
    background-color:#fff;
    box-shadow:0 1px 2px #d9dadb;
    margin:0 0 30px
}
.side-bar:last-child{
    margin-bottom:0
}
.title-sider-bar{
    font-size:16px;
    text-align:center;
    margin:0;
    color:#fff;
    padding:10px 20px;
    line-height:26px;
    text-transform:uppercase;
    background-color:var(--mainweb-color);
    font-weight:700
}
.menu-side-bar li{
    font-size:1rem;
    border-bottom:1px solid #ccc;
    margin-bottom:0
}
.list-category ul>li>a .pt_icon_right{
    position:absolute;
    right:0;
    top:3px;
    width:40px;
    text-align:center;
    line-height:40px;
    transition:all .5s;
    opacity:1;
    color:var(--mainweb-color)
}
.list-category ul>li>a .pt_icon_right2{
    position:absolute;
    right:0;
    top:2px;
    width:30px;
    text-align:center;
    line-height:30px;
    transition:all .5s;
    opacity:.4
}
.list-category ul>li>a .pt_icon_right:before{
    content:"\f067"
}
.list-category ul>li>a .pt_icon_right2:before{
    content:"\f067"
}
.list-category ul>li.nav_item.active a .pt_icon_right:before{
    content:"\f068"
}
.list-category ul>li.nav_item1.active a .pt_icon_right2:before{
    content:"\f068"
}
.list-category ul>li>a{
    color:#000;
    font-weight:600;
    background-color:#eee;
    padding:10px 15px 10px 35px;
    display:block;
    position:relative;
    line-height:1.5
}
.list-category ul>li>a:hover{
    color:#fff;
    background-color:#008b43
}
.list-category>ul>li>a{
    font-size:15px
}
.list-category>ul>li>a:after{
    content:"\f061";
    color:var(--mainweb-color);
    position:absolute;
    left:15px;
    line-height:1.5;
    font:normal normal normal 14px/1 FontAwesome;
    top:12px
}
.list-category ul>li>a:before{
    font:normal normal normal 14px/1 FontAwesome;
    position:absolute;
    left:20px;
    top:18px
}
.list-category ul>li>a>span{
    padding-left:0;
    font-size:15px
}
.menu-side-bar-leve-2{
    display:none
}
.menu-side-bar-leve-3{
    display:none
}
.list-category .menu-side-bar-leve-2>li>a{
    padding:5px 15px;
    padding-left:40px;
    line-height:27px
}
.list-category .menu-side-bar-leve-2>li>a:before{
    left:30px;
    top:11px
}
.list-category .menu-side-bar-leve-3>li>a{
    padding-left:70px;
    line-height:35px;
    height:35px
}
.list-category .menu-side-bar-leve-3>li>a:before{
    left:58px;
    top:11px
}
li.title-left{
    font-size:16px;
    text-align:center;
    margin:0;
    color:#fff;
    padding:5px 20px;
    font-weight:700;
    line-height:26px;
    text-transform:uppercase;
    background-color:var(--mainweb-color);
    clear:both
}
.googlemap iframe{
    margin-top:0;
    width:100%;
    height:215px;
    border-top:1px solid #ddd!important;
    padding-top:20px
}
.image img{
    display:none
}
.show-time{
    display:block!important
}
b.btnclickOK input#submit{
    background:var(--mainweb-color);
    border:0;
    padding:10px 20px;
    text-transform:uppercase;
    color:#fff
}
.addthis_inline_share_toolbox,.zalo-share-button{
    display:inline-block
}
.zalo-share-button{
    position:relative;
    top:8px;
    margin-left:5px
}
.addthis_inline_share_toolbox{
    margin-left:-6px
}
ul.menuleft{
    margin-bottom:20px
}
.woocommerce div.product div.images img{
    display:block;
    width:100%!important;
    height:initial!important;
    box-shadow:none;
    position:initial!important
}
.owl-drag .owl-prev:before,.owl-drag .owl-next:before{
    display:none
}
.owl-dots{
    display:none
}
.zoomWrapper{
    display:inline-block;
    overflow:hidden;
    height:auto!important
}
.heading32{
    display:inline-block;
    width:100%;
    text-align:center;
    margin-bottom:30px;
    font-size:20px
}
.heading32 h2{
    font-size:25px
}
img#zoom_01{
    height:initial!important;
    position:relative!important;
    display:block;
    margin:auto;
    width:auto!important;
    height:410px
}
div#gal1{
    margin-top:10px;
    overflow:initial;
    display:block;
    opacity:1
}
#gal1 img{
    height:55px!important;
    object-fit:cover;
    width:100%!important
}
#gal1 .owl-nav button.owl-prev,#gal1 .owl-nav button.owl-next{
    color:#fff!important;
    font-size:15px;
    margin-top:-14px;
    position:absolute;
    top:50%;
    text-align:center;
    line-height:28px;
    opacity:-1;
    border:1px solid #fff;
    width:30px;
    height:30px;
    background:var(--mainweb-color)
}
#gal1 .owl-nav button.owl-prev{
    left:10%;
    -webkit-transition:.4s;
    -moz-transition:.4s;
    -o-transition:.4s;
    -ms-transition:.4s
}
#gal1 .owl-nav button.owl-next{
    right:10%;
    -webkit-transition:.4s;
    -moz-transition:.4s;
    -o-transition:.4s;
    -ms-transition:.4s
}
#gal1:hover .owl-nav button.owl-next{
    right:2%;
    -webkit-transition:.4s;
    -moz-transition:.4s;
    -o-transition:.4s;
    -ms-transition:.4s;
    opacity:1
}
#gal1:hover .owl-nav button.owl-prev{
    left:2%;
    -webkit-transition:.4s;
    -moz-transition:.4s;
    -o-transition:.4s;
    -ms-transition:.4s;
    opacity:1
}
#gal1:hover .fa{
    color:#fff
}
#gal1:hover .owl-nav button.owl-next:hover,#gal1:hover .owl-nav button.owl-prev:hover{
    color:#fff!important;
    background:#373737;
    border:1px solid #373737
}
h1.title-product{
    font-size:21px
}
.product-summary.product_description.margin-bottom-0{
    font-size:16px;
    line-height:1.5;
    margin-top:20px;
    border-top:1px solid #d9d9d9;
    padding-top:20px;
    text-align:justify
}
@media (max-width: 592px){
    .header-title .flex-bg{
        height:251px!important;
        padding:85px 0
    }
    .hidden-desktop{
        display:block
    }
    .hidden-mobile{
        display:none
    }
    #gal1 .owl-nav button.owl-prev,#gal1 .owl-nav button.owl-next{
        opacity:1
    }
    #gal1 .owl-nav button.owl-prev{
        left:0
    }
    #gal1 .owl-nav button.owl-next{
        right:0
    }
    .zoomLens,.zoomContainer{
        display:none!important
    }
}
.hotline-box{
    text-align:center;
    border-radius:8px;
    border:1px solid #ccc;
    font-size:16px;
    padding:7px;
    margin:10px 0
}
.hotline-box h4{
    color:#d71921;
    font-size:20px;
    margin-bottom:0
}
.contact-phone{
    width:100%;
    margin:10px 0;
    overflow:hidden
}
.contact-phone ul{
    display:block;
    float:left;
    margin:0;
    padding:0;
    width:100%
}
.contact-phone ul li{
    width:49%;
    float:left;
    margin-right:2%;
    background-color:#288ad6;
    color:#fff;
    padding:10px 5px;
    text-align:center;
    border-radius:3px;
    display:inline-block
}
div.tab{
    overflow:hidden;
    border-bottom:0 solid #ccc;
    margin-top:45px;
    margin-bottom:-1px
}
.product-meta{
    display:none
}
div.tab a{
    height:45px;
    line-height:45px;
    margin-right:2px;
    float:left;
    font-size:15px;
    padding:0 15px;
    -moz-border-radius:0;
    -ms-border-radius:0;
    -o-border-radius:0;
    -webkit-border-radius:0;
    border-radius:0;
    border:1px solid #f2f2f2;
    color:#000;
    background:#fff;
    background:-moz-linear-gradient(top,white 0%,#f3f3f3 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,white),color-stop(100%,#f3f3f3));
    background:-webkit-linear-gradient(top,white 0%,#f3f3f3 100%);
    background:-o-linear-gradient(top,white 0%,#f3f3f3 100%);
    background:-ms-linear-gradient(top,white 0%,#f3f3f3 100%);
    background:linear-gradient(to bottom,white 0%,#f3f3f3 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='white',endColorstr='#f3f3f3',GradientType=0)
}
.tabcontent img{
    padding:10px 0
}
div.tab a:focus,div.tab .active{
    height:45px;
    line-height:42px;
    float:left;
    display:inline;
    border-bottom:2px solid #fff;
    color:#000;
    text-align:center;
    border-top:3px solid var(--mainweb-color)
}
.tabcontent{
    display:none;
    padding:10px 15px;
    border:1px solid #f2f2f2;
    margin-bottom:35px
}
nav.woocommerce-pagination{
    display:flex;
    justify-content:center
}
.price-box,.flashsale{
    display:inline-block
}
.flashsale{
    background-image:url(/theme/flash.jpg);
    background-size:100%!important;
    height:30px;
    color:#fff;
    padding:6px
}
svg.shopee-svg-icon._8tjJ2v{
    height:15px;
    position:relative;
    top:-4px;
    margin-left:10px
}
.flashsale span{
    font-size:13px;
    position:relative;
    top:-7px;
    margin-right:3px
}
.contact-phone ul li a{
    color:#fff;
    display:block;
    width:100%;
    text-decoration:none
}
.contact-phone.hide-for-small p{
    font-size:16px;
    margin:0;
    text-align:center
}
.contact-phone ul li:last-of-type{
    margin-right:0;
    background:#3a559f
}
.pp_content_container a.pp_expand{
    top:-10px;
    right:auto
}
h1.title-product{
    font-size:21px;
    margin-top:0
}
.product-summary.product_description.margin-bottom-0{
    font-size:14px;
    line-height:inherit;
    margin-top:2px;
    border-top:1px solid #d9d9d9;
    padding-top:5px
}
span.new-price.font-big.v2_price{
    margin-right:10px
}
.tabcontent p{
    margin:0
}
.tabcontent li,.product_description li{
    margin:0;
    padding-left:20px;
    position:relative;
    list-style:none
}
.tabcontent li::before,.product_description li::before{
    content:"\f046";
    font-family:FontAwesome;
    position:absolute;
    top:0;
    left:0;
    color:var(--mainweb-color)
}
.price-box{
    color:#d00;
    font-size:20px
}
.article-pages table{
    width:100%!important
}
.article-pages td,.article-pages th{
    border:1px solid #ddd;
    padding:8px;
    background-color:unset
}
.container-fluid.layout-container{
    padding:0;
    margin-top:10px;
    margin-bottom:10px
}
.article-pages tr:nth-child(even){
    background-color:#f2f2f2
}
.title_style {
    max-height: 400px;
    overflow: auto;
}



li.nav-item.menu-sub-all {
    position: unset !important;
}



.menu-desktop .nav-main .menu-sub-all > .nav-sub > .nav-item {
    position: relative;
    width: unset;
    border: 0px;
    float: left;
    position: initial;
    display: block !important;
}

.menu-desktop .nav-main .menu-sub-all > .nav-sub > .nav-item > .nav-sub {
    position: unset;
    min-width: unset;
    display: block !important;
    column-count: 3;
    padding: 10px;
    margin-bottom: 10px;
}

.menu-desktop .nav-main .menu-sub-all > .nav-sub > .nav-item > .nav-sub li {
    display: block;
    float: unset;
}

.menu-desktop .nav-main .menu-sub-all > .nav-sub > .nav-item > a {
    font-weight: bold;
    color: #000000;
    padding-bottom: 7px;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    background: #eee;
}

.menu-desktop .nav-main .menu-sub-all > .nav-sub {
    overflow: scroll;
    height: 100vh;
    display: grid;
}

.menu-desktop .nav-main .menu-sub-all > .nav-sub > .nav-item > .nav-sub > .nav-item {
    font-weight: normal;
    color: #000;
    padding-bottom: 0px;
    border: 0px;
}


.menu-desktop .nav-main .menu-sub-all > .nav-sub > .nav-item > .nav-sub > .nav-item a:before {
    content: "\f0da";
    font-family: FontAwesome;
    margin-right: 5px;
}

.menu-desktop .nav-main .menu-sub-all > .nav-sub > .nav-item > .nav-sub > .nav-item {
    font-size: 14px;
    line-height: 1.4;
    margin: 1px 0;
    padding-left: 20px;
    position: relative;
    list-style: none;
    padding: 0px;
}

.menu-desktop .nav-main .menu-sub-all > .nav-sub > .nav-item > .nav-sub > .nav-item > a {
    padding-bottom: 0px;
    padding-top: 0px;
}

.menu-desktop .nav-main .nav-item .fa.mm1 {
    position: absolute;
    top: 12px;
    right: 0px;
    color: #fff;
    font-size: 8px;
    line-height: 8px;
}

span.product-brand{
    margin-right:25px
}
nav li.fl {
    float: unset;
}
li.has_sub > ul{
    background:#f8f8f8
}
li.has_sub , nav li.fl{
    border-bottom:1px dashed #d9d9d9
}
nav li.fl a {
    font-weight: 700;
    color: #000 !important;
    text-decoration: none !important;
}
nav li.fl .sprite-icons {
    display: none;
}
nav li:first-child.fl, nav li:last-child.fl {
    display: none;
}
li.fl a {
    text-decoration: unset !important;
    color: #000 !important;
}
li.has_sub > ul > li{
    border:0;
    padding:8px;
    margin-left:6px
}
li.has_sub a{
    font-weight:700
}
li.has_sub > ul > li a{
    font-weight:400
}
li.has_sub > ul > li:last-child{
    padding-bottom:16px
}
.list-contact-sidebar ul{
    padding:20px 10px;
    background-color:#eee
}
.list-contact-sidebar ul li{
    margin-bottom:10px
}
.list-contact-sidebar ul li:last-child{
    margin-bottom:0
}
.list-contact-sidebar ul li .icon{
    width:30px;
    font-size:20px
}
.list-contact-sidebar ul li .icon i{
    color:var(--mainweb-color)
}
.list-contact-sidebar ul li .text{
    width:calc(100% - 30px);
    line-height:28px
}
.news-relate-title{
    margin:0 0 15px;
    font-size:18px;
    padding:20px 0 0;
    text-transform:uppercase;
    font-weight:700
}
.box-list-news-relate ul li{
    list-style:none;
    border-bottom:1px dotted #ccc;
    line-height:30px
}
.box-list-news-relate ul li a{
    text-decoration:none;
    font-size:14px;
    transition:all ease .5s
}
.box-list-news-relate ul li a>span{
    font-size:12px
}
.blog-news-detail{
    padding:30px 0
}
.blog-product{
    padding:30px 0
}
.blog-product-detail{
    padding:30px 0
}
.title-box{
    padding-left:30px;
    line-height:37px;
    font-size:18px;
    font-weight:700;
    text-transform:uppercase;
    color:var(--mainweb-color);
    background-image:url(../images/i_sanpham.png);
    background-repeat:no-repeat;
    background-position:left;
    margin-bottom:8px;
    margin-top:10px;
    border-bottom:2px solid var(--mainweb-color);
    position:relative;
    padding-right:80px
}
.name-pro-detail{
    text-align:center;
    font-size:18px;
    text-transform:uppercase;
    font-weight:700;
    color:#fff;
    background-color:#005085;
    line-height:1.5;
    padding:9px 10px
}
.content-pro-detail{
    padding:20px;
    background-color:#f4f4f4;
    margin-bottom:50px
}
.xemthem-pro{
    position:absolute;
    padding:0 10px;
    padding-right:0;
    right:0;
    bottom:0;
    font-size:12px;
    text-transform:none;
    font-weight:400
}
.xemthem-pro i{
    margin-left:5px
}
.list-pro-relate{
    padding-top:10px
}
.list-image{
    padding-top:20px
}
.dv-01-card-image{
    text-align:center
}
.dv-01-card-image:hover .image img{
    transform:scale(1.1)
}
.dv-01-card-image .image{
    display:block;
    overflow:hidden;
    margin-bottom:20px;
    position:relative;
    padding-bottom:70%
}
.dv-01-card-image .image img{
    transition:all .5s;
    object-fit:cover;
    height:100%;
    position:absolute;
    width:100%;
    left:0;
    top:0
}
.dv-01-card-image .box h3{
    font-size:17px;
    font-weight:600;
    line-height:20px;
    margin-top:0;
    height:40px;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden
}
.blog-galaxy{
    padding:30px 0
}
.col-video-item{
    margin-bottom:30px
}
.video-item{
    position:relative
}
.video-item .box{
    display:block;
    position:relative;
    padding-bottom:70%;
    overflow:hidden
}
.video-item a h3{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    color:#fff;
    background-color:rgba(0,0,0,0.4);
    margin:0;
    padding:15px 10px;
    text-align:left;
    font-size:16px;
    text-align:center
}
.video-item img{
    border-radius:10px;
    object-fit:cover;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    transition:all .5s
}
.video-item .box:hover img{
    transform:scale(1.1)
}
.video-item span{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    font-size:60px;
    width:60px;
    height:60px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:100%;
    background:-webkit-linear-gradient(0deg,var(--mainweb-color),#008b43);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-color:#fff
}
.video-item span i{
    line-height:1
}
.wrap-fill-row{
    padding-top:10px
}
.fill-row .form-inline .form-control{
    display:inline-block;
    width:auto;
    vertical-align:middle
}
.fill-row .form-inline select.form-control{
    margin-right:5px
}
.fill-row .form-inline label{
    white-space:nowrap;
    margin-bottom:0;
    margin-right:5px
}
.box-search-fill{
    text-align:right
}
.box-search-fill .form-group{
    display:flex;
    align-items:center;
    justify-content:flex-end
}
.fill-data{
    padding-top:20px;
    font-size:14px
}
.fill-data table thead{
    background-color:var(--mainweb-color);
    color:#fff
}
.fill-data table thead th{
    white-space:nowrap;
    font-size:16px;
    padding-top:10px;
    padding-bottom:10px
}
.fill-data table tbody td{
    font-weight:400
}
.fill-data .table-bordered>tbody>tr>td,.fill-data .table-bordered>tbody>tr>th,.fill-data .table-bordered>tfoot>tr>td,.fill-data .table-bordered>tfoot>tr>th,.fill-data .table-bordered>thead>tr>td,.fill-data .table-bordered>thead>tr>th{
    padding:10px
}
.fill-thong-so .thong-so{
    font-size:17px
}
.fill-thong-so .pagination-group{
    text-align:right
}
.fill-thong-so .pagination{
    margin:0
}
.fill-thong-so{
    margin-bottom:30px
}
.blog-tailieu{
    padding:30px 0
}
@media (max-width:1199px){
    .category-slide-1 .slick-prev.slick-arrow{
        left:0
    }
    .ct_truycap{
        width:220px
    }
    .ct_ketnoi{
        width:210px
    }
    .ct_form{
        width:calc(100% - 540px)
    }
    .category-slide-1 .slick-next{
        right:0
    }
    .list-way .item{
        width:calc(50% - 30px)
    }
    .product-card .image>a>img{
        height:auto
    }
    .product-detail .image-main img{
        height:auto
    }
}
@media (max-width: 991px){
    .title-footer{
        font-size:15px
    }
    #side-bar{
        position:relative;
        top:0
    }
    .noidung{
        margin-bottom:15px
    }
    .contact-center{
        display:none
    }
    .wrap-video .video img{
        height:200px
    }
    .product-detail .image-main img{
        height:auto
    }
    .ct_form{
        width:calc(100% - 145px)
    }
    .ct_truycap{
        width:50%
    }
    .ct_ketnoi{
        width:50%
    }
    .logo-footer{
        margin-bottom:0
    }
    .box_truycap{
        width:230px
    }
    .footer-top .row{
        display:block
    }
    .product-card .image>a>img{
        height:auto
    }
    .news-card .box .image img{
        height:230px
    }
    .group-social{
        margin-left:0
    }
    .wrap-subcribe{
        padding:50px 0 20px
    }
    .logo-head .image img{
        height:45px
    }
    .wrap-banner{
        padding:40px 0 0
    }
    .footer-main{
        padding:40px 0
    }
    .wrap-news{
        padding:30px 0
    }
    .wrap-contact{
        margin-top:25px
    }
    .footer:before{
        display:none
    }
    .contact-footer{
        float:left;
        max-width:100%;
        color:#fff;
        margin-bottom:20px
    }
    .link-footer{
        margin-bottom:20px
    }
    .footer__other{
        margin-bottom:20px
    }
    .br-footer{
        border-right:unset
    }
    .footer .container{
        max-width:720px
    }
    .contact-footer .hotline .inner{
        background:-webkit-linear-gradient(0deg,#f15929,#25aae1);
        -webkit-background-clip:text;
        -webkit-text-fill-color:transparent
    }
    .copyright{
        width:100%;
        text-align:center;
        order:1;
        margin-right:0
    }
    .footer-bottom{
        padding:8px 0
    }
    .blog-payment{
        width:100%;
        text-align:center
    }
    .wrap-video{
        padding-top:50px
    }
    .wrap-product-hot{
        padding:50px 0 80px
    }
    .list-way .item{
        max-width:335px;
        padding:25px 15px 35px;
        margin-bottom:15px
    }
    .wrap-way{
        background-position:100% 100%
    }
    .news-card-2 .box .image img{
        height:225px
    }
}
.sort-des{
    margin-bottom:0
}
@media (max-width:767px){
    h1.title-product{
        font-size:21px;
        margin-top:15px
    }
    div.tab{
        overflow:hidden;
        border-bottom:0 solid #ccc;
        margin-top:15px;
        margin-bottom:-1px;
        display:flex;
        justify-content:center
    }
    div.tab a:focus,div.tab .active{
        border-top:3px solid var(--mainweb-color)
    }
    .tabcontent{
        display:none;
        padding:10px 0;
        border:0 solid #f2f2f2;
        margin-bottom:35px;
        border-top:1px solid #f2f2f2
    }
    .layout-column{
        width:100%
    }
    .fill-thong-so .pagination-group{
        text-align:center;
        margin-top:20px
    }
    .logo-footer{
        margin-bottom:15px
    }
    .box-search-fill{
        text-align:left
    }
    .fill-row .form-inline input.form-control{
        width:100%
    }
    .wrap-social-footer{
        text-align:left
    }
    .template-detail{
        padding:20px 0 15px
    }
    .product-detail .image-main img{
        height:auto
    }
    .product-card .image>a>img{
        height:auto
    }
    .news-card-2 .box .name{
        height:auto
    }
    .news-card-2 .box .image img{
        height:auto
    }
    .news-card-2 .box .desc{
        height:auto
    }
    .group-title .title h3{
        font-size:24px
    }
    .wrap-partner .title h3{
        font-size:15px
    }
    .contact-right{
        padding-left:15px;
        margin-top:30px
    }
    .wrap-number{
        margin-top:0;
        padding-top:50px;
        padding-bottom:50px
    }
    .blog-number .desc{
        margin-bottom:0
    }
    .item-couter .box-couter{
        padding:30px 5px
    }
    .width-50{
        float:unset
    }
    .link-footer .list-link li{
        margin-bottom:5px
    }
    .link-footer{
        max-width:unset
    }
    .link-footer .title-footer{
        margin-bottom:15px
    }
    .footer-main{
        padding:40px 0 20px
    }
    .product-detail-infor{
        margin-top:30px
    }
    .home_top .payment .step .link{
        display:block;
        padding:8px
    }
    .home_top .payment .step .item.step-1{
        width:24%
    }
    .home_top .col-sm-12{
        width:100%
    }
    .home_top .payment .step .item.step-2{
        width:38%
    }
    .home_top .payment .step .item.step-3{
        width:38%
    }
    .chungnhan{
        margin-bottom:30px
    }
    .payment .step .item:first-child .link{
        padding-left:8px
    }
    .leader-list{
        padding:10px 15px 15px
    }
    .basic-info .col-sm-6{
        width:50%;
        float:left;
        padding:0 15px
    }
    .item-leader-detail{
        width:100%
    }
    .avatar-leader{
        width:50%
    }
    .leader-detail{
        padding:10px 15px
    }
    .leader-detail-inner{
        height:200px!important;
        padding:0
    }
}
@media (max-width: 550px){
    .name-pro-detail{
        font-size:14px
    }
    .product-list{
        padding:0 5px
    }
    .col-cate-item{
        padding:0 15px
    }
    .dv-01-col-card-image{
        padding:0 15px
    }
    .list-image{
        padding:0 5px;
        padding-top:20px
    }
    .basic-info .col-sm-6{
        width:100%
    }
    .leader-detail-inner{
        height:290px!important
    }
    .list-product-blog{
        padding:0 5px
    }
    .list-product-blog .col-cate-item{
        padding:0 10px
    }
    .lstLeader li{
        border-bottom:1px solid #fff
    }
    .leader-cate{
        width:100%
    }
    .lstCate li a{
        margin-right:0
    }
    .leader-list{
        padding:10px 15px 0
    }
    .info_member{
        padding-top:10px
    }
    .avatar-leader img{
        width:140px
    }
    .box_info_slide .desc{
        font-size:15px;
        line-height:24px
    }
    .ct_logo{
        width:100%;
        margin-bottom:15px
    }
    .ct_truycap{
        width:100%;
        margin-bottom:15px
    }
    .box_truycap ul{
        background-color:#fff;
        padding:10px 15px;
        border:1px solid #ccc
    }
    .ct_ketnoi{
        width:100%
    }
    .ct_form{
        width:100%
    }
    .title-box{
        font-size:14px;
        padding-right:0
    }
    .category-slide-1 .slick-prev.slick-arrow{
        left:-10px
    }
    .category-slide-1 .slick-next{
        right:-10px
    }
    .product-card-hot .image{
        width:150px
    }
    .section_feed_form .content{
        margin-top:15px
    }
    .wrap-video .video img{
        height:180px
    }
    .product-card .name{
        height:40px
    }
    .add-to-cart{
        font-size:13px;
        line-height:20px
    }
    .slide .slick-prev{
        left:10px
    }
    .sup-title-2{
        margin-bottom:20px
    }
    .slide .slick-next{
        right:10px
    }
    .logo-head{
        width:100%;
        justify-content:center
    }
    .list-way{
        justify-content:center
    }
    .list-way .item{
        width:calc(100% - 30px)
    }
    .wrap-video .video span{
        font-size:40px;
        width:40px;
        height:40px
    }
    .product-card-hot .content{
        width:calc(100% - 150px);
        padding-left:10px
    }
    .list-product-hot{
        margin-left:-15px;
        margin-right:-15px
    }
    .product-card-hot .image{
        width:110px
    }
    .product-card-hot .content{
        width:calc(100% - 110px)
    }
    .add-to-cart span{
        padding:0 10px
    }
    .wrap-banner .banner-item .box-text{
        left:20px
    }
    .breadcrumbs-slide .title-breadcrumbs-slide{
        font-size:18px
    }
    .blog-news{
        padding-top:5px;
        padding-bottom:5px
    }
    .breadcrumbs-slide{
        padding:0;
        min-height:55px;
        height:auto
    }
    .box_news_detail h1{
        font-size:20px
    }
    .blog-product-detail{
        padding:20px 0
    }
    .content-pro-detail{
        margin-bottom:30px
    }
    .title-headding .bg_img .title{
        font-size:20px
    }
    .product-detail-infor .box-infor h2{
        font-size:20px
    }
    .link{
        margin-top:0
    }
    .home_top .payment .step .item.step-1{
        width:100%
    }
    .home_top .payment .step .item.step-2{
        width:100%
    }
    .home_top .payment .step .item.step-3{
        width:100%
    }
    table .count .uk-position-relative{
        display:flex
    }
    table .count .btn{
        position:relative
    }
    table .count .augment{
        order:3;
        right:unset
    }
    table .count .quantity{
        order:2
    }
    table .count .abate{
        order:1;
        left:unset
    }
}
@media (max-width:375px){
    .card-news-horizontal-3 .image{
        width:100%
    }
    .card-news-horizontal-3 .content{
        width:100%;
        padding-left:0;
        padding-top:10px
    }
    .card-news-horizontal-3{
        margin-bottom:30px
    }
}
@media (max-width:700px){
    .language{
        margin-right:0!important;
        margin-top:4px;
        padding-bottom:4px
    }
    .logo-footer{
        display:none
    }
    .box_truycap{
        width:100%
    }
    .wrap-social-footer{
        text-align:center!important
    }
    .box-form form{
        max-width:100%;
        width:100%;
        position:relative
    }
    .nav-main li .nav-sub li>a:hover{
        color:#fff;
        text-decoration:underline
    }
    .noidung .row.albums-anh .img{
        border:1px solid #eee;
        margin-bottom:30px;
        height:unset
    }
    .card-news-horizontal-3 .image img{
        height:188px
    }
    .box-form form{
        max-width:100%;
        width:100%;
        position:relative
    }
    .search{
        position:absolute;
        margin:0;
        border:none;
        width:100%;
        top:100%;
        right:0;
        z-index:7;
        max-width:100%
    }
    .form_search .form-control{
        height:40px;
        border-radius:0;
        border:0;
        border-top:1px solid #eee
    }
    .form_search button{
        width:100px;
        background:#009548;
        color:#fff
    }
    b.btnclickOK input#submit{
        width:100%
    }
    .box_info_slide .button_slide{
        width:100%
    }
    .slide{
        padding:0;
        margin-left:0;
        margin-right:0
    }
    .box_nd_slide{
        margin-left:-15px;
        margin-right:-15px;
        overflow:hidden
    }
    .usa-header-mobiles{
        background-image:unset
    }
    .header-top{
        display:none
    }
    .box_slide_home .image img{
        min-height:unset;
        height:unset!important
    }
    .wrap-partner .list-item .box{
        padding:0
    }
    .languagemobile ul{
        display:flex;
        justify-content:center
    }
    .languagemobile li{
        display:inline-block;
        text-align:center;
        width:55px!important;
        border:0!important
    }
    .menu_fix_mobile li ul.nav-sub li a{
        padding:10px 0 10px 10px;
        display:block;
        color:#fff;
        font-size:15px;
        line-height:normal;
        line-height:1.5
    }
    .languagemobile li a{
        border:0!important
    }
    a.addthis_counter.addthis_pill_style.at_native_button{
        display:none!important
    }
    .zalo-share-button{
        position:relative;
        top:-5px;
        margin-left:5px
    }
    .share{
        display:flex;
        justify-content:center
    }
}