/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

@font-face
{
    src: url(Quicksand-Bold.ttf);
    font-family: 'Quicksand-Bold';
}
@font-face
{
    src: url(Quicksand-Regular.ttf);
    font-family: 'Quicksand-Regular';
}
@font-face
{
    src: url(SVN-Lobster.ttf);
    font-family: 'SVN-Lobster';
}
@font-face
{
    src: url(Montserrat-BoldItalic.ttf);
    font-family: 'Montserrat-BoldItalic';
}

@media only screen and (max-width: 48em) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/


}
h1, h2, h3, h4, h5, h6, .heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a {
    /* font-family: 'Quicksand-Regular' !important; */
}
.container-width, .full-width .ubermenu-nav, .container, .row {
    max-width: 1170px;
}
body{
    color: #000;
    /* font-family: 'Quicksand-Regular' !important; */
}
.header-block-block-1{margin-top:30px;}
.boxhd{
    font-size: 12px;
}
.boxhd p{
    padding-bottom: 5px;
}
.header-main i{
    color: #fff;
    opacity: 1 !important;
    }
    .ux-search-submit{background: rgb(88, 171, 0);}
    .ux-search-submit i{color: #000;}
    #content .page-inner li{margin-left: 45px}
    .blhd{background: url("images/banner-inside.jpg") center center;background-size: cover;margin-bottom: 30px;padding: 15px 0px;color:#fff}
    .blhd *{color: #fff;
    }
    .product-h .box-image {
        /* height: 182px; */
    }
    .owl-theme .owl-nav {
        position: absolute;
        top: 30%;
        width: 100%;
    }
    .owl-theme .owl-nav .owl-prev {
        background: url(images/icon-n-next.png) no-repeat !important;
        padding: 10px 15px !important;
        text-indent: -999px;
        left: -15px;
    }
    .owl-theme .owl-nav .owl-next {
        background: url(images/icon-n-prev.png) no-repeat !important;
        padding: 10px 15px !important;
        text-indent: -999px;
        right: -15px;
        position: absolute;
        margin-right: 0;
    }
    .page-wrapper {
        padding-top: 0px;
        padding-bottom: 30px;
    }
    .cart-item a{color:#fff !important;padding: 5px !important;}
    #mega-menu-wrap {
        width: 100%;
        background: #00aa56;
        position: relative;
    }
    #wide-nav>.flex-row>.flex-left {
        /* width: 33%; */
        /* min-width: 220px; */
        /* margin-right: 15px; */
        /* max-width: 290px; */
    }
    .is-outline:hover, .primary.is-outline:hover {
        color: #fff;
        background-color: #ff7c00;
        border-color: #ff7c00;
    }
    .home #mega_menu {
        margin-top: 0;
        border: 1px solid #efefef;
        background: #00aa56;
    }
    .home #mega_menu li{
        background: #00aa56;
    }
    #mega_menu li img{height:20px;width:auto}
    #mega_menu li a {
        padding: 8px 15px;
        display: block;
        font-size: 16px;
        padding-left: 10px;
        color:#fff;
    }
    #mega_menu li a:hover{
        background-color: #ff5757;
    }
.slider-wrapper{/* margin-top: 10px; */}
.add-to-cart-button a{
    /* background: #318a00; */
    border-radius: 20px;
    text-transform: unset;
    color: #009fe3;
    font-size: 14px !important;
    margin: 0 !important;
    font-family: 'Quicksand-Bold';
    background-color: #fff !important;
    border: 1px solid #009fe3;
}
.add-to-cart-button a:hover{
    background-color:#009fe3 !important;
    color:#fff;
}
.tabbed-content .nav>li.active>a {
    /* color: rgb(254,151,5); */
    /* text-transform: uppercase; */
    /* border: 1px solid; */
}
.tabbed-content .nav-uppercase>li>a {
    /* margin-bottom: 10px; */
}
.tabbed-content .nav-uppercase>li>a {
    /* letter-spacing: 0; */
    /* padding-left: 10px; */
    /* padding-right: 10px; */
    /* padding-top: 5px; */
    /* background: #f7f7f7; */
    /* padding-bottom: 5px; */
    /* border-radius: 4px; */
    /* border: 1px solid #65c400; */
}
.prdb{background: #fff;padding-bottom: 0;padding-top: 0;/* margin-bottom: 25px; */}
.prdb .product-h  {

    /* padding: 4px; */
}
.prdb .container{padding: 0px;}
.box-text p.name {
    height: 50px;
    overflow: hidden;
    text-align: center;
}
#min_price,#max_price{
    display: inline-block !important;
}
#min_price{
    float: left;width: 75px;
}
#max_price{
    float: right;width: 75px;
}
.price_slider_amount button{
    display: none
}
.price_label{
    display: none !important;clear: both
}
.prdb .product-h .box-text{
    padding-bottom: 0px;
    padding: 5px 10px;
}
.prdb .product-h .col-inner {
    background: white;
    /* border-radius: 4px; */
    border: 1px solid #dedede;
    /* padding: 8px; */
    padding-bottom: 8px;
}
.product-title a{
    font-weight: bold;
    font-size: 20px;color: #282829;
}
.price-wrapper span.amount{
    color: #ac1c1c;
}
.row.row-large {
    max-width: 1200px;
}
.product-short-description{
    font-size: 14px;
}
h1.product-title{
    font-size: 26px;
}
.woocommerce-tabs li{
    /* margin-right: 20px; */
    margin: 0;
}
.searchform-wrapper .searchform .button.icon {
    height: 40px;
    width: 10px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    background: transparent;
    border: none;
    position: absolute;
    right: 11px;
    top: 0;
    box-shadow: none;
}
.header-search-form-wrapper{
    width:411px;
}
.searchform-wrapper input[type=search] {
    height: 40px;
    border: 0;
    font-size: 13.5px;
    border: 1px solid #0A9A48;
    width: 411px;
    border-radius: 31px;  
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    padding: 0 25px;
    
}
.searchform-wrapper input[type=search]::placeholder{
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
}
.header-bottom {
    /* box-shadow: 0 0 4px 0 rgb(0 0 0 / 20%); */
    /* border-bottom: 5px solid #b3b2b2; */
    /* border-radius: 10px; */
}
#mega-menu-title {
    color: #333;
    box-shadow: 0 0 4px 0 rgb(0 0 0 / 20%);
}
#mega-menu-title {
    padding: 10px 0 10px 15px;
    font-size: 17px;
    font-family: "Roboto Condensed",sans-serif;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    text-transform: uppercase;
}
.nav > li > a{
    /* font-weight: normal !important; */
    font-size: 16px;
}
#main {
    /* background-color: #f5f5f5; */
}
.row-blog .col-inner {
    background: #fff;
}
.row-blog .col-inner .button.primary {
    margin: 3px 0 3px 9px;
}
.row-blog .slider-wrapper{
    margin-top: 0;
}
.text-thuonghieu {
    background: #fff;
    padding: 10px 20px;
    overflow: hidden;
}
.text-thuonghieu p {
    margin-bottom: 0;
}
img.size-full.alignnone {
    margin-bottom: 10px;
}

.khuyen-mai .col-inner{
    background-color: rgb(255,255,255);
}
.section-title-normal span {
    border-bottom: 0;
    /* color: #000; */
    /* padding: 10px; */
    /* font-size: 16px; */
    /* border-top: 3px solid #1c70c8; */
    /* min-width: 254px; */
    /* text-align: Center; */
    /* margin-right: 0; */padding: 0;
}
.section-title-normal {
    border: none;
    /* background-color: #fff; */
    margin-bottom: 0;
}
.sale-pro .product-small .col-inner:hover{
    -webkit-box-shadow: 0 3px 6px -4px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
    box-shadow: 0 3px 6px -4px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
}
.tieu-de-san-pham {
    border-bottom: 1px solid #ececec;
    float: left;
    font-size: 15px;
    line-height: 19px;
    margin: 20px 0;
    position: relative;
    /* text-transform: uppercase; */
    width: 100%;
    margin-bottom: 0;
    background: #fff;
}
.tieu-de-trai {
    /* background: #c10b17; */
    color: #fff;
    float: left;
    padding: 11px 0;
    position: relative;
    /* border-top: 3px solid #4A90E2; */
    text-transform: uppercase;
    font-family: 'Montserrat-Bold';
}
.product-c2 {
    float: right;
    padding-left: 20px;
    padding-top: 10px;
}
.product-c2 li {
    float: left;
    color: #000000;
    list-style-type: none;
    padding: 0 5px;
}
.product-c2 li a{
    color: rgba(102,102,102,0.85);
    text-transform: unset;
}
.tieu-de-san-pham .xem-tat-ca {
    position: absolute;
    right: 0;
    text-transform: none;
    top: 15px;
    /* display: none; */
}
.tieu-de-san-pham .xem-tat-ca a {
    color: #1302fe;
    font-size: 16px;
}
.tin-tuc-nb{
    background: transparent;
}
html {
    background-color: #f5f5f5 !important;
}
.row-nb{
    margin: 0 !important; 
}
.post-title {
    color: #000;
}
.facebook-ft{
    text-align: right;
}
.copyright-footer{
    color: #fff;
    display: flex;
    align-items: center;
}
.copyright-footer #branding-bottom{
    margin-right:5px;
}
.dark .payment-icon {
    background-color: rgba(0,0,0,0.1);
    opacity: 1;
}
.dark .payment-icon svg {
    fill: rgba(0,0,0,0.5);
}
.archive .large-9 {

    email-tuvan
    float: right;
}
.entry-title {
    color: #000;
}
.shop-page-title.featured-title .title-overlay {
    background-color: #fff!important;
}
.dark .breadcrumbs a{
    color:#000;
}
.dark .breadcrumbs{
    color:#000;
    text-shadow: unset;
}
.category-page-row .large-3{
    background: #fff;
}
.category-page-row .shop-container{
    background: #fff;
}
.product-main .content-row {
    background: #fff;
    max-width: 1200px;
    /* padding-top: 15px; */
}
.product-footer .container {
    background-color: #fff;
    max-width: 1200px;
}
.screen-reader-text{
    display: none;
}
.box-mota-theloai {
    overflow: hidden;
}
.box-mota-theloai .title-note, .box-mota-theloai .title-b {
    float: left;
    margin: 0 5px 20px;
}
.title-b {
    font-weight: bold;
}
.box-mota-theloai a {
    background: #4a90e2;
    .: ;
    display: inline-block;
    padding: 5px 10px;
    color: #fff;
    border-radius: 4px;
}
#mega_menu>li {
    background: #00aa56;
}

#masthead .nav.nav-left > li{

    margin: 0 20px;
}
#masthead .nav.nav-left > li > a{
    color: #fff;
    font-size: 14px;
    /* text-transform: unset; */
    font-weight: bold;
}
#masthead .nav.nav-left > li.active > a{
    color: #fff;
}
.hotline-hd{
    background: #8f8b8b;
    border-radius: 27px;
    padding: 7px 18px;
    /* padding-bottom: 1px; */
}
.hotline-hd h3{
    color: #ffffff;
    font-family: 'PlusJakartaSans-Bold';
    font-size: 18px;
    margin-bottom: 0;
}
.xem-them-sl{
    font-family: 'SVN-Hemi-Head';
    color: #ffffff;
    font-size: 18px;
    background-color: #4056a6 !important; 
    border-radius: 45px 0px 45px 0px;font-weight: unset;
}
.xem-them-sl span{

}
.sl-h1{
    padding-bottom:0;
}
.sl-h1 p{
   font-family: 'PlusJakartaSans-BoldItalic';
   color: #4056a6;
   font-size: 48px;
   margin-bottom: 0;line-height: 43px;
   margin-top: 0;
}
.sl-h2{
   padding-bottom:0;
}
.sl-h2 p{
   font-family: 'PlusJakartaSans-BoldItalic';
   color: #f47f2e;
   font-size: 62px;
   margin: 0;
}
.sl-h3{
   padding-bottom:0
}
.sl-h3 p{
   font-family: 'PlusJakartaSans-Italic';
   color: #4d4d4d;
   font-size: 18px;
   margin: 0;
}
.class-about .title-h4 h4{

}
.class-about .title-h4 h4 span{
    color: #fefeff;
    font-size: 22px;
    font-family: 'PlusJakartaSans-Bold';
}
.desc-about{
    font-family: 'PlusJakartaSans-Regular';
    color: #ffffff;
    font-size: 14px;
    border-left: 5px solid #fff;
    padding-left: 10px;
}
.sumenh1 h3{
    font-family: 'PlusJakartaSans-ExtraBold';
    color: #ffffff;
    font-size: 13px;
}
.sumenh1 p{
    font-family: 'PlusJakartaSans-Regular';
    color: #ffffff;
    font-size: 10px;
}
.sumenh1{
    border: 1px dashed #fff;
    padding: 15px 5px;border-radius: 10px;
}
#manucarousel01 .item{
    position: relative;
    width: 100%;
    height: 100%;
    /* margin-bottom: 15px; */
    /* padding-right: 9px; */
}
#manucarousel01 .item:before {
    /* content: ""; */
    position: absolute;
    width: 103%;
    height: 100%;
    background: #717172;
    right: -10px;
    top: 12px;
    border-radius: 10px;
}
#manucarousel01 .item img{
    position: relative;
    /* border-radius: 10px; */
}
.sp-chinh{
    text-align: center;
}
.sp-chinh h3{
    text-align: center;
    margin-top: 0;
    font-weight: unset;
}
.sp-chinh h3 span{
 font-family: 'PlusJakartaSans-Bold';
 color: #ffffff;
 font-size: 24px;
 margin: 0 auto;
 background: #2e2e2e;
 padding: 10px 85px;
 border-radius: 0px 0px 30px 30px;
 font-weight: unset;
}
.with-auto{
    text-align: center;
    margin-bottom: 0 !important;
}
.with-auto img{
    width: auto;
    margin: 0 auto;
}
.title-sp{

}
.title-sp h3{

    margin-top: 40px;}
    .title-sp h3 span{
       font-family: 'PlusJakartaSans-Bold';
       color: #ffffff;
       font-size: 27px;
   }
   .bot-sp{
       font-family: 'PlusJakartaSans-Bold';
       color: #ffffff !important;
       font-size: 14px;
       float: left;
   }
   .bot-sp span{

   }
   .col-6-sp >.col-inner{
    padding-top: 45px;
    padding-bottom: 30px;
    border-radius: 10px;
}
.col-row-sp{
    margin: 0 auto !important;
}
.border-img img{
    border-radius: 10px;
}
.title-new{
    text-transform: unset;
    margin-bottom: 0;
}
.title-new h4{
    text-transform: unset;
}
.title-new h4 span{
    font-family: 'PlusJakartaSans-Bold';
    color: #4056a6;
    font-size: 24px;
    text-transform: unset;
}
#home-news{

}
#home-news ul{

}
#home-news ul li {
    border-bottom: solid 1px rgba(151, 151, 151, 0.58);
    padding: 5px 0px;
    /* line-height: 20px; */
    list-style-type: none;
}
#home-news ul li:first-child {
    overflow: hidden;
}
#home-news ul li a{
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #656565;
    font-family: 'PlusJakartaSans-Medium';
}
#home-news ul li:first-child a {
    /* font-weight: 600; */
    color: #4056a6;
}
.title-qc{
    margin-bottom: 0;
}
.title-qc h3{
    text-align: center;
    position: relative;
}
.title-qc h3 span{
    margin: 0 auto;
    color: #fff;
    font-family: 'PlusJakartaSans-Bold';
    font-size: 20px;
}
#footer .col .widget-title{
   font-weight: 400;
   font-size: 24px;
   line-height: 29px;
   display: flex;
   align-items: center;
   color: #fff;
   float: left;
   padding-bottom: 14px;
   width: 100%;
}
.content-cs {
    float: left;
}
.content-cs p {
    margin-bottom: 10px;
    font-size: 16px;
    color: #fff;
    /* font-family: 'PlusJakartaSans-SemiBold'; */
    font-family: 'Montserrat-Regular';
}
.content-cs p i{
    color: #00863f;
    font-size: 15px;
}
#footer .col .is-divider{
    display: none;
}
.hotro{
    float: left;
}
.hotro p{
    /* margin-bottom: 5px; */
    /* font-size: 14px; */
    /* color: #696969; */
    /* font-family: 'PlusJakartaSans-Medium'; */
}
.hotro p b{
    color: #f36523;
    font-family: 'PlusJakartaSans-ExtraBold';
}
.form-footer .col-dki label{
 font-family: 'PlusJakartaSans-Bold';
 font-size: 12px;
 color: #696969;
}
.form-footer{
    float: left;
}
.form-footer .col-dki input{
    height: 32px !important;
}
.form-footer .col-dki input::placeholder{
    font-family: 'PlusJakartaSans-Bold';
    font-size: 12px;
    color: #696969;
}
.form-footer .dki-ft input{
    background-color: #0f309c !important;
    color: #ffffff;
    font-family: 'PlusJakartaSans-Medium';
    text-transform: unset;
    font-size: 12px;
}
#footer .col .widget {
    float: left;
    width: 100%;
}
#footer{
  
    background-size: cover;
    /* padding-top: 20px; */
    /* background: #f6fcff; */
    /* padding-bottom: 30px; */
}
.footer-1{
    /* background-color: transparent !important; */
    border-top: unset;
    margin-top: 0;
    padding-bottom: 30px;
}
.absolute-footer{
    display: none;
    color: #fff;
}
#footer .col{
    padding-bottom: 0 !important;
}
.page-header {
    /* padding-bottom: 9px; */
    margin: 0 0 0;
    border-bottom: 1px solid #eee;
    font-family: 'PlusJakartaSans-Bold';
    color: #000000;
    background-image: linear-gradient(to bottom, #ece9e9 , #ffffff);
    margin-bottom: 20px;
}
.page-header strong{
    margin-right: 0px;
    /* border-bottom: 2px solid #ececec; */
    display: inline;
    line-height: 35px;
    color: #fff;
    font-size: 17px;
    padding: 9px 10px;
    background-color: #0a9a48;
    position: relative;
    margin-bottom: 0;
}
.page-header strong::after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 18px solid transparent;
    border-left: 13px solid #0a9a48;
    border-right: 0 solid transparent;
    border-bottom: 18px solid transparent;
    position: absolute;
    top: 1px;
    right: -13px;
}
.col-p{
    padding-bottom: 0 !important;
}
.col-p p{
    margin-bottom: 0;
}
.form-flat.contact-new input{
    background-color: transparent;
    border-radius: 5px;
}
.form-flat.contact-new textarea{
    background-color: transparent;
    border-radius: 5px;
}
.form-flat.contact-new input[type='submit']:not(.is-form){
    background-color: #009fe3;
}
.blog-archive .row.align-center>.large-10{
    max-width: 100% !important;
    flex-basis: 100% !important;
}
.news-page .title a{
    font-size: 16px;
    /* text-transform: uppercase; */
    font-family: sans-serif;
    font-weight: bold;
    display: block;
    color: #00863f;
    /* font-family: 'PlusJakartaSans-Bold'; */
}
.news-page .views-field-created {
    font-size: 12px;
    font-style: italic;
    color: #000000;
    /* font-family: 'PlusJakartaSans-Italic'; */
}
.property-content p {
    color: #000;
    font-size: 14px;
    /* font-family: 'PlusJakartaSans-Regular'; */
}
.views-field-view-node {
    /* text-align: right; */
    margin-top: 10px;
    float: left;
    width: 100%;
}
.views-field-view-node a {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    color: #30c4ee;
    /* font-family: 'PlusJakartaSans-Regular'; */
    display: inline-block;
    line-height: 30px;
    padding: 0 25px 5px 20px;
    position: relative;
    z-index: 1;
    color: #fff;
    border: 0;
    font-size: 14px;
    font-weight: 700;
    min-width: 100px;
    text-transform: uppercase;
    text-align: center;
    /* float: left; */
    /* width: 100%; */
}
.field-content1{
    position:
    relative;
    padding: 10px;
}
.field-content1::before {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    right: 0;
    bottom: 0;
    left: 5px;
    z-index: -2;
    border: 1px solid #00863f;
}
.field-content1::after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    right: 5px;
    bottom: 5px;
    left: 0;
    background: -webkit-gradient(linear,left top,right top,from(#0e76bc),to(#34bcea));
    background: linear-gradient(to right,#00863f,#27af67f7);
}
.property{
    border-bottom: 2px solid #ccc;
    /* padding-bottom: 10px; */
    margin-bottom: 25px;
    overflow: hidden;
}
.blog-single{
    /* padding-top: 30px; */
}
.blog-single .row.align-center>.large-10{
 max-width: 100% !important;
 flex-basis: 100% !important;
}
.blog-single .post-date-day{
    font-style: italic;
    font-weight: 400;
    color: #777;
    font-family: 'PlusJakartaSans-Italic';
    font-size: 12px;
}
#nav-below{
    /* display: none; */
}
.img-content{
    float: right;
    max-width: 50%;
    padding-left: 15px;
}
.blog-single .entry-content{
    padding-top: 0;
}
table thead th {
    font-weight: normal;
    height: 45px;
    vertical-align: middle;
    border-right: 1px solid #ccc;
    text-align: center;
    font-size: 15px;
}
table{
    border: 1px solid #ddd;
    max-width: 100%;}
    table > tbody > tr td {
        border: 0;
        border-right: 1px solid #ccc;
        vertical-align: middle;
        padding: 0;padding-left: 5px !important;
    }
    table > tbody > tr.odd {
      background-color: #e3f6fa;
  }
  table > thead > tr th p{
    margin-bottom: 0;
    font-size: 13px;
}
.category-page-row{
    padding-top: 0;
    /* margin-top: 30px !important; */
}
.category-page-row .price-wrapper{
    /* display: none; */
    text-align: center;
    width: 100%;
}
.add-to-cart-button{
    display:none;
    /* position: absolute; */
    /* right: 0; */
}
p.box-excerpt{
    font-size: 16px;
    color: ##282829;
    display: none;
}
.products.row.row-small{
    max-width: 1200px !important;
    margin-top: 30px;
}
table > tbody > tr:last-child td a {
    font-size: 14px;
    display: inline-block;
    padding: 8px 20px 7px;
    min-width: 130px;
    text-align: center;
    color: #fff;
    background: #f48030;
    margin-right: 5px;
    border-radius: 50px;
}
.price-wrapper{
    /* display: none; */
}
.price-wrapper ins{
    /* color: #009fe3; */
    font-size: 18px;
    /* position: absolute; */
    /* left: 0; */
}
.price-wrapper del{
    /* position: absolute; */
    /* top: 24px; */
    color: #b3b2b2;
    font-size: 14px;
    /* font-family: 'Quicksand-Bold'; */
}
.product-short-description p{
    font-size: 16px;
    color: ##282829;
}
.mota-desc .accordion-item >a{
    background-color: #f4802d;
    color: #fff;
}
.mota-desc .accordion-item{
    margin-bottom: 20px;
}
.mota-desc .accordion-item a .toggle{
    left: unset;
    right: 0;
    opacity: 1;
}
.header-main i.icon-menu{
    color: #fff;
}
.woocommerce-ordering{
    /* display: none; */
}
#masthead .nav.nav-left > li:first-child > a i{
    color: #0A9A48;
}
#masthead .nav.nav-left > li:first-child > a{
    /* background-color: #fff; */
    /* border-radius: 50%; */
    /* padding: 5px 5px; */
}
.ladi-headline{
    margin-bottom: 0;
    text-align: right;
    float: right;
    margin-right: 
    auto;width: 100%;
}
.ladi-headline h3{  
    line-height: 40px;
    text-align: right;
    float: right;
    width: 100%;
    display: block;
    margin-bottom: 10px;
}
.ladi-headline h3 span{
    color: rgb(26, 42, 83);
    font-size: 34px;
    font-weight: bold;
    /* line-height: 1.6; */
    font-family: 'Montserrat-Bold';
    margin-right: 0;
    margin: unset;
    text-align: right;
    float: right;
    line-height: 34px;
}
.ladi-headline1{
    margin-bottom: 0;
    text-align: right;
    float: right;
    margin-right: 
    auto;width: 100%;
}
.ladi-headline1 h3{  
    /* line-height: 40px; */
    /* text-align: right; */
    /* float: right; */
    width: 100%;
    /* display: block; */
    margin-bottom: 10px;
}
.ladi-headline1 h3 span{
    color: rgb(232, 36, 77);
    font-size: 55px;
    font-weight: bold;
    /* line-height: 1.6; */
    font-family: 'Montserrat-Bold';
    margin-right: 0;
    margin: unset;
    /* text-align: right; */
    float: right;
    /* line-height: 34px; */
}
.col-padding .col{
    padding-bottom: 0;
}
.ladi-headline2{
    margin-bottom: 0;
    /* text-align: right; */
    /* float: right; */
    margin-right: 
    auto;width: 100%;
}
.ladi-headline2 h3{  
    /* line-height: 40px; */
    /* text-align: right; */
    /* float: right; */
    width: 100%;
    /* display: block; */
    margin-bottom: 0;
}
.ladi-headline2 h3 span{
    color: rgb(26, 42, 83);
    font-size: 24px;
    /* font-weight: bold; */
    /* line-height: 1.6; */
    font-family: 'Montserrat-Bold';
    margin-right: 0;
    margin: unset;
    /* text-align: right; */
    float: right;
    /* line-height: 34px; */
}
.gia-han{
    margin-bottom: 5px;
}
.gia-han h3{
}
.gia-han h3 span{
    color: #fff;
    font-size: 21px;
    font-family: 'Montserrat-Bold';
    margin-right: 0;
    margin: unset;
    background: linear-gradient(287deg, rgba(122, 191, 70, 1), rgba(10, 92, 21, 1));
    border-radius: 4px;text-transform: unset;padding: 2px 19px;
}
.tong-giam{
    background: linear-gradient(285deg, rgba(248, 192, 54, 1.0), rgba(236, 85, 48, 1.0));
    border-radius: 4px;
    float: left;width: 100%;padding: 15px;
}
.tong-giam .giam{
    float: left;
    margin-bottom: 0;
    width: 100%;
}

.giam-m p{
    color: rgb(26, 42, 83);
    font-size: 16px;
    font-weight: bold;
    line-height: 40px;
    margin-bottom: 0;/* white-space: nowrap; */
}
.tang-m{
    float: left;
}
.tang-m p{
    color: rgb(255, 255, 255);
    font-size: 25px;
    font-weight: bold;
    /* line-height: 1.6; */
    margin-bottom: 0;
}


.dangky{
 animation-name: pulse;
 -webkit-animation-name: pulse;
 animation-delay: 1s;
 -webkit-animation-delay: 1s;
 animation-duration: 1s;
 -webkit-animation-duration: 1s;
 animation-iteration-count: infinite;
 -webkit-animation-iteration-count: infinite;
 background: linear-gradient(180deg, rgba(254, 244, 18, 1.0), rgba(243, 140, 1, 1.0));
 margin-top: 20px;border: none;padding: 0 30px;
}
.dangky span{
    color: rgb(26, 42, 83);
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.6;

}
.sb-news{
    box-shadow: 0px 0px 30px -15px rgb(0 0 0 / 40%);
    -webkit-box-shadow: 0px 0px 30px -15px rgb(0 0 0 / 40%);
    background-color: rgb(255, 255, 255);
    padding: 26px 5px;
}
.sb-news .ladi-headline-sb{
    color:#0c4ca3;
    font-size:17px;
    font-family: 'Montserrat-Bold';
    line-height: 20px;
    margin-bottom: 10px;
}
.sb-news .ladi-paragraph{
    font-family: 'Montserrat-Regular';
    font-size: 15px;
    color: #000000;
    line-height: 18px;
}
.sb-news .ladi-paragraph span{
   font-family: 'Montserrat-Bold';
}
.sb-news:hover .ladi-headline-sb{
    color: #00863f;
}
.row-gt{
    margin-top: -80px;
}
.ladi-headline-vct{
 color:#005a9d;
 font-size:17px;
 font-family: 'Montserrat-Bold';
 line-height: 20px;
 text-align: center;
 margin-bottom: 0;
}
.col-12-vct{
    padding-bottom: 0 !important;
}
.img-dt .col{
   padding: 0 !important;
}
.ladi-headline-ts{
    color:#fff;
    font-size:34px;
    font-family: 'Montserrat-Bold';
    text-align: center;
    margin-bottom: 0;
}
.ladi-headline-xk{
    color:#fff;
    font-size:18px;
    font-family: 'Montserrat-Regular';
    text-align: center;
    margin-bottom: 0;
    margin-top: 14px;
}
.dki-ngay{
    margin-top: 10px;
    padding: 0 40px;
}
.dki-ngay span{
    font-family: 'Montserrat-Bold';
    font-size: 14px;
    color: #fff;
}
.co-lang{
    background-color: #0c4ca3;
    /* padding-left: 10px; */display: 
    flex;justify-content: 
    center;margin: 0 auto;
    width: 100%;
    padding: 5px 0;
    overflow: hidden;
}
.co-lang h3{
    font-family: 'Montserrat-Bold';
    font-size: 24px;
    color: #fff;
    margin-bottom: 0;
    margin-top: 8px;
    text-transform: uppercase;
}
.co-lang .icon-box-text{
    flex: unset;
}
.row-lang{
    max-width: 900px;
}
.row-lang .medium-6 .col-inner{
    box-shadow: 0px 0px 30px -15px rgb(0 0 0 / 40%);
    -webkit-box-shadow: 0px 0px 30px -15px rgb(0 0 0 / 40%);
    background-color: rgb(255, 255, 255);
    /* border-bottom-left-radius: 20px; */
    /* border-bottom-right-radius: 20px; */
    overflow: hidden;padding-bottom: 10px;border-radius: 20px;
}
.box-row{
    margin: 20px 18px;
    width: 100%;
}
.box-row .icon-box-text{
    /* flex: unset; */
    padding-left: 0!important;float: left;
}
.box-row .icon-box-text h3{
    color: rgb(0, 0, 0);
    font-size: 16px;
    text-align: center;
    font-family: 'Montserrat-Bold';
    margin-bottom: 0;
}
.box-row .icon-box-text p{
    color: rgb(232, 36, 77);
    font-weight: bold;
    font-family: 'Montserrat-Regular';
    text-align: center;
}
.box-row .icon-box-img{
    margin-left: 35px;
}
.ladi-headline-money{
    color: #000000;
    font-size: 24px;
    font-family: 'Montserrat-Regular';
    text-align: center;
    font-weight: unset;
    margin-bottom: 0;
}
.ladi-headline-money strong{
    font-family: 'Montserrat-Bold';
}
.ladi-headline-money1{
    color: #000000;
    font-size: 24px;
    font-family: 'Montserrat-Regular';
    text-align: center;
    font-weight: unset;
}
.ladi-headline-money1 strong{
    font-family: 'Montserrat-Bold';
    font-size: 72px;
    color: #00863f;
    line-height: 72px;
}
.khi-chide{
    text-align: center;
}

.ladi-headline-cham{
    color: #000000;
    font-family: 'Montserrat-Regular';
    font-size: 22px;
    text-align: center;
    font-weight: unset;
}
.dki-tuonglai{
    padding:0 40px;
    animation-name: pulse;
    -webkit-animation-name: pulse;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    border-bottom: 5px solid #00863f;
}
.dki-tuonglai span{
    color: #ffffff;
    font-size: 24px;
    font-family: 'Montserrat-Bold';
}
.thu-nhap{
    padding-bottom: 0 !important;
}
.co-lang1{
    background-color: #0c4ca3;
    /* padding-left: 10px; */display: 
    flex;justify-content: 
    center;margin: 0 auto;
    width: 100%;
    padding: 5px 0;
    overflow: hidden;
}
.co-lang1 h3{
    font-family: 'Montserrat-Bold';
    font-size: 25px;
    color: #fff;
    margin-bottom: 0;
    margin-top: 0;
    text-transform: uppercase;
    text-align: center;
    line-height: 35px;
}
.co-lang1 p{
    font-family: 'Montserrat-Regular';
    font-size: 20px;
    color: #fff;
}
.row-lang1 .col-inner{
    box-shadow: 0px 0px 30px -15px rgb(0 0 0 / 40%);
    -webkit-box-shadow: 0px 0px 30px -15px rgb(0 0 0 / 40%);
    background-color: rgb(255, 255, 255);
    border-radius: 20px;
    overflow: hidden;
}
.tich-chon{
    padding: 10px 15px;
}
.tich-chon p{
    font-family: 'Montserrat-Regular';
    font-size: 14px;
    color: #000;
}
.tham-gia{
    animation-name: pulse;
    -webkit-animation-name: pulse;
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    padding: 0 30px;
}
.tham-gia span{
 font-family: 'Montserrat-Bold';
 font-size: 14px;
 color: #fff;
}
.video-col .mb{
    margin-bottom: 10px;
}
.video-col p{
    color: rgb(0, 0, 0);
    font-size: 16px;
    font-family: 'Montserrat-Bold';
    text-align: center;
}
.lotrinh-col{
    margin-bottom: 0;
    text-align: center;
}
.lotrinh-col h2{

}
.lotrinh-col h2 span{
    color: #00863f;
    font-family: 'Montserrat-Regular';
    font-size: 21px;
    margin: 0 auto;
}
.thanhcong-col{
    margin-bottom: 0;}
    .thanhcong-col h3{

    }
    .thanhcong-col h3 span{
     color: #0f4fa1;
     font-size: 33px;
     font-family: 'Montserrat-Bold';
     margin: 0 auto;
 }
 .thamgia{
    padding-bottom: 0 !important;
}
.lo-trinh p{
    color: #0f4fa1;
    font-family: 'Montserrat-Bold';
    font-size: 16px;
    text-align: center;
}
.dieukien-col{
    margin-bottom: 0;
}
.dieukien-col h2{

}
.dieukien-col h2 span{
    color: #0f4fa1;
    font-family: 'Montserrat-Bold';
    font-size: 33px;
}
.xk-col{

}
.xk-col h3{
    font-weight: unset;
    position: relative;
    padding-bottom: 10px;
}
.xk-col h3:before{
    content: "";
    background: #cdcbca;
    width: 328px;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.xk-col h3 span{
 color: #00863f;
 font-family: 'Montserrat-Regular';
 font-size: 30px;
}
.dieu-kien .col p{
    color: #000000;
    font-size: 16px;
    font-family: 'Montserrat-Bold';
    text-align: center;
    margin-bottom: 5px;
}
.icon-dk{
    background: rgba(255, 90, 94, 1.0);
    background: -webkit-linear-gradient(255deg, rgba(255, 90, 94, 1.0), rgba(232, 36, 77, 1.0));
    background: linear-gradient(255deg, rgba(255, 90, 94, 1.0), rgba(232, 36, 77, 1.0));
    box-shadow: 0px 9px 8px -12px #000;
    -webkit-box-shadow: 0px 9px 8px -12px #000;
    border-radius: 0px 4px 4px;
    padding: 2px 10px;
    margin-bottom: 10px;
}
.icon-dk p{
    color: #fff !important;
    /* font-size: 17px !important; */
    /* font-family: 'Montserrat-Bold' !important; */
    margin-top: 12px;
    float: left;
    text-align: left !important;
}
.dieu-kien{
    padding-bottom: 0 !important;
}
.dieu-kien .col{
    padding-bottom: 0 !important;
}
.ld-col{
    margin-bottom: 0;
}
.ld-col h2{
    margin-bottom: 0;
}
.ld-col h2 span{
    color: #0f4fa1;
    font-family: 'Montserrat-Bold';
    font-size: 33px;
    margin: 0 auto;
}
.giotoi-col{

}
.giotoi-col h3{
    position: relative;
    padding-bottom: 10px;
    font-weight: unset;
}
.giotoi-col h3 span{
 color: #00863f;
 font-family: 'Montserrat-Regular';
 font-size: 24px;
 margin: 0 auto;
}
.giotoi-col h3:before{
    content: "";
    background: #cdcbca;
    width: 90px;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    margin: 0 auto;
    right: 0;
}
.name-col{
    margin-bottom: 9px;
}
.name-col h3{
    background: #00863f;
    text-align: center;
    border-radius: 0px 4px 4px;
    font-weight: unset;
}
.name-col h3 span{
    color: #ffffff;
    font-family: 'Montserrat-Bold';
    font-size: 26px;
    margin: 0 auto;
    text-transform: unset;
}
.namsinh-col{
    margin-bottom: 0;
}
.namsinh-col h4{

}
.namsinh-col h4 span{
   color: #0f4fa1;
   font-family: 'Montserrat-Bold';
   font-size: 18px;
   text-transform: unset;
}
.tich-chon1 p {
    font-family: 'Montserrat-Regular';
    font-size: 14px;
    color: #000;
    margin-top: 5px;
}
.row-slider{
    /* box-shadow: 0px 0px 30px -15px rgb(0 0 0 / 20%); */
    /* -webkit-box-shadow: 0px 0px 30px -15px rgb(0 0 0 / 20%); */
    /* background-color: rgb(255, 255, 255); */
    /* padding-top: 20px; */
}
.title-ts{

}
.title-ts h3{
    position: relative;
    padding-bottom: 10px;
}
.title-ts  h3:before{
    content: "";
    background: #cdcbca;
    width: 90px;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    margin: 0 auto;
    right: 0;
}
.title-ts h3 span{
    color: #0f4fa1;
    font-size: 33px;
    font-family: 'Montserrat-Bold';
    margin: 0 auto;
}
.ts-luachon{
    padding-top: 0 !important;
}
.lo-trinh{
    padding-bottom: 0 !important;
}
.ts-luachon{
    padding-bottom: 0 !important;
}
.ts-luachon .col{
    padding-bottom: 0 !important;
}
.img-dt{
    padding-top: 10px !important;
}
.kh-icon{
    box-shadow: 2px 7px 15px 0px rgb(85 85 85 / 20%);
    -webkit-box-shadow: 2px 7px 15px 0px rgb(85 85 85 / 20%);
    border-radius: 3px;
    padding: 24px 8px;/* padding-left: 0; */
}
.kh-icon h3{
    color: #0f4fa1;
    font-size: 14px;
    font-family: 'Montserrat-Bold';
    font-weight: unset;
    line-height: 19px;
    margin-bottom: 0;
}
.kh-icon p{
    color: #00863f;
    font-size: 14px;
    font-family: 'Montserrat-Regular';
}
.col-for-khong .col{
    padding: 0 5px 15px;
}
.ladi-paragraph-bo-ld{
    color: rgb(36, 50, 132);
    font-size: 22px;
    font-family: 'Montserrat-Bold';
    text-align: center;
    margin-bottom: 0;
    line-height: 25px;
}
.box-bo p{
    color: #000000;
    font-size: 16px;
    font-family: 'Montserrat-Regular';
    margin-top: 2px;
}
.box-bo p strong{
    font-family: 'Montserrat-Bold';
}
.col-video .col-inner{
    background: #0f4fa1;
    box-shadow: 0px 15px 30px -10px rgb(8 76 205 / 30%);
    -webkit-box-shadow: 0px 15px 30px -10px rgb(8 76 205 / 30%);
    border-color: rgb(255, 255, 255);
    border-width: 2px;
    border-radius: 10px;
    padding: 15px;
}
.video-bo {
    margin-bottom:15px;
}
.gt-video{
   color: #fff;
   font-size: 15px;
   font-family: 'Montserrat-Bold';
   text-align: center;
   margin-bottom: 0;
}
.ng-ld{
   font-family: 'Montserrat-BoldItalic';
   color: #00863f;
   font-size: 12px;
}
.title-ha{

    margin-bottom: 0;
}
.title-ha h3{

}
.title-ha h3 span{
   color: #0f4fa1;
   font-size: 33px;
   font-family: 'Montserrat-Bold';
   margin: 0 auto;
}
.desc-ha{

    text-align: center;

    max-width: 555px;
}
.desc-ha h4{

    font-weight: unset;
}
.desc-ha h4 span{
   color: #00863f;
   font-size: 24px;
   font-family: 'Montserrat-Regular';
   margin: 0 auto;
   text-transform: unset;
}
#manucarousel01 .owl-nav{  
    /* position: absolute; */
    
    /* top: 43%; */
}
#manucarousel01 .owl-nav .owl-prev{
    position: absolute;
    top: 34%;
}
#manucarousel01 .owl-nav .owl-prev span{  
    color: #fff;   
    font-size: 53px;
}
#manucarousel01 .owl-nav .owl-next{
    position: absolute;  
    top: 34%;  
    right: 0;
}
#manucarousel01 .owl-nav .owl-next span{
    color: #fff;   
    font-size: 53px;
}
.evolution-title{
    /* text-align: center; */
    margin-top: 14px;
}
.evolution-title a{
 color: #dd3333;
 font-size: 34px;
 font-family: 'Montserrat-Bold';
}
.evolution-title a strong{
    color: #fff;
}
.ld-so{
    /* text-align: center; */
    margin-bottom: 0;
    color: #fff;
    font-size: 14px;
    font-family: 'Montserrat-Bold';
}
.col-so .col{
    padding-bottom: 0 !important;
}
#manucarousel01 .owl-stage{
    height: 400px;
    overflow: hidden;
}
.title-dki{

    margin-bottom: 10px;

    text-align: center;
}
.title-dki h3{

}
.title-dki h3 span{
    color: rgb(255, 255, 255);
    font-size: 18px;
    font-family: 'Montserrat-Bold';
    margin: 0 auto;
}
.col-form-5{
    background: rgba(254, 120, 120, 1.0);
    background: -webkit-linear-gradient(180deg, rgba(254, 120, 120, 1.0), rgba(232, 36, 77, 1.0));
    background: linear-gradient(180deg, rgba(254, 120, 120, 1.0), rgba(232, 36, 77, 1.0));
    border-color: rgb(220, 45, 39);
    border-width: 3px;
    border-radius: 8px;
    padding-top: 15px;
    padding-bottom: 0;
}
.col-form-5 .col-inner{
    border-style: solid;
    border-color: rgba(255, 198, 198, 0.4);
    border-width: 1px;
    border-radius: 5px;
    padding: 10px;
}
.dki-fo input ::placeholder{
    font-family: 'Montserrat-Regular';
    color: #333 !important;
}
.dki-fo input {
    background-color: #fff !important;
    border-radius: 5px !important;
    font-family: 'Montserrat-Regular';
    margin-bottom: 10px;
}
.dki-fo select{
    background-color: #fff !important;
    border-radius: 5px !important;
    font-family: 'Montserrat-Regular';
    margin-bottom: 10px;
}
.dki-fo textarea{
    background-color: #fff !important;
    border-radius: 5px !important;
    font-family: 'Montserrat-Regular';
    /* height: 30px; */
    min-height: 40px;
}
.dki-fogui{
    text-align: center;
}
.dki-fogui input{
    background-color: #0c4ca3 !important;
    color: #fff;
    font-size: 18px;
    font-family: 'Montserrat-Bold';
    animation-name: pulse;
    -webkit-animation-name: pulse;
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    margin-bottom: 0 !important;
}
.ban-dki{

    margin-bottom: 0;
}
.ban-dki h2{

}
.ban-dki h2 span{
    color: rgb(26, 42, 83);
    font-size: 33px;
    font-family: 'Montserrat-Bold';
}
.nhan-col{

}
.nhan-col h3{
    font-weight: unset;
    position: relative;
}
.nhan-col h3:before{
    content: "";
    background: #cdcbca;
    width: 328px;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.nhan-col h3 span{
   font-family: 'Montserrat-Regular';
   color: rgb(26, 42, 96);
   font-size: 26px;
}
.box-hoc{
    box-shadow: 0px 0px 30px -15px rgb(0 0 0 / 40%);
    -webkit-box-shadow: 0px 0px 30px -15px rgb(0 0 0 / 40%);
    background-color: rgb(255, 255, 255);
    border-radius: 6px;
    margin-bottom: 10px;
    padding: 10px;
}
.box-hoc h3{
    color: rgb(26, 42, 83);
    font-size: 16px;
    font-family: 'Montserrat-Bold';
    margin-bottom: 0;
    line-height: 16px;
}
.box-hoc p{
    color: rgb(232, 36, 77);
    font-size: 22px;
    font-family: 'Montserrat-Bold';
    margin-bottom: 0;
}
.col-form-7{
    padding-bottom: 0 !important;
}
.width-left img{
    width: auto;
}
.width-left .img-inner{
    overflow: unset;
}
.cs1 .widget-title{
    /* display: none; */
}
.title-ft{
    color: #0f4fa1 !important;
    font-size: 28px;
    font-family: 'Montserrat-Bold';
}
.dh-1{

    margin-bottom: 0;
}
.dh-1 h2{

}
.dh-1 h2 span{
    color: #000000;
    font-size: 27px;
    font-family: 'Montserrat-Bold';
    margin: 0 auto;
}
.dh-2{

    margin-bottom: 0;
}
.dh-2 h3{

}
.dh-2 h3 span{
   color: #00863f;
   font-size: 27px;
   font-family: 'Montserrat-Bold';
   margin: 0 auto;
}
.dh-3{

}
.dh-3 h4{
    font-weight: unset;
}
.dh-3 h4 span{
   color: #000000;
   font-size: 27px;
   font-family: 'Montserrat-Regular';
   margin: 0 auto;
}
.buton-them .xem-them-dh{
    color: #fff;
    font-size: 14px;
    font-family: 'Montserrat-Bold';
    background: #00863f;
    padding: 10px 20px;
    border-radius: 25px;
}
.buton-them .dki-dh{
    color: #fff;
    font-size: 14px;
    font-family: 'Montserrat-Bold';
    background: #0f4fa1;
    padding: 10px 20px;
    border-radius: 25px;
    animation-name: pulse;
    -webkit-animation-name: pulse;
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    margin: 0 10px;
}

.title-wrapper .product-title a{
 color: #000000;
 font-size: 18px;
 /* font-family: 'Montserrat-Bold'; */
 /* text-transform: uppercase; */
 /* font-family: 'Quicksand-Bold'; */
}
.sp-news .box-text.text-center{
    padding: 0 !important;
}
.sp-news .title-wrapper{
    background: #fff;
    /* overflow: hidden; */
    margin-bottom: 10px;
}
.mota-desc p{
    text-align: left;
    color: #000000;
    float: left;
    font-family: 'Montserrat-Regular';
    font-size: 16px;
    padding-left: 37px;
    margin-bottom: 5px;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.mota-desc p strong{
    font-family: 'Montserrat-Bold';
}
.mota-desc p:before{
    content: "";
    width: 25px;
    height: 25px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-size: contain;
}
.image-zoom img{
    height: 230px;
}
.jas-sale-pop {
    background: #fff;
    bottom: -100%;
    left: 20px;
    padding: 10px 30px 10px 10px;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
    border-radius: 3px;
    opacity: 0;
    visibility: hidden;
    transition: all 2s;
    z-index: 9999;
    position: fixed;
    top: initial !important;
}

@media (max-width: 480px) {
    .jas-sale-pop {
        left: 10px;
        right: 10px;
        max-width: 300px
    }

    .jas-sale-pop .jas-sale-pop-content {
        max-width: 180px
    }
}

.jas-sale-pop .mr__20 {
    margin-right: 10px
}

.jas-sale-pop h4, .jas-sale-pop .h4 {
    color: #222;
    margin: 0;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 5px
}

.jas-sale-pop h3, .jas-sale-pop .h3 {
    margin: 0;
    font-size: 15px;
    max-width: 255px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.jas-sale-pop h3 a, .jas-sale-pop .h3 a {
    color: #222;
    margin: 0;
    font-size: 14px
}

.jas-sale-pop .jas-sale-pop-timeago {
    color: #878787;
    font-size: 12px
}

.jas-sale-pop .pe-7s-close {
    right: 5px;
    top: 0px;
    cursor: pointer;
    position: absolute;
    font-weight: bold;
    font-family: "Font Awesome 5 Free"
}

.jas-sale-pop .pe-7s-close:before {
    font-family: Fontawesome;
    content: "\f00d"
}

.jas-sale-pop.slideUp {
    bottom: 20px;
    opacity: 1;
    visibility: visible
}

.jas-sale-pop.middle-xs {
    -webkit-box-align: center;
    -ms-flex-align: center
}

.jas-sale-pop.flex {
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.col-gt h2{
    font-size: 22px;
    border-left: 8px solid #00863f;
    border-bottom: dotted 2px #CCCCCC;
    width: 600px;
    padding-left: 5px;
    color: #000;
    margin-bottom: 3px;
    font-family: 'Montserrat-Bold';
}
.about {
    background-attachment: fixed;
    position: relative;
    z-index: 1;
    padding: 30px 0 30px;
    /* min-height: calc(100vh - 45px); */
}
.aside-2 {
    position: relative;
    /* z-index: 1; */
}
.aside-2::before {
    content: "";
    display: block;
    height: 100%;
    border-left: 1px solid #00863f;
    position: absolute;
    top: 0;
    left: 0;
}
.aside-2__title {
    font-size: 20px;
    font-weight: 800;
    line-height: 1.3;
    text-transform: uppercase;
    margin-bottom: 16px;
    position: relative;
    padding-left: 20px;
}
.aside-2__title::before {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50px;
    background-color: #00863f;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    opacity: .7;
}
.aside-2__title span {
    display: inline-block;
    color: #fff;
    background: -webkit-gradient(linear,left top,right top,from(#0e76bc),to(#34bcea));
    /* background: linear-gradient(to right,#0e76bc,#34bcea); */
    background: linear-gradient(to right,#00863f,#00863fb0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.floating ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}
.floating ul li:not(:last-child) {
    margin-bottom: 16px;
}
.floating ul a {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    color: #0e76bc;
    color: #fff;
    background: -webkit-gradient(linear,left top,right top,from(#0e76bc),to(#34bcea));
    background: linear-gradient(to right,#0e76bc,#34bcea);
    background: linear-gradient(to right,#00863f,#00863fb0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    -webkit-transition: .4s;
    transition: .4s;
    padding-left: 20px;
}
.floating ul a::before {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50px;
    background-color: #00863f;
    position: absolute;
    top: 50%;
    left: -2px;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    opacity: .75;
    -webkit-transition: .4s;
    transition: .4s;
}
.blog-archive .floating ul a::before{
    left: -22px;
}
.blog-archive ul li:not(:last-child){
    margin-bottom: 0;
}
.floating ul a.active, .floating ul a:hover {
    font-weight: 800;
    color: #0e76bc;
    text-decoration: none;
    background: -webkit-gradient(linear,left top,right top,from(#0e76bc),to(#0e76bc));
    background: linear-gradient(to right,#0e76bc,#0e76bc);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-left: 20px;
}
.section__title {
    font-size: 26px;
    font-weight: 700;
    line-height: 1.3;
    text-transform: uppercase;
    /* text-align: center; */
    margin-bottom: 30px;
}
.section__title span {
    display: inline-block;
    color: #fff;
    background: -webkit-gradient(linear,left top,right top,from(#0e76bc),to(#34bcea));
    background: linear-gradient(to right,#00863f,#00863fb0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.items img {
    width: 100%;
    height: 100%;
}
.left-sidebar .floating {
    position: sticky;
    top: 120px;
}
.left-sidebar{
    float: left;
}

.floating .widget_categories{
    padding-left: 20px;
}
.floating .widget-title {
   font-size: 15px;
   font-weight: 800;
   line-height: 13px;
   text-transform: uppercase;
   margin-bottom: 16px;
   position: relative;
   /* padding-left: 20px; */
   height: 8px;
   float: left;
}
.floating .widget-title span{
    display: inline-block;
    color: #fff;
    background: -webkit-gradient(linear,left top,right top,from(#0e76bc),to(#34bcea));
    /* background: linear-gradient(to right,#0e76bc,#34bcea); */
    background: linear-gradient(to right,#00863f,#00863fb0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.floating .widget-title::before {
 content: "";
 display: block;
 width: 5px;
 height: 5px;
 border-radius: 50px;
 background-color: #00863f;
 position: absolute;
 top: 50%;
 left: -20px;
 -webkit-transform: translate(-50%,-50%);
 transform: translate(-50%,-50%);
 opacity: .7;
}
.header-hotline{background: none;float: left;border-radius: 35px;padding: 7px 14px;color: red;}
.header-hotline .icon-phone-hd{
    float: left;
}
.header-hotline .icon-phone-hd i{/* width: 60px; */font-size: 16px;}
.header-hotline .title-hotlien{float: left;margin-left: 9px;/* margin-top: 11px; */}
.header-hotline .title-hotlien .tuvan{

    font-size: 15px;

    line-height: 17px;

    color: #12b24c;
}
.header-hotline .title-hotlien .hot-tv{font-size: 18px;line-height: 21px;color: #f00;/* font-weight: bold; *//* font-family: 'Montserrat-Bold'; *//* font-family: 'Quicksand-Bold'; */font-weight: 700;}
.header-search-form.search-form{
    max-width: 240px;
}
.header-cart-title{
    /* color: #7d7d7d; */
    color: #fff;
    font-family: 'Montserrat-Bold';
    font-size: 16px;
    float: right;
    text-align: right;
    font-family: 'Quicksand-Bold';
}
.cart-item i{
    float:left;
}
.header:not(.transparent) .header-bottom-nav.nav > li > a {
    padding: 15px 5px;
    /* font-family: 'Montserrat-Bold'; */
    font-size: 16px;
    /* font-family: 'Quicksand-Bold'; */
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
}
.flex-has-center>.flex-row>.flex-col:not(.flex-center){
    flex: 0 !important;
}
.project-tabs-menu ul li{

    margin: 0 7px;
}
.project-tabs-menu ul li a{

    color: #333;
    
    font-size: 14px;
    
    padding: 6px 14px 6px 14px;
    
    margin: 0px 2px 0px 2px;
}
.project-tabs-menu ul li.active{

}
.project-tabs-menu ul li.active a{

    border-radius: 100px;

    padding: 6px 13px 4px 12px;

    margin: 0px 2px 0px 2px;

    font-size: 14px;
}
.inner-block{
    position: relative;
}
.inner-block:hover .dv-tt{
    opacity: 1;
}
.inner-block .dv-tt{
    opacity: 0;
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    height: 100%;
    margin: 0;
    padding: 15px;
    font-family: 'Oswald', Arial, sans-serif;
    font-size: 18px;
    /* font-weight: 300; */
    text-align: center;
    text-transform: uppercase;
    text-shadow: none;
    background: #00000069;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: all .3s ease-in-out;
    box-sizing: border-box;
    z-index: 2;
}
.inner-block .dv-tt h3.title {

    color: #fff;
    
    position: absolute;
    
    top: 50%;
    
    left: 50%;
    
    transform: translate(-50%, -50%);
    
    font-size: 14px;
}
.inner-block img{

    width: 263px;
    
    height: 197px;
}
.sp-hot{

    margin-bottom: 0;

    /* padding-right: 114px; */
}
.sp-hot h3{

    padding-right: 50px;

    line-height: 38px;
}
.sp-hot h3 span{

    color: #009fe3;

    font-size: 30px;

    font-family: 'Quicksand-Bold';
}

#product-home .prdb:nth-child(2) .tieu-de-trai a{
    color: #14713c;
}
#product-home .prdb:nth-child(2) .tieu-de-san-pham{
    border-top: 2px solid #14713c;
}
#product-home .prdb:nth-child(1) .tieu-de-trai a{
    color: #f79414;
}
#product-home .prdb:nth-child(1) .tieu-de-san-pham{
    border-top: 2px solid #f79414;
}
.img-cate img{
    height: 312px;
}
.new-home{

    border-bottom: 1px solid #ececec;

    margin-bottom: 10px;

    padding-bottom: 20px;
}
.new-home h3{

}
.new-home h3 span{

    color: #000;
}
.tit-one {
    margin-top: 15px;
}
.tit-one a {
    color: #010101;
    font-size: 18px;
}
.txtalign {
    color: #333333;
    /* font-family: 'BAOMOI-SEMIBOLD'; */
    font-size: 15px;
}
.list li {
    overflow: hidden;
    list-style-type: none;
    margin-left: 0 !important;
    margin-bottom: 10px;
}
ul.list li img {
    width: 185px;
    height: 104px;
    float: left;
    margin-right: 15px;
    border: 1px solid #ededed;
    /* margin-top: 12px; */
    border-radius: unset;
}
.tit-one1 a {
    color: #000000;
    font-size: 18px;
    /* font-family: 'BAOMOI-SEMIBOLD'; */
}
.tome-new{
    float: left;
    width: 20%;
    padding-right: 15px;
}
.tome-new p{

    border-bottom: 1px dashed;

    margin-bottom: 10px;

    padding-bottom: 10px;

    color: #555555;
}
.tome-new .date-new{

    color: #555555;

    text-align: right;

    /* border-bottom: 1px dashed; */
}
.tome-new .date-new strong{

    font-size: 25px;
}
#featured-first-new{
    float: left;
    width: 80%;
}
.icon-tuvan h3{
    color: #000;
    margin-bottom: 0;
}
.icon-tuvan p{
    color: #555555;
}
.phone-icon{
    position: relative;
    padding: 15px 0;
}
.phone-icon:before{
    content: "";
    position: absolute;
    left: -100px;
    top: 0;
    width: 113%;
    height: 100%;
    background: #34353b;
    z-index: 1;
}
.phone-icon:after{
    content: "";
    position: absolute;
    right: -12px;
    top: 0;
    /* width: 122%; */
    /* height: 100%; */
    /* background: #34353b; */
    width: 0;
    height: 0;
    border-bottom: 99px solid #34353b;
    border-right: 40px solid transparent;
}
.phone-icon img{

    transform: rotate(135deg);

    z-index: 9999;

    position: relative;
}
.phone-icon h3{
    color: #ffd800;
    margin-bottom: 0;
    font-size: 27px;
    z-index: 9;
    position: relative;
}
.phone-icon p{
    color:#fff;
    position: relative;
    z-index: 99;
}
.dki-nhan{
    color: #fff;
}
.dki-nhan strong{
    font-size: 20px;
}
.form-new{
    display: flex;
}
.form-new input{
    border: 1px solid #fff !important;
    border-radius: unset !important;
    /* margin-right: 10px; */
}
.form-new input.button{
    background-color: #ffd800 !important;
    color: #23242a;
    border: unset !important;
    font-weight: unset;
    margin-left: 11px;
}
.email-tuvan .col{
    padding-bottom: 0;
}
.email-tuvan form{
    margin-bottom: 0;
}
footer .menu li a{
    position:
    relative;
    padding-left: 18px;
}
footer .menu li a:after{
    content: "";
    speak: none;
    font-style: normal;
    /* font-weight: 400; */
    font-variant: normal;
    text-transform: none;
    font-size: 8px;
    line-height: 14px;
    text-align: center;
    position: absolute;
    left: 0px;
    top: 18px;
    width: 7px;
    height: 0px;
    border: 1px solid #fff;
}
footer .menu li a:before{
    background-color: rgba(133,134,140,0.15);
    top: 7.5px
    position: absolute;
    width: 14px;
    top: 18px;
    transform: translateY(-50%);
    left: 0;
    height: 14px;
    content: "";
    position: absolute;
    display: none;
}
footer .menu li a{
   font-weight: 400;
   font-size: 14px;
   line-height: 19px;
   display: flex;
   align-items: center;
   color: #fff !important;
   padding-top: 10px;
   padding-bottom: 9px;
   border: 0px;
}
.recent-posts>li:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: none!important;
}
.recent-posts li article {
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
}
.recent-posts .post-rollover img {
    max-width: inherit;
    height: inherit;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin-right: 10px;
}
.recent-posts{
    float: left;
    width: 100%;
    overflow: hidden;
}
.recent-posts li a{
    font-size: 14px;
}
.recent-posts li .text-secondary{
    font-size: 12px;
}
.hotline-phone-ring-wrap {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999999;
}
.hotline-phone-ring {
    position: relative;
    visibility: visible;
    background-color: transparent;
    width: 110px;
    height: 110px;
    cursor: pointer;
    z-index: 11;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transition: visibility .5s;
    left: 0;
    bottom: 0;
    display: block;
}

.hotline-phone-ring-img-circle .pps-btn-img img {
    width: 33px;
    height: 33px;
}
.hotline-bar {
    /* position: absolute; */
    background: #00aa56;
    height: 46px;
    width: 165px;
    line-height: 40px;
    border-radius: 3px;
    padding: 0 10px;
    background-size: 100%;
    cursor: pointer;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    z-index: 9;
    border-radius: 50px !important;
    /* left: 59px; */
    bottom: 0;
    margin-left: 43px;
    margin-top: 28px;
}
.hotline-bar>a {
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    text-indent: 32px;
    letter-spacing: 1px;
    display: block;
    line-height: 45px;
    font-family: Arial;
}
.sp-km{

}
.sp-km h3{
    background-image: linear-gradient(to bottom, #ece9e9 , #ffffff);
    border-bottom: 2px solid #ececec;
}
.sp-km h3 span{margin-right: 0px;/* border-bottom: 2px solid #ececec; */display: inline;line-height: 35px;color: #fff;font-size: 17px;padding: 1px 10px;background-color: #009fe3;position: relative;margin-bottom: 0;}
.sp-km h3 span::after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 18px solid transparent;
    border-left: 13px solid #009fe3;
    border-right: 0 solid transparent;
    border-bottom: 18px solid transparent;
    position: absolute;
    top: 1px;
    right: -13px;
}
.blog-archive span.widget-title {
    /* background: #0A9A48; */
    /* width: 100%; */
    /* display: block; */
    /* color: #fff; */
    /* padding: 10px 0px 10px 10px; */
    margin-bottom: 0px;
}
.blog-single span.widget-title {
    background: #0A9A48;
    width: 100%;
    display: block;
    color: #fff;
    padding: 10px 0px 10px 10px;
    margin-bottom: 0px;
}
.category-page-row span.widget-title {
    /* background: #00aa56; */
    /* width: 100%; */
    /* display: block; */
    /* color: #fff; */
    /* padding: 10px 0px 10px 10px; */
    /* margin-bottom: 0px; */
    font-size: 16px;
}
#product-sidebar span.widget-title {
    background: #00aa56;
    width: 100%;
    display: block;
    color: #fff;
    padding: 10px 0px 10px 10px;
    margin-bottom: 0px;
}
.is-divider.small {
    /* display: none; */
}
.product-categories{
    /* border: 1px solid #d2d2d2; */
    /* padding: 0 5px; */
}
.title-new1{

    background: #00aa56;

    color: #fff;

    padding-left: 10px;
}
#breadcrumbs-ct{
    display: none;
}
.blog-single .breadcumb {
    display: none;
}
.category-page-row .media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 10px;
}
.category-page-row .news-3__frame {
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 1;
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 1;
    width: 70px;
    margin-right: 10px;
}
.category-page-row .media-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.news-3__title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.5;
    -webkit-line-clamp: 3;
    max-height: 4.5em;
    font-size: 14px;
    font-weight: 600;
    color: #0e76bc;
    margin: 0;
}
.media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 10px;
}
.news-3__frame {
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 1;
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 1;
    width: 70px;
    margin-right: 10px;
}
.media-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.news-3__title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.5;
    -webkit-line-clamp: 3;
    max-height: 4.5em;
    font-size: 14px;
    font-weight: 600;
    color: #0e76bc;
    margin: 0;
}
.dv-cates{
    margin-top: 30px;
}
.cart-item{
    background: #009fe3;
    padding: 0px 20px !important;
    border-radius: 24px;
}
.cart-item a{

}
.header:not(.transparent) .header-bottom-nav.nav > li.active > a{
    color: #0A9A48!important;
}
.slider-home{
    /* margin-top: 30px; */
}
.title-tt{

    margin-bottom: 10px;
}
.title-tt h3{/* background: #0A9A48; */padding: 5px 0;font-weight: unset;}
.title-tt h3 span{
    color: #000;
    font-size: 16px;
    /* font-family: 'Quicksand-Bold'; */
    position: relative;
    font-weight: bold;
    padding-left: 0px;
}

.cot4 .post-item .post-title {
    font-size: 13px;
    font-family: 'Quicksand-Bold';
    color: #000000;
}
.cot4 .post-item .post-meta{
    color: #b3b2b2;
    font-size: 12px;
    font-family: 'Quicksand-Bold';
}
.cot4 .post-item img{
    height: 83px;
    width: 126px;
    border-radius: 5px;
}
.cot4 .post-item .box-text{
    padding-right: 0;
    padding-left: 10px;
}
.cot4 > .col-inner{
    border: 1px solid #b3b2b2;
    border-radius: 10px;
    padding-top: 10px;
    padding-left: 10px;
}
.cot4 .post-item{
    padding-bottom: 0;
}
.h3-taisao{

}
.h3-taisao h3{

}
.h3-taisao span{
    color: #009fe3;
    margin: 0 auto;
    font-family: 'Quicksand-Bold';
    font-size: 32px;
}
.qc-new{
    text-align: center;
}
.qc-new h3{
    color: #009fe3;
    font-family: 'Quicksand-Bold';
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 0;
}
.qc-new p{
    color: #b3b2b2;
    font-family: 'Quicksand-Bold';
    font-size: 16px;
    padding: 0 25px;
}
.tai-sao .section-content .has-hover:nth-child(2){
    position: absolute;
    top: 14%;
    left: 7%;
    width: auto !important;
}
.tai-sao .section-content .has-hover{
    width: auto !important;
}
.tai-sao .section-content .has-hover img{
    width: auto !important;
}
.tai-sao .section-content .has-hover:nth-child(3){
    position: absolute;
    top: 21%;
    right: 7%;
    width: auto !important;
}
.img-qc2 img{
    width: auto !important;
}
.tai-sao .section-content .has-hover:nth-child(4){
    position: absolute;
    bottom: 21%;
    left: 34%;
    width: auto !important;
}
.img-qc3 img{
    width: auto !important;
}
.mota-sp p{
    color: #000000;
    font-size: 14px;
    font-family: 'Quicksand-Bold';
}
.xemchi-see{
}
.xemchi-see span{
    color: #009fe3;
    font-size: 14px;
    font-family: 'Quicksand-Bold';
    border-bottom: 1px solid;
}
.mua-hang {
    text-align: center;
}
.mua-hang a {
    font-size:14px;
    background: #009fe3;
    border-radius: 23px;
    color: #ffffff;
    padding: 7px 20px;
    font-family: 'Quicksand-Bold';
}
.button.is-underline.xemchi-see:before{
    display: none;
}
.col-sp .col{
    padding-bottom: 10px;
}
.title-h2{

    margin-bottom: 5px;
}
.title-h2 h2{position: relative;text-align: center;padding-bottom: 20px;margin-top: 20px;}
.title-h2 span{
    font-weight: 600;
font-size: 40px;
line-height: 48px;
color: #0A9A48;

    margin: 0 auto;
}
.mota-cc p{
    color: #009fe3;
    font-family: 'Quicksand-Bold';
    font-size: 16px;
    margin: 0 auto;
    text-align: center;
    max-width: 507px;
    margin-bottom: 20px;
}
.img-cc{
    text-align: center;
}
.img-cc img{
    border-radius: 10px;
    box-shadow: 1px 1px 4px 2px rgb(138 138 145 / 80%);
}
.img-cc h3{
    color: #000000;
    font-family: 'Quicksand-Bold';
    font-size: 20px;
    text-align: center;
    margin-bottom: 0;
}
.img-cc p{
    color: #000000;
    font-size: 14px;
    font-family: 'Quicksand-Regular';
    text-align: center;
}

.xem-tc{
    padding: 0px 55px;
    background-color: #fff !important;
    border: 1px solid #0A9A48;
}
.xem-tc span{
   font-weight: 700;
   font-size: 24px;
   /* line-height: 29px; */
   color: #0A9A48;
}
.title-sph2{

}
.title-sph2 h2{

}
.title-sph2 h2:before{
    background: #b3b2b2;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    border-radius: 10px;
}
.title-sph2 span:before{
    background: #009fe3;
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 312px;
    height: 4px;
    z-index: 9;
    border-radius: 10px;
}
.title-sph2 span{
    color: #000000;
    font-size: 30px;
    font-family: 'Quicksand-Bold';
    padding-bottom: 14px;
}
.title-price{
    position: relative;
    height: 42px;
    margin-top: 20px;
}
.product-small .price-wrapper .price {
    /* display: block; */
    /* position: absolute; */
    /* color: #009fe3; */
    font-size: 18px;
    /* font-family: 'Quicksand-Bold'; */
    text-align: center;
    /* display: flex; */
    margin: 0 auto;
}
.new-hot{

}
.new-hot img{

    border-radius: 10px;
}
.new-hot h5{margin-top: 10px;/* color: #000000; *//* font-size: 19px; *//* font-family: 'Quicksand-Bold'; */margin-bottom: 0;height: 60px;line-height: 28px;overflow: hidden;text-overflow: ellipsis;line-height: 20px;-webkit-line-clamp: 2;height: 36px;display: -webkit-box;-webkit-box-orient: vertical;font-weight: 600;font-size: 14px;line-height: 17px;color: #000000;}
.new-hot .post-meta{
   font-weight: 400;
   font-size: 14px;
   line-height: 17px;
   color: #0A9A48;
   margin-top: 10px;
   display: none;
}
.new-hot p{
    color: #000000;
    font-size: 16px;
    font-family: 'Quicksand-Regular';
    margin-bottom: 10px;
}
.xemct-new{
   position:relative;
}
.xemct-new a{
   font-weight: 400;
font-size: 14px;
line-height: 17px;
/* identical to box height */


/* p1 */

color: #0A9A48;
}
.logo-ft img{
    width: auto !important;
}
.content-ft h3 {
    color: #009fe3;
    font-size: 20px;
    font-family: 'Quicksand-Bold';
}
.ul-footer-contact {
    padding-left: 0;
    margin-top: 15px;
}
.ul-footer-contact li {
    color: #000000;
    font-size: 16px;
    margin-bottom: 8px;
    font-family: 'Quicksand-Regular';
    width: 100%;
    list-style-type: none;
    float: left;
    /* padding-top: 0px; */
}
.ul-footer-contact li span {
    color: #000;
    width: 22px;
    float: left;
    line-height: 24px;
    font-size: 16px;
}
.ul-footer-contact li b {
    width: calc(100% - 25px);
    float: left;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    display: flex;
    align-items: center;
    color: #000000;
}
.search-right input[type=search]{
    width: 100%;
}
.wpsbc-calendars-wrapper.wpsbc-legend-position-side{
    max-width: 100%!important;
    padding-right: 0 !important;
}
.wpsbc-container h2{
    display: none;
}
.post-date{
    display: none;
}
.blog-archive h1{
   margin-top: 20px;
}
.blog-archive h1 span{
    position: relative;
    text-align: left;
    letter-spacing: 0;
    text-transform: none;
    font-size: 30px;
    font-family: 'Quicksand-Bold';
    color: #000000;
    text-transform: uppercase;
}
.blog-archive .is-divider{
    /* display: none; */
}
.category-page-row .box-text{
    height: 110px;
    padding-left: 0;
    padding-right: 0;
}
.category-page-row .title-wrapper{
    /* margin-bottom: 15px; */
}
.title-tt .section-title-container{
    margin-bottom: 10px;
}
.title-sph2 .section-title-container{
    margin-bottom: 0;
}
.title-tt #block_widget-5{
    /* border: 1px solid #b3b2b2; */
    /* border-radius: 10px; */
    /* padding-top: 10px; */
    /* padding-left: 10px; */
}
.woocommerce-ordering, .woocommerce-ordering select {
    border: 1px solid #ddd;
    color: #333;
}
.product-footer .tab-panels {
    border: 1px solid #ddd;
    background-color: #fff;
    padding: 30px;
}
.product-footer .woocommerce-tabs .product-tabs li.active a {
    background: #0A9A48;
    color: white;
}
.product-footer .woocommerce-tabs .product-tabs li a {
    padding-left: 15px;
    padding-right: 15px;
    background: #f7f7f7;
    color: grat;
}
.single-product .product-short-description {
    /* background: #f7f7f7; */
    padding: 10px;
    font-size: 16px;
    margin-bottom: 15px;
    color: #000;
    line-height: 21px;
}

.cam-ket-box ul li {
    margin-bottom: 5px;
    font-size: 16px;
    list-style: square;
}
.single-product .widget .info ul {
    margin-left: 20px;
}
.san-pham .product-small.box:hover, .single-product .content-row:hover {
    box-shadow: 2px 2px 14px #dedede;
}
.single-product .content-row {
    /* margin-top: 5px; */
    background: white;
    /* border-radius: 4px; */
    box-shadow: 2px 2px 14px #fff;
}
@media(max-width: 768px){
    .header-cart-link{
        padding: 0 !important;
    }
    .searchform-wrapper input[type=search]{
        width: 100%;
    }
    .header-search-form-wrapper{
        width: 100%;
    }
    .off-canvas .nav-vertical>li>a{
        /* font-family: 'Quicksand-Bold'; */
        color: #000;
    }
    .cot4 .post-item{
        padding: 5px;
    }
    .cot4 .box-vertical .box-image{
        float: left;
        width: 32% !important;
        padding-right: 10px;
    }
    .search-right .box-vertical .box-image{
        float: left;
        width: 32% !important;
        padding-right: 10px;
    }
    .title-tt #block_widget-5 .box-vertical .box-image{
        float: left;
        width: 32% !important;
        padding-right: 10px;
    }
    .slider-home{
        padding-bottom: 0 !important;
    }
    .tai-sao .section-content .has-hover:nth-child(2){
        display: none;
    }
    .tai-sao .section-content .has-hover:nth-child(3){
        display: none;
    }
    .tai-sao .section-content .has-hover:nth-child(4){
        display: none;
    }
    .chung-chi:before{
        display: none;
    }
    .chung-chi:after{
        display: none;
    }
} 
@media(max-width: 480px){
    .inner-block img{
        width: auto;
        height: auto;
    }
    .phone-icon:before{
        left: -18px;
    }
    .title-tt{
        padding-bottom: 0;
    }
    .h3-taisao span{
        font-size: 22px;
    }
    .h3-taisao {
        padding-bottom: 0;
    }
    .sp-hot h3{
        padding-right: 0;
    }
    .sp-hot h3 span{
        font-size: 22px;
    }
    .sp-hot{
        padding-bottom: 0;
    }
    .chung-chi{
        padding-top: 0 !important;
    }
    .img-cc .icon-box-img{
        width: 100% !important;
    }
    .title-sph2 span{
        font-size: 22px;
    }
    .add-to-cart-button a{
        font-size: 12px !important;
    }
    .product-small .price-wrapper .price{
        position: relative;
        text-align: center;
        margin-bottom: 5px;
    }
    .add-to-cart-button{
        position: relative;
        text-align: center;
    }
    .price-wrapper del{
        position: relative;
        top: 0;
    }
    .title-price{
        height: auto;
        margin-top: 0;
    }
    .price-wrapper ins{
        position: relative;
    }
    .title-h2 span{
        font-size: 22px;
        line-height: 33px;
    }
    .tintuc-home{
        padding: 0 !important;
    }
    .col-sp{
        padding-bottom: 0;
        padding-top: 0;
    }
    .content-ft h3{
        font-size: 16px;
    }
    #footer .col .widget-title{
        font-size: 18px;
    }
    .box-text p.name{
        height: 60px;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 20px;
        -webkit-line-clamp: 2;
        height: 40px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }
} 
.header-social-icons a{
    background: #0A9A48;
    border-radius: 50%;
    padding: 8px;
    font-weight: unset;
    margin: 0px 10px !important;
}
.header-social-icons a i{
    font-weight: unset !important;
    font-size: 17px;
}
.header-social-icons{
    margin: 0 55px !important;
    padding-left: 40px !important;
}
.skiptranslate iframe {
    display: none !important;
}

body {
    top: 0 !important;
}

.blang {
    padding-left: 13px;
}

#glt-footer {
    display: none !important;
}

.blang img {
    width: 36px;
    height: 23px;
    position: relative;
    z-index: 9999;
    padding: 2px 4px;
    border-radius: 8px;
}

.blang a {
    cursor: pointer;
    float: left;
}
#masthead .header-inner{
    position: relative;
}
#masthead .header-inner:before{
    /* border-bottom: 1px solid #000000; */
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    width: 97%;
    height: 0;
    bottom: 0;
    margin: 0 auto;
}
.left-vct{

}
.left-vct .section-title-container{

}
.left-vct .section-title-container h2{

}
.left-vct .section-title-container h2 span{
    font-weight: 700;
    font-size: 32px;
    line-height: 43px;
    color: #000000;
    position: relative;
}
.left-vct p{
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    text-align: justify;
    color: #000000;
    margin-bottom: 10px;
}
.left-vct .button{border: 1px solid currentColor;}
.left-vct .button span{font-weight: 400;font-size: 16px;line-height: 19px;text-align: justify;/* color: #0A9A48; */}
.left-vct .section-title-container h2 span:before{
    content: "";
    position: absolute;
    right: -43px;
    bottom: 0;
    width: 35px;
    height: 31px;
    background: url(/wp-content/uploads/2023/01/iconvechungtoi.png) no-repeat;
}

.right-vct img{
    filter: drop-shadow(4px 4px 30px rgba(0, 0, 0, 0.25));
}
.tai-sao{
    padding-top: 70px !important;
    padding-bottom: 50px !important;
}
.icon-diem .featured-box {
}
.icon-diem .featured-box .icon-box-img {
    /* background: #FFFFFF; */
    box-shadow: 0px 10px 40px rgb(0 0 0 / 10%);
    /* padding: 30px; */
    border-radius: 50%;
}
.icon-diem .icon-box-text {
    border: 1px solid #14A8F1;
    padding-top: 10px;
    margin-top: 51px;
    padding-bottom: 11px;
    border: 1px solid #0A9A48;
    border-radius: 64px;
    position: relative;
}
.icon-diem .icon-box-text h3 {
    font-weight: 700;
    font-size: 40px;
    line-height: 54px;
    color: #000000;
    background: #fff;
    width: 135px;
    margin: 0 auto;
    margin-top: -39px;
}
.icon-diem .icon-box-text p {
    font-weight: 400;
    font-size: 15px;
    line-height: 19px;
    text-align: center;
    color: #000000;
    padding: 0 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 20px;
    -webkit-line-clamp: 2;
    height: 30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.khach-hang{
    position: relative;
}
.khach-hang:before{
    content: "";
    left:0;
    bottom: 96px;
    position: absolute;
    width: 98px;
    height: 0px;
    border: 1px solid #0A9A48;
}
.khach-hang:after{
    content: "";
    right:0;
    bottom: 96px;
    position: absolute;
    width: 98px;
    height: 0px;
    border: 1px solid #0A9A48;
}
.col12-sp-home{

}
.col12-sp-home .section-title-container{margin-bottom: 0;}
.col12-sp-home .section-title-container h2{
    text-align: center;
    position: relative;
    padding-bottom: 15px;
}
.col12-sp-home .section-title-container h2 span{
    font-weight: 600;
    font-size: 40px;
    line-height: 48px;
    color: #0A9A48;
    margin: 0 auto;
}
.col12-sp-home .section-title-container h2:before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
    width: 75px;
height: 4px;
background: #0A9A48;
border-radius: 3.5px;
}
.col12-lydo-title{margin-top: -62px;}
.col12-lydo-title .section-title-container{margin-bottom: 0;}
.col12-lydo-title .section-title-container h2{
    text-align: center;
    position: relative;
    padding-bottom: 15px;
}
.col12-lydo-title .section-title-container h2 span{
    font-weight: 600;
    font-size: 32px;
    line-height: 38px;
    color: #000000;
    margin: 0 auto;
    background: #FFFFFF;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.3);
    border-radius: 52px;
    padding: 10px 60px;
    text-transform: unset;
}
.col12-lydo-title .section-title-container h2 span c{
    color: #0A9A48;
}
.col2-lydo{

}
.col2-lydo .featured-box{

}
.col2-lydo .featured-box .icon-box-img{
    
}
.col2-lydo .featured-box .icon-box-text{

}
.col2-lydo .featured-box .icon-box-text h3{font-weight: 700;font-size: 18px;line-height: 22px;text-align: center;color: #FFFFFF;position: relative;padding-bottom: 20px;}
.col2-lydo .featured-box .icon-box-text h3:before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    width: 31.59px;
height: 1.49px;
background: #FFFFFF;
border-radius: 10px;
}
.col2-lydo .featured-box .icon-box-text h3:after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 5px;
    margin: 0 auto;
    width: 72.65px;
    height: 1.49px;
    background: #FFFFFF;
    border-radius: 10px;
}
.col12-text-lydo p{
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    color: #FFFFFF;
    margin-top: 15px;
}
.title-h2 h2:before{
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    position: absolute;
    width: 75px;
height: 4px;
background: #0A9A48;
border-radius: 3.5px;
}
.xemct-new:before {
    content: "\f178";
    font: normal normal normal 14px/1 FontAwesome;
    right: 0;
    top: 3px;
    position: absolute;
    width: 34px;
    height: 26px;
    background: #231F20;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    justify-content: center;
    padding-top: 5px;
}
.col12-doitac{
    padding-bottom: 0;
}
.row-ft{
    border-bottom: 1px solid #8B8A8A;
}
.breadcrumb-arrows {
    padding: 0px 0;
    background: transparent;
    border-radius: 0;
    margin: 0;
    color: #000;
    font-size: 13px;
    display: flex;
}
.breadcrumb-arrows li {
    font-size: 16px;
    list-style-type: none;
    margin-left: 0 !important;
}
.breadcrumb > li + li:before {
    padding: 0 3px;
    color: #ccc;
    content: "/\00a0";
    margin-left: 6px;
}
.col12-gt{
    padding-bottom: 0;
    padding-top: 10px;
}
.post-news{
    padding-bottom: 0 !important;
    border-bottom: 1px solid;
}
.bread-crumb1{
    background-color: rgb(245, 245, 245);
    padding: 10px 0;
    margin-bottom: 30px;
}
.breadcrumb{
    margin-bottom: 0;
    display: flex;
}
.breadcrumb li{
    list-style-type: none;
}
.blog-archive .title-new{
    display: none;
}
#comments{
    display: none;
}
.tieu-de-h3 {
    border-bottom: 2px #eee solid;
    margin-bottom: 20px!important;
    margin-top: 20px;
}
.post-item-wrap img {
    border: 2px #eeeeee solid;
    border-radius: 0;
    width: 100%;
    height: 200px;
}
.post-item-description h3 {
    font-size: 15px;
    line-height: 1.4;
    margin-bottom: 5px;
    /* font-weight: unset; */
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 22px;
    -webkit-line-clamp: 2;
    height: 43px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-top: 5px;
}
#nav-below{
    display: none;
}
#wide-nav .header-nav li ul.nav-dropdown{
opacity: 0;
    -webkit-transform: perspective(600px) rotateX(-90deg);
    -moz-transform: perspective(600px) rotateX(-90deg);
    -ms-transform: perspective(600px) rotateX(-90deg);
    -o-transform: perspective(600px) rotateX(-90deg);
    transform: perspective(600px) rotateX(-90deg);
    -webkit-transition: -webkit-transform 0.5s ease, opacity 0.6s ease, max-height 0.6s step-end, max-width 0.6s step-end, padding 0.6s step-end;
    -o-transition: -o-transform 0.5s ease, opacity 0.6s ease, max-height 0.6s step-end, max-width 0.6s step-end, padding 0.6s step-end;
    transition: transform 0.5s ease, opacity 0.6s ease, max-height 0.6s step-end, max-width 0.6s step-end, padding 0.6s step-end;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    overflow: hidden;
    display: block;

}
#wide-nav .header-nav li.current-dropdown:hover ul.nav-dropdown{
    opacity: 1;
    overflow: visible;
    max-height: 3000px;
    max-width: 3000px;
    opacity: 1;
    -webkit-transform: perspective(600px) rotateX(0deg);
    -moz-transform: perspective(600px) rotateX(0deg);
    -ms-transform: perspective(600px) rotateX(0deg);
    -o-transform: perspective(600px) rotateX(0deg);
    transform: perspective(600px) rotateX(0deg);
    -webkit-transition: -webkit-transform 0.5s ease, opacity 0.2s ease, max-height 0s step-end, max-width 0s step-end, padding 0s step-end;
    -o-transition: -o-transform 0.5s ease, opacity 0.2s ease, max-height 0s step-end, max-width 0s step-end, padding 0s step-end;
    transition: transform 0.5s ease, opacity 0.2s ease, max-height 0s step-end, max-width 0s step-end, padding 0s step-end;
}
@media(max-width: 849px){
    .header-main li.html.custom{
        display: block;
    }
}
@media(max-width: 549px){
.tai-sao {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}
.left-vct .section-title-container h2 span{
    font-size: 27px;
    line-height: 35px;
}
.left-vct p{
    margin-bottom: 20px;
}
.icon-diem .icon-box-text h3 {
    font-size: 30px;
    line-height: 40px;
}
.khach-hang:before{
    display: none;
}
.khach-hang:after{
    display: none;
}
.icon-diem .icon-box-text p{
    padding: 0 10px;
        font-size: 14px;
}
.col12-sp-home .section-title-container h2 span{
    font-size: 30px;
    line-height: 35px;
}
.col12-lydo-title .section-title-container h2 span{
    font-size: 26px;
    line-height: 30px;
}
.col12-text-lydo p{
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 0;
}
.col2-lydo .featured-box .icon-box-text h3{
    font-size: 16px;
    line-height: 20px;
}
.title-h2 h2{
    padding-bottom: 10px;
    margin-bottom: 0;
}
.title-h2{
    margin-bottom: 0;
    padding-bottom: 0;
}
.xem-tc span{
    font-size: 18px;
}
.new-hot h5{
    height: 36px;
}
.blog-archive .post-item{
        flex-basis: 100% !important;
    max-width: 100% !important;
    margin-bottom: 10px;
}
.filter-button.plain{
    color: #000;
}
#shop-sidebar span.widget-title {
    background: #00aa56;
    width: 100%;
    display: block;
    color: #fff;
    padding: 10px 0px 10px 10px;
    margin-bottom: 0px;
}
#product-sidebar{
    display: block !important;
}
}