/*
Theme Name: webbachthang-v3-141 Child Theme
Theme URI: https://webbachthang.com
Description: Day la child theme cua Web Bach Thang
Author: Viet Hai
Author URI: https://webbachthang.com
Template: webbachthang-v3-141
Version: 3.14.1
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
@import url('font/style.css');

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


}

body, html {
    overflow-x: hidden;
}

b, strong {
    font-weight: 600 !important;
}

#content table {
    border-right: solid 1px #ccc;
    border-top: solid 1px #ccc;
}

#content table td {
    border-left: solid 1px #ccc;
    border-bottom-color: #ccc;
    padding-left: 1em;
    color: #111;
}

.woocommerce-cart #content table td, .woocommerce-cart #content table {
    border: 0px;
}

.woocommerce-cart #content table td {
    border-bottom: 1px solid #ececec;
    padding-left: 0px;
}

.fas, fa {
    font-family: Fontawesome;
}

div#top-bar a {
    color: #FFF;
    font-weight: 400;
}

ol, ul {
    margin-left: 30px;
    margin-bottom: 20px
}

.entry-divider {
    display: none !important;
}

div#content {
    padding-bottom: 0px;
}

iframe {
    margin: auto !important;
    display: block;
}

.is-divider {
    display: none !important;
}

.home .page-wrapper {
    padding-top: 10px;
}

ul.header-nav .cart-item {
    margin-top: 7px;
}

.page-wrapper {
    padding-bottom: 0px;
}

#header .cart-price span.woocommerce-Price-amount {
    color: #FFF !important;
}

body {
    overflow: hidden;
}

/* di?u ch?nh m?t s? m?c tr�n mobile */
@media only screen and (max-width: 959px) {
    .header-top .flex-grow {
        display: block !important;
    }
}

/* topbar */
.head1_col1 {
    color: #fff;
    font-size: 15px;
}

.head1_col1 b {
    color: #ff0;
    font-weight: 400;
}

#top-bar ul#header-contact {
    margin-left: auto;
    margin-right: 1rem;
    padding: 0px 25px;
    background-image: url(../../../images/bg-top-left.jpg), url(../../../images/bg-top-right.jpg);
    background-position: left center, right center;
    background-repeat: no-repeat;
    background-color: #019527;
    color: #fff;
}

#top-bar ul#header-contact li a {
    font-size: 15px;
}

/* Hotline header */
ul.hotline-top {
    position: relative;
    font-weight: 500;
    font-size: 20px;
    color: #000;
    background-position: 0% 50%;
    padding-left: 50px !important;
}

ul.hotline-top:before {
    content: "";
    width: 44px;
    height: 44px;
    text-align: center;
    font-size: 23px;
    line-height: 40px;
    position: absolute;
    left: 0px;
    color: #ffffff;
    top: 0px;
    background: url(../../../images/icon-phone.png) no-repeat;
    background-size: contain;
}

.hotline-top li {
    list-style: none;
    margin-bottom: 0px;
    line-height: 23px;
    font-size: 16px;
    font-weight: 600;
}

.hotline-top li.hotline-phone {
    font-weight: 600;
    font-size: 22px;
    color: red;
}

/* t�m ki?m header */
#header select.search_categories {
    background-color: #FFF;
    border: 0px;
    height: 40px;
    box-shadow: none;
    width: 95px !important;
}

#header .search-form-categories {
    position: relative;
    border-right: 1px solid #ebebeb;
}

 #header form.searchform {
    border: 2px solid #019527;
    border-radius: 5px;
}

#header input.search-field {
    background: #FFF;
    border: 0px;
    height: 40px;
    box-shadow: none;
}

#header form.searchform .flex-col:last-child {
    padding: 4px;
    color: #000;
}

.searchform .button.icon {
    padding: 0 20px;
}

#header form.searchform > .flex-row {
    background: #FFF;
    border: 0px;
    border-radius: 3px;
}

#header form.searchform .submit-button {
    background: #019527 !important;
    border-radius: 0px 5px 5px 0px;
    color: #FFF !important;
}

/* gi? h�ng */
#masthead a.header-cart-link {
    background: #019527 !important;
}

/* menu ch�nh */
div#wide-nav ul.header-nav > li.menu-item {
    margin: 0px;
}

div#wide-nav .flex-col.hide-for-medium {
    width: 100%;
}

div#wide-nav ul.header-nav li a {
    font-size: 14px;
}

div#wide-nav ul.header-nav > li.menu-item > a {
    font-weight: 600;
    text-align: center;
    font-size: 15px;
    padding: 0px 15px;
    text-transform: uppercase;
}

#header .stuck div#wide-nav ul.header-nav > li.menu-item > a {
    line-height: 40px;
}

div#wide-nav ul.header-nav > li.menu-item > .nav-dropdown > li a {
    color: #000;
    border-bottom: 0px;
    margin: 0px;
    padding: 10px;
    font-weight: 400;
    text-transform: unset;
}

div#wide-nav ul.header-nav ul.nav-dropdown {
    padding: 0px;
    border: 0px;
    background: #f8f8f8;
    z-index: 99;
}

div#wide-nav ul.header-nav .nav-dropdown li.menu-item a:hover {
    background: #019527 !important;
    color: #FFF !important;
}

#mega-menu-wrap #mega_menu .menu li.menu-item a .menu-image-title {
    padding-left: 0px;
}

#mega-menu-wrap #mega_menu .menu li.menu-item a img.menu-image {
    width: 34px;
}

#mega-menu-wrap #mega_menu .menu > li.menu-item > a {
}

/* menu ch�nh s? sang ngang sang ngang */
div#wide-nav ul.header-nav .nav-dropdown-simple {
    box-shadow: 0px 0px 10px 0px #ccc;
}

div#wide-nav ul.header-nav .nav-dropdown {
    padding: 0px;
    border: 0px;
}

div#wide-nav ul.header-nav .nav-dropdown li.menu-item {
    display: block;
    width: 100%;
    position: relative;
}

div#wide-nav ul.header-nav .nav-dropdown li.menu-item ~ li.menu-item a {
    border-top: 1px dotted #ccc;
}

div#wide-nav ul.header-nav .nav-dropdown-simple .menu-item a {
    font-weight: 400;
    text-transform: unset;
    position: relative;
    color: #FFF;
    background: #f8f8f8;
}

div#wide-nav ul.header-nav .nav-dropdown li.menu-item .nav-column {
    display: none !important;
}

div#wide-nav ul.header-nav .nav-dropdown li.menu-item:hover .nav-column {
    display: block !important;
    position: absolute;
    left: 100%;
    background: #f8f8f8;
    top: 0px;
}

div#wide-nav ul.header-nav .nav-dropdown li.menu-item-has-children > a:after {
    content: "\f105";
    font-family: Fontawesome;
    position: absolute;
    right: 2px;
}

/* menu ch�nh khi c� class megamenu */
div#wide-nav ul.header-nav .megamenu > ul.nav-dropdown > li.menu-item {
    display: table-cell;
    padding: 0 10px;
}

div#wide-nav ul.header-nav .megamenu ul.nav-dropdown li.menu-item ul.nav-column {
    display: block;
    box-shadow: none;
}

div#wide-nav ul.header-nav .megamenu > ul.nav-dropdown > li.menu-item > a {
    border: 0px;
}

div#wide-nav ul.header-nav .megamenu > ul.nav-dropdown ul.nav-column li a {
    border-top: 1px dashed #ccc;
}

div#wide-nav ul.header-nav .megamenu .nav-dropdown li.menu-item:hover .nav-column {
    position: unset;
    background: transparent;
}

div#wide-nav ul.header-nav .megamenu > ul.nav-dropdown > li.menu-item > a:after {
    content: "";
}

/* megamenu ot flatsome */
@media screen and (min-width: 960px) {
    #header .header-wrapper #wide-nav > .flex-row > .flex-left {
        max-width: 25%;
        flex-basis: 100%;
    }

    #header div#wide-nav div#mega-menu-wrap {
        box-shadow: 0 0 4px 0 rgba(0, 0, 0, .2);
        background: #019527;
        border-radius: 0px;
        width: 100%;
    }

    #header div#wide-nav div#mega-menu-title {
        height: 45px;
        line-height: 35px;
        font-size: 15px;
        color: #FFF;
        position: relative;
        padding: 5px 10px;
        font-weight: 700;
        cursor: pointer;
    }

    #mega-menu-title:before {
        content: "\f0d7";
        font-family: FontAweSome;
        position: absolute;
        right: 10px;
    }

    #mega-menu-title i {
        margin-right: 9px;
    }

    .home #mega-menu-wrap #mega_menu {
        display: block;
    }

    .stuck #mega-menu-wrap #mega_menu {
        display: none;
    }

    #mega-menu-wrap:hover #mega_menu {
        display: block;
    }

    #mega-menu-wrap #mega_menu .menu {
        box-shadow: 0 0 4px 0 rgba(0, 0, 0, .2);
    }

    #mega-menu-wrap #mega_menu .menu li.menu-item {
        background: #FFF;
    }

    #mega-menu-wrap #mega_menu .menu li.menu-item a {
        display: block;
        padding: 10px 15px 10px 10px;
        color: #000;
        line-height: initial;
        position: relative;
    }

    #mega-menu-wrap #mega_menu .menu li.menu-item > a:before {
        content: "\f058";
        font-family: Fontawesome;
        margin-right: 5px;
        font-size: 12px;
        color: #019527;
    }

    #mega-menu-wrap #mega_menu .menu li.has-child > a:after {
        content: "\f0da";
        font-family: Fontawesome;
        position: absolute;
        right: 5px;
        top: 12px;
    }

    #mega-menu-wrap #mega_menu .menu .sub-menu li.menu-item a:hover:before {
        color: #FFF;
    }

    #mega-menu-wrap #mega_menu .menu li.menu-item a:hover {
        background: #f5f5f5;
        color: #ca0202;
    }

    #mega-menu-wrap #mega_menu .menu li.menu-item .sub-menu {
        position: absolute;
        left: 100%;
        top: 0px;
        box-shadow: 0 0 4px 0 rgba(0, 0, 0, .2);
        background: #FFF;
        height: 100%;
        margin: 0px;
    }

    #mega-menu-wrap #mega_menu .menu li.menu-item:hover > .sub-menu {
        display: block !important;
    }

    #mega-menu-wrap #mega_menu .menu li.menu-item .sub-menu a {
        background: #FFF;
    }

    #mega-menu-wrap #mega_menu .menu li.more a {
        display: block;
        padding: 10px 15px 10px 10px;
        color: #000;
        line-height: initial;
        position: relative;
    }

    #mega-menu-wrap #mega_menu .menu li.more a:before {
        content: "\f0d7";
        font-family: Fontawesome;
        margin-right: 5px;
    }

    #mega-menu-wrap #mega_menu .menu li.less a:before {
        content: "\f0d8";
    }

    #mega-menu-wrap #mega_menu {
        position: absolute;
        top: 100%;
        margin-top: 0px;
        left: 0;
        width: 100%;
        padding: 0;
        background: #fff;
        border: 1px solid #ddd;
        border-top: none;
        display: none;
    }

    #mega-menu-wrap #mega_menu .menu li.menu-item button.toggle {
        display: none;
    }

    .mobile-sidebar .nav-uppercase li.more a {
        color: #FFF;
    }

    #mega-menu-wrap #mega_menu .menu li.menu-item a i.icon-angle-down {
        display: none;
    }
}

@media screen and (max-width: 959px) {
    .ot-vm-click {
        display: block;
        width: 100%;
    }

    .ot-vm-click div#mega-menu-title {
        background: #019527;
        font-weight: 600;
        font-size: 16px;
        color: #FFF;
        padding: 10px 20px;
    }

    .ot-vm-click .menu > li + li {
        border-top: 1px solid #ececec;
    }

    .ot-vm-click .menu li.menu-item a {
        color: #FFF !important;
        font-size: 14px;
    }

    .ot-vm-click .menu > li.menu-item > a {
        padding: 15px;
    }

    .ot-vm-click .menu ul.sub-menu a {
        text-transform: none;
    }

    .ot-vm-click .menu > li.menu-item button.toggle {
        margin: 0px;
    }

    .ot-vm-click .menu li.menu-item ul.sub-menu {
        padding-bottom: 0;
    }

    .ot-vm-click .menu li.menu-item ul.sub-menu > li.menu-item {
        padding: 0px;
        margin: 0px;
    }

    .ot-vm-click .menu li.menu-item ul.sub-menu li.menu-item {
        border-top: 1px solid rgba(255, 255, 255, .2);
    }

    .ot-vm-click .menu li.menu-item ul.sub-menu ul.sub-menu a {
        padding-left: 30px;
    }

    .ot-vm-click .menu li.menu-item ul.sub-menu > li.menu-item > a:before {
        content: "-";
        margin-right: 5px;
    }

    .ot-vm-click .menu li.menu-item ul.sub-menu ul.sub-menu a:before {
        content: "+";
        margin-right: 5px;
    }

    .ot-vm-click .menu li.menu-item ul.sub-menu button.toggle {
        display: none;
    }
}

/* menu di d?ng */
@media screen and (max-width: 959px) {
    #header .stuck div#masthead {
        position: fixed !important;
        top: 0px;
        left: 0px;
        z-index: 999999;
        background: #FFF;
        width: 100%;
        display: block !important;
        box-shadow: 0px 0px 5px 2px #ccc;
    }

    #header .stuck div#wide-nav {
        display: none;
    }

    #header div#wide-nav .hide-for-medium {
        display: none;
    }

    #header div#wide-nav .show-for-medium {
        display: block !important;
    }

    .off-canvas-left.dark .mfp-content {
        background-color: #019527;
    }

    .mobile-sidebar .nav-uppercase li.menu-item {
        position: relative;
    }

    .mobile-sidebar .nav-uppercase li.menu-item a {
        color: #FFF !important;
        font-size: 14px;
        display: block;
    }

    .mobile-sidebar .nav-vertical > li.menu-item > a {
        padding-left: 15px;
    }

    .mobile-sidebar .nav-uppercase ul.children a {
        text-transform: none;
    }

    .mobile-sidebar .nav-vertical > li.menu-item button.toggle {
        margin: 0px;
    }

    .mobile-sidebar .nav-uppercase li.menu-item ul.children {
        padding-bottom: 0;
    }

    .mobile-sidebar .nav-uppercase li.menu-item ul.children > li.menu-item {
        padding: 0px;
        margin: 0px;
    }

    .mobile-sidebar .nav-uppercase li.menu-item ul.children li.menu-item {
        border-top: 1px solid rgba(255, 255, 255, .2);
    }

    .mobile-sidebar .nav-uppercase li.menu-item ul.children > li.menu-item > a:before {
        content: "-";
        margin-right: 5px;
    }

    .mobile-sidebar .nav-uppercase li.menu-item ul.children ul.nav-sidebar-ul a:before {
        content: "+";
        margin-right: 5px;
    }

    .off-canvas-left .mfp-content {
        background: #ca0202;
    }

    .mobile-sidebar .nav-vertical .html.custom {
        background: #ca0202;
        font-weight: 600;
        font-size: 16px;
        color: #FFF;
        padding: 10px 20px;
    }

    div#logo {
        width: 100px !important;
    }

    #masthead .mobile-nav a.icon {
        margin: 0px;
        padding: 0 5px;
        font-size: 10px;
    }

    #masthead .mobile-nav a.icon i.icon-menu {
        margin: 0px 3px 0px 0px;
    }

    #masthead .mobile-nav a.icon span.menu-title {
        padding: 0px;
        display: inline-block !important;
        margin: 0px;
        color: #FFF !important;
    }

    div#masthead > .header-inner {
        padding: 0 5px;
    }

    .mobile-sidebar .nav-vertical .html.custom {
        background: #ca0202;
        font-weight: 600;
        font-size: 16px;
        color: #FFF;
        padding: 10px 20px;
    }
}

/* header di d?ng */
@media screen and (max-width: 959px) {
    #masthead .hide-for-medium {
        display: none;
    }

    #masthead .show-for-medium {
        display: block !important;
    }
}

/* breadcrumbs s?n ph?m */
.shop-page-breadcrumbs {
    margin-bottom: 20px;
    background: #f7f0e7;
}

.page-title-inner .is-large {
    background: #f7f0e7;
    padding: 5px 0px;
}

.archive .breadcrumbs {
    padding: 5px;
    max-width: 1170px;
    margin: auto;
    color: #de221a;
    text-transform: unset;
    font-weight: 400;
    font-size: 14px;
}

.archive .page-title .page-title-inner {
    padding: 0px;
    min-height: auto;
    max-width: 100%;
}

.archive .shop-page-title .is-xsmall {
    background: #f5f5f5;
    border-bottom: 1px solid #e6e6e6;
}

.breadcrumbs {
    text-transform: uppercase;
    color: #222;
    font-weight: bold;
    letter-spacing: 0px;
    padding: 0;
    max-width: 1200px;
    margin: auto;
}

.breadcrumbs a {
    position: relative;
    display: inline-block;
    text-transform: none;
    font-weight: 400;
    font-size: 14px;
    color: #000;
    padding-right: 20px;
    margin-right: 10px;
}

.breadcrumbs a:before {
    content: "\f105";
    font-family: fontawesome;
    position: absolute;
    top: -1px;
    right: 0px;
    padding: 0;
    font-size: 22px;
    line-height: 20px;
}

.breadcrumbs a:last-child:before {
    content: none;
}

.breadcrumbs a:hover {
    color: #019527;
}

.breadcrumbs .divider {
    display: none;
}

.breadcrumbs {
    text-align: left;
}

/* breadcrumbs chi ti?t s?n ph?m */
.single-product .shop-page-title {
    margin-bottom: 20px;
}

.single-product .shop-page-title .page-title-inner {
    min-height: auto;
    max-width: 100%;
    padding: 5px 15px;
    background: #f7f0e7;
}

/* breadcrumbs tin t?c */
.home .breadcrumb-blog {
    display: none;
}

.breadcrumb-blog {
    background: #f7f0e7;
    line-height: 40px;
    margin-bottom: 20px;
}

.breadcrumb-blog .breadcrumbs {
    max-width: 1170px;
    margin: auto;
    text-transform: unset;
    line-height: 20px;
    padding: 10px 15px;
    font-size: 14px;
    font-weight: 600;
    color: #019527;
}

/* Ti�u d? danh m?c */
.shop-page-title .shop-page-title {
    order: 2;
    margin-top: 20px;
}

.shop-page-title h1.shop-page-title, h1.page-title {
    font-size: 24px;
    padding-bottom: 10px;
    margin-bottom: 30px;
    border-bottom: 2px dashed #ccc;
    margin-top: 0px;
}

.shop-page-title {
    margin-bottom: 30px;
}

.shop-page-title .page-title-inner {
    display: block;
    padding-top: 0px;
}

.shop-page-title .page-title-right {
    width: 100%;
}

.shop-page-title .page-title-right p.woocommerce-result-count {
    width: 50%;
    margin: 0px;
    height: 39px;
    line-height: 39px;
}

.shop-page-title .page-title-right form.woocommerce-ordering {
    float: right;
    height: 39px;
    z-index: 9 !important;
}

/* List Danh m?c tin t?c */
#macdinh .post-item {
    padding: 0px !important;
}

.post-item .post-date {
    display: none !important;
}

#macdinh .post-item .col-inner {
    background: #FFF;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px dashed #000;
}

#macdinh .post-item:last-child .col-inner {
    border: 0px;
    padding: 0px;
    margin: 0px;
}

#macdinh .post-item .box-blog-post {
    display: inline-block !important;
    width: 100%;
}

#macdinh .post-item .box-image {
    padding: 0px !important;
    display: block !important;
}

#macdinh .post-item .box-text {
    padding: 0px;
}

#macdinh .post-item .box-text h5.post-title {
    margin: 0px;
    color: #019527;
}

#macdinh .post-item .box-text h5.post-title a {
    margin: 0px;
}

#macdinh .post-item .box-blog-post:hover h5.post-title {
    color: #e43e2b;
}

.post-item .box-text .is-divider {
    display: none !important;
}

#macdinh .post-item .box-text .post-xemtiep {
    display: block;
    text-align: right;
}

@media screen and (min-width: 768px) {
    #macdinh .post-item .box-image {
        width: 20% !important;
        float: left;
    }

    #macdinh .post-item .box-image .image-cover {
        padding-top: 100% !important;
    }

    #macdinh .post-item .box-text {
        width: 77% !important;
        float: right;
    }
}

/* b�i vi?t */
.single-post .entry-image.relative, .single-post .entry-meta, .single-post .entry-category {
    display: none;
}

.single-post .entry-header-text h1 {
    color: #e63125;
    font-size: 24px;
    margin-bottom: 0px;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 9px;
}

.single-post .entry-header-text {
    padding: 0px;
    font-size: 14px;
    text-transform: uppercase;
    color: red;
}

/* b�i vi?t li�n quan */
div#related_posts > h3 {
    font-weight: bold;
    background: url(../../../images/logo-icon-tsa.png) no-repeat left top;
    color: #019527;
    margin-bottom: 20px;
    width: 100%;
    background-size: contain;
    text-transform: uppercase;
}

div#related_posts h3 span {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 5px;
    border-bottom: 2px dashed #8c8c8c;
}

ul.releted-post {
    margin: 0 0 18px 0 !important;
    padding: 0 !important;
}

ul.releted-post li {
    overflow: hidden !important;
    list-style: inside !important;
    -moz-column-break-inside: avoid !important;
    -webkit-column-break-inside: avoid !important;
    break-inside: avoid-column !important;
    font-size: 14px;
    margin-bottom: 0px;
}

ul.releted-post li a {
    color: #000;
}

ul.releted-post li:hover a {
    color: #00aced;
}

ul.releted-post li a.img-thumbnai {
    display: none !important;
    width: 75px !important;
    height: 75px !important;
    overflow: hidden;
    float: left !important;
    margin: 0 10px 0 0 !important;
    padding: 0 !important;
}

ul.releted-post li img {
    display: block !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
    float: none !important;
    border-radius: 3px !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) !important;
}

@media screen and (max-width: 480px) {
    ul.releted-post {
        -moz-column-count: auto !important;
        -moz-column-gap: normal !important;
        -moz-column-rule: none !important;
        -webkit-column-count: auto !important;
        -webkit-column-gap: normal !important;
        -webkit-column-rule: none !important;
        column-count: auto !important;
        column-gap: normal !important;
        column-rule: none !important;
    }
}

/* Danh m?c video */
div#video .box-vertical {
    display: block !important;
    border: 0px !important;
    margin: 0px !important;
    padding: 0px !important;
}

#video .post-xemtiep {
    display: none !important;
}

#video > .row {
    margin: 0px -10px !important;
    background: #FFF;
    padding: 10px 0px !important;
    display: flex !important;
}

div#video .post-item {
    max-width: 33.33333% !important;
    flex-basis: 100% !important;
    width: 100% !important;
    float: left !important;
    padding: 0 10px 10px;
    margin-bottom: 20px !important;
}

div#video .post-item .col-inner {
    padding: 0px !important;
    box-shadow: 0 1px 3px -2px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    border-radius: 5px;
}

div#video .post-item .box-image {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 5px 5px 0px 0px;
}

div#video .post-item .box-text {
    padding: 15px 10px !important;
    border: 0px;
    width: 100% !important;
    max-width: 100% !important;
    display: block;
}

div#video .post-item .box-text .from_the_blog_excerpt, div#video .post-item .box-text p {
    display: none !important;
}

div#video .post-item .box-blog-post .post-title {
    font-weight: 400;
    color: #000;
    margin: 0px;
    font-size: 17px;
}

div#video .post-item .box-blog-post .post-title a {
    margin: 0px;
    -webkit-line-clamp: 3;
    height: 66px;
    overflow: hidden;
}

div#video .post-item:hover a {
    color: #0066cc;
}

/* video li�n quan b�i vi?t */
.format-video ul.releted-post {
    column-count: 3 !important;
}

.format-video ul.releted-post a.img-thumbnai {
    width: 100% !important;
    height: auto !important;
    margin: 0px 0px 10px !important;
    display: block !important;
    position: relative;
}

.format-video ul.releted-post a.img-thumbnai:before {
    font-family: 'fl-icons' !important;
    font-size: 1.3em;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    margin: auto !important;
    z-index: 9;
    content: "";
    background: url(../../../images/icon_video_home.png);
    width: 50px;
    height: 50px;
    position: absolute;
    opacity: 1;
    transition: transform .2s, opacity .2s;
}

.format-video ul.releted-post li {
    border: 0px;
    margin-bottom: 20px !important;
    list-style: none !important;
    margin-left: 0px;
}

.format-video ul.releted-post a.img-thumbnai img {
    width: 100%;
}

.format-video ul.releted-post a.title {
    width: 100%;
    display: block;
    font-weight: 400;
    color: #000;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    height: 73px;
    text-align: left;
}

.format-video ul.releted-post li:hover a.title {
    font-weight: 400;
    color: #0066cc;
}

/* danh m?c s?n ph?m */
.shop-container {
    display: flex;
    flex-direction: column;
}

.shop-container .term-description {
    order: 2;
    margin-top: 30px;
}

/* s?n ph?m */
.woocommerce .products .product .col-inner .box-text-products {
    padding: 10px 0px 0px;
}

h1.product-title.entry-title {
    font-size: 20px;
}

.product-short-description {
    border-top: 2px dashed #8c8c8c;
    padding-top: 20px;
    margin-top: 20px !important;
}

.product-short-description p {
    margin-bottom: 10px;
}

.product-short-description img {
    margin-bottom: 0px !important;
}

.product-short-description {
    border-top: 1px dashed #000;
    padding-top: 20px;
    margin-top: 20px !important;
    margin-bottom: 30px;
}

.type-product .box-text-products a, .khunghome .title-wrapper a {
    color: #000;
    font-weight: 400;
    font-size: 14px;
    margin: 0px;
}

.price, .woocommerce-Price-amount, .amount {
    color: #ef232f !important;
    font-weight: bold;
}

.grid-tools a {
    background: #0881c8;
}

.woocommerce .products .product .title-wrapper .product-title a {
    height: 36px;
    overflow: hidden;
}

span.price {
    font-size: 17px;
    position: relative;
    line-height: inherit;
}

span.price:before {
    content: "";
    width: 66px;
    height: 13px;
    background: url(../../../images/orange.png);
    position: absolute;
    top: 0px;
    left: 0px;
    background-size: contain;
}

span.price del span {
    font-size: 15px;
}

span.price ins span {
    font-size: 17px;
}

.social-icons {
    display: block;
    text-align: center;
}

.attribute_pa_trong-luong .select_option_label.select_option span {
    width: auto;
}

/* gi? h�ng danh m?c */
.home-sanpham .product-small .box-text .add-to-cart-button a, .products .product .col-inner .add-to-cart-button a {
    background-color: #019527;
    color: #FFF;
    border-radius: 3px;
    font-weight: 400;
    text-transform: none;
    font-size: 13px;
    padding: 0 12px;
    line-height: 26px;
    min-height: 20px;
    border: 0px;
    margin: 0px;
}

.home-sanpham .product-small .box-text .add-to-cart-button, .products .product .col-inner .add-to-cart-button {
    position: absolute;
    top: -40px;
    opacity: 0;
    transition: all;
    left: 10px;
}

.home-sanpham .product-small:hover .box-text .add-to-cart-button, .products .product .col-inner:hover .add-to-cart-button {
    opacity: 1;
}

.products .product .col-inner:hover .add-to-cart-button {
    top: -50%;
}

/* gi?m gi� + m?i */
.products .product .col-inner {
    position: relative;
    background-color: #FFF;
    box-shadow: 0 1px 3px -2px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    padding: 10px 10px 20px;
}

.badge-container.absolute.left.top.z-1 {
    margin-top: 0px;
    width: 100%;
}

.products .product .col-inner {
    position: relative;
}

.badge-circle .on-sale:after {
    content: "";
    position: absolute;
    border-left: 10px solid #e63125;
    border-top: 11px solid transparent;
    border-bottom: 12px solid transparent;
    top: 0;
    right: -10px;
}

.badge-circle .on-sale:before {
    content: "";
    position: absolute;
    border-top: 5px solid #904540;
    border-left: 5px solid transparent;
    left: 0px;
    top: initial;
    bottom: -5px;
}

.badge-circle .on-sale {
    background: #e63125 !important;
    color: #fff;
    border: 0px;
    border-radius: 0px !important;
    padding: 5px 5px 5px 10px;
    position: relative;
    font-size: 16px;
}

.badge-circle:first-child {
    position: absolute;
    top: 10px;
    top: 10px;
}

.badge-circle:last-child {
    position: absolute;
    top: 10px;
    left: 2px;
    height: auto;
}

/* gi� ti?n ? m� t? ng?n s?n ph?m */
.single-product .product-page-price del {
    display: block;
    margin-bottom: 10px;
    text-decoration: unset !important;
}

.single-product .product-page-price del span.woocommerce-Price-amount {
    font-size: 20px;
    color: #019527 !important;
    opacity: 1;
    font-weight: 600;
    text-decoration: line-through;
}

.single-product .product-page-price del:before {
    content: "Gi� g?c:";
    margin-right: 10px;
    font-size: 15px;
    color: #000;
}

.single-product .product-page-price ins {
    display: block;
}

.single-product .product-page-price ins span.woocommerce-Price-amount {
    font-size: 25px;
    margin-right: 15px;
}

.single-product .product-page-price ins span.woocommerce-Price-amount:before {
    content: "Gi� khuy?n m?i:";
    margin-right: 10px;
    font-size: 15px;
    color: #000;
}

/* m� t? ng?n s?n ph?m */
.single-product h1.product-title.entry-title {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
    color: #e63125;
    margin-top: 0px;
}

/* gi? h�ng */
.woocommerce div.product div.summary .single_add_to_cart_button {
    background: #019527 !important;
    border-radius: 5px;
    border-bottom: 2px solid #000 !important;
    border-right: 2px solid #000 !important;
}

.woocommerce-cart a.checkout-button {
    background-color: #9c0e08 !important;
}

.woocommerce-cart button.button {
    background: #c41412 !important;
    opacity: 1 !important;
}

.woocommerce-cart .button-continue-shopping {
    color: #000 !important;
}

.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row {
    width: 100%;
}

.woocommerce-checkout .woocommerce-billing-fields {
    border: 0px;
}

/* th�nh to�n */
.woocommerce-bacs-bank-details h3.wc-bacs-bank-details-account-name {
    color: red;
}

.woocommerce-bacs-bank-details ul.wc-bacs-bank-details strong {
    color: #e63125;
}

.related-products-wrapper .row-slider .box-text-products {
    padding-bottom: 0px !important;
}

.related-products-wrapper .row-slider .box-text-products a {
    font-weight: 400;
    font-size: 15px;
}

.related-products-wrapper .add-to-cart-button {
    position: absolute;
    top: -40px;
    opacity: 0;
    transition: all;
}

.related-products-wrapper .product-small:hover .add-to-cart-button {
    opacity: 1;
}

.related-products-wrapper .add-to-cart-button a {
    background-color: #e63125;
    color: #FFF;
    border-radius: 3px;
    font-weight: 400;
    text-transform: none;
    font-size: 13px;
    padding: 0 12px;
    line-height: 26px;
    min-height: 20px;
    border: 0px;
}

/* mua h�ng nhanh */
a.devvn_buy_now {
    background: #e63125;
    border-bottom: 2px solid #000 !important;
    border-right: 2px solid #000 !important;
}

.devvn-popup-title {
    background: #e63125 !important;
}

.popup-customer-info-group .devvn-order-btn {
    background: #e63125 !important;
    border-bottom: 2px solid #000;
    border-right: 2px solid #000;
}

.devvn_prod_variable .quantity.buttons_added {
    float: none !important;
    border: 0px !important;
    color: red;
    font-weight: bold;
}

.devvn_prod_variable .quantity.buttons_added .minus {
    background: transparent;
    border-radius: 25px 0px 0px 25px;
}

.devvn_prod_variable .quantity.buttons_added .qty {
    border-left: 0px;
    border-right: 0px;
}

.devvn_prod_variable .quantity.buttons_added input {
    border: 1px solid #e63125 !important;
    width: 40px !important;
    font-size: 14px !IMPORTANT;
    border-radius: 0px 25px 25px 0px;
}

.devvn_prod_variable .quantity.buttons_added input:hover, .devvn_prod_variable .quantity.buttons_added input:active {
    background: #e63125 !important;
    color: #FFF !important;
}

a.devvn_buy_now:focus, a.devvn_buy_now:hover {
    background: #019527 !important;
    border-bottom-color: #000 !important;
}

.devvn_prod_variable .quantity .screen-reader-text {
    display: none;
}

/* chi ti?t s?n ph?m*/
.khungweb .khung-chitiet-sp > .row {
    margin: 0 -15px !important;
}

.khungweb .khung-chitiet-sp .product-info {
    padding-top: 0px;
}

.single-product main#main {
    padding-top: 0px;
    margin-top: 0px;
}

.product-main .row.mb-0.content-row {
    background: #FFF;
    padding: 10px;
}

.shop-page-title .products .product, .woocommerce .product {
    border: 0px solid #ececec;
    margin-bottom: 20px;
    padding-bottom: 0px;
}

.single-product .product .product-footer .container {
    padding: 0px;
    margin-bottom: 10px;
    border-top: 0px solid #e63125;
    background: #FFF;
}

.single-product .product .product-footer .container .product-tabs li a:before {
    content: unset;
}

.single-product ul.product-tabs {
    margin-top: 0px !important;
}

.single-product ul.product-tabs li a {
    color: #000 !important;
    background: transparent;
    font-size: 20px;
    font-weight: bold;
}

.product-footer .container .woocommerce-tabs.tabbed-content {
    background: #FFF;
    border-top: 3px solid #9c0e08;
}

.related-products-wrapper {
    border-top: 0px;
}

.single-product .product .product-main {
    padding: 0px;
    background: #FFF;
}

/* S?n ph?m li�n quan */
.related h3.product-section-title-related {
    position: relative;
    display: block;
    width: 100%;
    border-bottom: 2px dashed #8c8c8c;
    margin-bottom: 20px;
}

.related .product .product-small {
    padding: 5px;
    transition: opacity 0.3s, transform 0.3s, background-color 0.3s;
    box-shadow: 0 1px 3px -2px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.related .product .product-small .box-text {
    padding: 15px 0px 10px;
}

.related .product .product-small .box-text .product-title {
    margin: 0px;
}

.related .product .product-small .box-text .product-title a {
    margin: 0px;
    color: #000;
    height: 60px;
    overflow: hidden;
    font-size: 16px;
}

.related .product .product-small .add-to-cart-button {
    position: absolute;
    top: -40px;
    opacity: 0;
    transition: all;
    left: 10px;
}

.related .product .product-small:hover .add-to-cart-button {
    opacity: 1;
}

.related .product .product-small .add-to-cart-button a {
    background-color: #e63125;
    color: #FFF;
    border-radius: 3px;
    font-weight: 400;
    text-transform: none;
    font-size: 13px;
    padding: 0 12px;
    line-height: 26px;
    min-height: 20px;
    border: 0px;
}

/* b?n quy?n */
#footer .copyright a {
    color: #000;
}

.fa-clock:before {
    content: "\f017";
}

#footer .copyright {
    margin: 0px;
    font-size: 12px;
    color: #000;
}

#footer .copyright div {
    max-width: 1170px;
    margin: auto;
}

/* Chia sẻ m?ng x� h?i */
.social-icons.share-icons:before {
    content: "Chia sẻ";
    bottom: 0px;
    font-size: 16px;
    font-weight: bold;
    margin-right: 20px;
    color: #000;
}

.social-icons.share-icons a {
    margin-bottom: 0px;
}

.social-icons.share-icons {
    position: relative;
    background: #e8e8e8;
    padding: 10px 0px 10px 10px;
    margin-bottom: 30px;
    text-align: left;
    width: 100%;
}

.social-icons.share-icons a.icon {
    font-size: 10px;
    border-radius: 50% !important;
    width: 30px !important;
    height: 30px !important;
    line-height: 30px;
}

a.zalo-share-button {
    color: #03A5FA !important;
    line-height: 41px !important;
    padding-left: 4px !important;
}

/* khung website */
.khungweb {
    padding: 0 15px;
    max-width: 1200px !important;
}

.khungweb .khung-noidung > .row {
    margin: 0px !important;
}

.khungweb .khung-noidung {
    padding: 0px !important;
    margin-bottom: 20px;
    background: #FFF;
    border: 0px !important;
}

.khungweb .sidebar {
    padding: 0px !important;
    border: 0px !important;
}

.khung-noidung .product-main {
    padding-bottom: 0px;
}

.category-filtering {
    display: none;
}

.khungweb h1.page-title {
    font-size: 25px;
    padding-bottom: 10px;
    border-bottom: 2px dashed #ccc;
    margin-bottom: 25px;
}

@media only screen and (min-width: 960px) {
    .khungweb .khung-noidung {
        max-width: 73%;
    }

    .khungweb .sidebar-left {
        margin-right: 0px;
        margin-left: auto;
    }

    .khungweb .sidebar-right {
        margin-left: 0px;
        margin-right: auto;
    }
}

@media only screen and (max-width: 959px) {
    .khungweb .khung-noidung {
        max-width: 100% !important;
        flex-basis: 100% !important;
    }

    .khungweb .sidebar {
        max-width: 100% !important;
        flex-basis: 100% !important;
        order: 2;
        display: block !important;
    }
}

/* hotline call now */
.animated.infinite {
    animation-iteration-count: infinite;
}

.tada {
    animation-name: tada;
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}

.float-icon-hotline {
    position: fixed;
    bottom: 20px;
    left: 25px;
    z-index: 999;
}

.float-icon-hotline ul {
    display: block;
    width: 100%;
    padding-left: 0;
    margin-bottom: 0;
    margin: 0;
    list-style: none;
}

.float-icon-hotline ul li {
    display: block;
    width: 45px;
    height: 45px;
    position: relative;
    margin-bottom: 10px;
    cursor: pointer;
    padding: 0px;
}

.float-icon-hotline ul li a {
    text-decoration: none;
    display: block;
}

.float-icon-hotline ul li .fa {
    background-color: #549a04;
    display: block;
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 36px;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px #888;
    box-shadow: 0 0 5px #888;
    color: #fff;
    font-weight: 700;
    border-radius: 50%;
    position: relative;
    z-index: 2;
    border: 2px solid #fff;
    font-size: 20px;
}

.float-icon-hotline ul li .fa-hotline {
    background: #70b81e url(../../../images/icon-call.svg) center center no-repeat;
}

.float-icon-hotline ul li .fa-zalo {
    background: #ef0303 url(../../../images/icon-zalo.svg) center center no-repeat;
}

.float-icon-hotline ul li .fa-messenger {
    background: #168efb url(../../../images/icon-messenger.svg) center center no-repeat;
}

.float-icon-hotline ul li .fa-facebook {
    background: #369be5;
}

.float-icon-hotline ul li span {
    display: inline-block;
    padding: 0;
    background-color: #ff6a00;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 20px;
    height: 40px;
    line-height: 36px;
    position: absolute;
    top: 3px;
    left: 15px;
    z-index: 0;
    width: 0;
    overflow: hidden;
    -webkit-transition: all 1s;
    transition: all 1s;
    background-color: #ff6a00;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px #888;
    box-shadow: 0 0 5px #888;
    font-weight: 400;
    white-space: nowrap;
    opacity: 0;
}

.float-icon-hotline ul.show-phone .hot-phone span {
    width: 150px;
    padding-left: 30px;
    padding-right: 10px;
    opacity: 1;
    text-align: right;
}

.float-icon-hotline ul .icon-email span {
    width: auto;
    padding-left: 30px;
    padding-right: 10px;
    opacity: 1;
    text-align: right;
}

@media only screen and (min-width: 960px) {
    .float-icon-hotline ul li:not(.hot-phone):not(.icon-email):hover span {
        width: 200px;
        padding-left: 30px;
        padding-right: 10px;
        opacity: 1;
    }
}

@media only screen and (max-width: 959px) {
    .float-icon-hotline {
        bottom: 0px !important;
        left: 10px !important;
    }
}

@keyframes tada {
    0% {
        transform: scale3d(1, 1, 1);
    }
    10%, 20% {
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }
    30%, 50%, 70%, 90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%, 60%, 80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    100% {
        transform: scale3d(1, 1, 1);
    }
}

/* form popup */
a.form-popup-menu {
    position: fixed;
    display: block;
    z-index: 999;
    color: #FFF;
}

a.form-popup-menu span {
    background: #ff6a00;
    color: rgb(255, 255, 255) !important;
    padding: 10px 20px 10px 40px;
    border-radius: 20px;
}

#form-now {
    max-width: 500px;
    background: #18a8e7;
    padding: 20px;
}

#form-now .form-header {
    text-align: center;
    margin-bottom: 20px;
}

#form-now .form-header p {
    color: #FFF;
}

#form-now .form-header h3 {
    color: #FFF;
    text-transform: uppercase;
    margin-bottom: 0px;
}

#form-now input[type='email'], #form-now input[type='tel'], #form-now input[type='text'], #form-now textarea {
    box-shadow: none;
    border: 0px;
    background: transparent;
    color: #FFF;
    border-bottom: 1px solid #FFF;
    padding: 0px;
}

#form-now textarea {
    height: 75px !important;
    min-height: auto;
}

#form-now ::placeholder {
    color: #FFF;
    background: transparent;
}

#form-now .wpcf7-submit {
    background-image: -webkit-linear-gradient(bottom, #cc0000, #fb3333) !important;
    margin: 0px !important;
    border-radius: 25px !important;
}

#form-now .close-buttom-popup {
    top: 0px !important;
    color: #FFF !important;
    opacity: 1;
    mix-blend-mode: unset !important;
}

@media screen and (max-width: 959px) {
    a.form-popup-menu span {
        display: none;
    }
}

/* widget m?ng x� h?i */
.widget_wbt_social_sidebar_widget .content-social a {
    position: relative;
    padding-left: 40px;
}

.widget_wbt_social_sidebar_widget .content-social .fa {
    position: absolute;
    left: 0px;
    width: 30px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    font-size: 15px;
    border-radius: 5px;
    color: #FFF;
}

.widget_wbt_social_sidebar_widget .content-social .fa-facebook {
    background: #3a589d;
}

.widget_wbt_social_sidebar_widget .content-social .fa-youtube-play {
    background: #cd222d;
}

.widget_wbt_social_sidebar_widget .content-social .fa-twitter {
    background: #2478ba;
}

.widget_wbt_social_sidebar_widget .content-social .fa-weixin {
    background: #45b035;
}

/* scroll bar */
::-webkit-scrollbar {
    width: 5px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
    background-color: #019527;
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent)
}

/* thanh b�n sidebar */
.sidebar .widget-title {
    font-weight: 600;
    display: block;
    margin: 0;
    color: #ffffff;
    padding: 6px 0px;
    margin-bottom: 9px;
    text-transform: uppercase;
    border-bottom: 2px solid #019527;
}

.sidebar .widget-title span {
    font-size: 15px;
    color: #ffffff;
    font-weight: 600;
    margin-bottom: -3px;
    background-color: #019527;
    padding: 10px 15px;
    border-bottom: 2px solid #019527;
    position: relative;
}

.sidebar .widget-title span:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 0 solid transparent;
    border-right: 25px solid transparent;
    border-bottom: 38px solid #019527;
    position: absolute;
    right: -25px;
    top: 0px;
}

.sidebar .flatsome_recent_posts ul {
    padding: 0 10px;
    border: 1px solid #a5a5a5;
    border-radius: 0px 20px;
}

.sidebar .flatsome_recent_posts span.post_comments {
    display: none !important;
}

.sidebar .flatsome_recent_posts a {
    color: #000;
    margin: 0px;
}

.sidebar .widget_products ul.product_list_widget {
    border: 1px solid #a5a5a5;
    padding: 0px 10px;
    border-radius: 0px 20px;
}

.sidebar li a {
    color: #000;
    font-size: 14px;
    line-height: inherit !important;
}

.home .khungweb .sidebar .widget_nav_menu .widget-title {
    display: none;
}

.home .khungweb .sidebar .widget_nav_menu .menu {
    visibility: hidden;
}

/* sidebar post */
.sidebar .post-sidebar .row {
    margin: 0px;
    padding: 10px;
    border: 1px solid #019527;
}

.sidebar .post-item {
    padding: 0px;
}

.sidebar .post-item .col-inner {
    display: inline-block;
    width: 100%;
    border-bottom: 1px dashed #ccc;
}

.sidebar .post-item .box-image {
    float: left;
}

.sidebar .post-item .box-text {
    padding: 0px;
    width: 77%;
    float: right;
}

.sidebar .post-item .box-text .post-title {
    margin: 0px;
    font-weight: 400;
    color: #000;
}

.sidebar .post-item .box-text .post-title a.plain {
    margin: 0px;
}

/* hotline sidebar */
.gd_support_8 {
    background: url(../../../images/bg-support08.png) top center no-repeat, #f3f3f3;
    padding-top: 135px;
}

.gd_support_8 .supporter:first-child, .gd_support_8 .supporter:last-child {
    border-bottom: none;
}

.gd_support_8 .supporter {
    margin: 0 4px;
    padding: 0;
    overflow: hidden;
    position: relative;
}

.gd_support_8 .info .name {
    text-align: center;
    background: url(../../../images/border3.png) 7px center repeat-x;
    line-height: 25px;
}

.gd_support_8 .info > * {
    font-size: 14px;
    color: #000000;
    font-weight: 600;
}

.gd_support_8 .info .name span {
    display: inline-block;
    padding: 0 10px;
    background: #f3f3f3;
    color: #000000;
    font-size: 16px;
    font-weight: 600;
    line-height: 25px;
}

.gd_support_8 .online {
    position: absolute;
    right: 15px;
    bottom: 8px;
}

.gd_support_8 .hotline {
    width: 80%;
    margin: 0 auto;
    background: url(../../../images/icon-tel2.png) 3px center no-repeat, #019527;
    border-radius: 20px;
    margin-bottom: -20px;
    text-align: center;
    position: relative;
    z-index: 1;
    padding: 7px 0px;
}

.gd_support_8 .hotline a {
    font-weight: bold;
    color: #fff;
    font-size: 16px;
    display: block;
    line-height: initial;
}

.gd_support_8 .email {
    line-height: 50px;
    text-align: center;
    background: #019527;
    color: #fff;
    padding-top: 10px;
}

/* hotline 2 sidebar */
.suport-widget {
    border: 1px solid #600;
    padding: 10px;
}

.suport-widget ul li {
    margin-bottom: 0px;
    padding: 10px 0px;
}

.suport-widget ul li a {
    color: #008000;
    font-weight: 600;
    font-size: 15px;
    line-height: 25px !important;
    background: url(../../../images/favicon-logo-vuoncay.png) no-repeat;
    background-size: 28px;
    padding-left: 30px;
    display: block;
}

.suport-widget ul li a:hover {
    color: #f39801;
}

/* sidebar menu */
.widget-area .menu li, .sidebar .menu li {
    border: 0px;
    position: relative;
}

.widget-area .menu li a:after, .sidebar .menu li a:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #019527;
    transform-origin: left;
    transition: width 0.25s ease;
    z-index: -1;
}

.sidebar .menu li a i.icon-angle-down {
    display: none;
}

.widget-area .menu li a:hover:after, .sidebar .menu li a:hover:after {
    width: 100%;
}

.widget-area .menu li a, .sidebar .menu li a {
    display: block;
    border-bottom: 1px dashed #ccc !important;
    padding: 7px 15px 7px 20px;
    position: relative;
    font-weight: 400;
    color: #000;
    font-size: 14px;
    z-index: 1;
}

.widget-area .menu li a:hover, .sidebar .menu li a:hover {
    color: #FFF !important;
}

.widget-area .menu li:hover button.toggle, .sidebar .menu li:hover button.toggle {
    color: #FFF;
}

.widget-area .menu > li > a, .sidebar .menu > li > a {
    padding-left: 30px;
}

.widget-area .menu .sub-menu li a:before, .sidebar .menu .sub-menu li a:before {
    content: "\f0da";
    font-family: fontawesome;
    position: absolute;
    left: 30px;
}

.widget-area .menu .sub-menu li a, .sidebar .menu .sub-menu li a {
    padding-left: 50px;
}

.widget-area .menu > li > a:before, .sidebar .menu > li > a:before {
    content: "\f138";
    font-family: Fontawesome;
    position: absolute;
    left: 5px;
}

.widget-area .menu .sub-menu, .sidebar .menu .sub-menu {
    margin: 0px;
    padding: 0px;
    border: 0px;
}

.widget-area .menu li button.toggle, .sidebar .menu li button.toggle {
    position: absolute;
    margin: 0px;
    border: 1px solid #ccc;
    right: 2px;
    top: 5px;
    height: 30px;
    width: 30px;
    z-index: 9;
}

.widget-area .menu li button.toggle:hover, .sidebar .menu li button.toggle:hover {
    background: #0066cc;
    color: #FFF;
}

.sidebar .menu {
    border: 1px solid #019527;
}

.icon-angle-down:before {
    opacity: 1 !important;
}

.sidebar .menu li.current-menu-item .sub-menu {
    display: block;
}

.sidebar .menu li.current-product_cat-parent ul.sub-menu {
    display: block;
}

.sidebar .menu li.current-product_cat-parent ul.sub-menu li.current-menu-item a {
    background: #de221a;
    color: #FFF;
}

/* footer */
footer#footer {
    padding-top: 0px;
    box-shadow: 0px 0px 10px -4px #000;
    background: #f2f2f2;
}

#footer .widget-title {
    color: #019527;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 15px;
    display: block;
    border-bottom: 2px solid;
    padding-bottom: 10px;
}

#footer .is-divider.small {
    background: #000;
    width: 100%;
    max-width: 100%;
    height: 2px;
}

#footer a {
    color: #000;
}

#footer a:hover {
    text-decoration: underline;
}

footer#footer .footer-1 {
    padding-bottom: 0px;
    margin-top: 15px;
}

#footer .wp-video {
    width: 80% !important;
}

#footer .footer-1 .widget_nav_menu {
    margin-bottom: 0px !important;
}

#footer .absolute-footer {
    display: none;
}

.footer-1 {
    padding-bottom: 30px;
}

.footer-1 .widget h2 {
    font-weight: 600;
    font-size: 16px;
    color: #000;
}

.footer-1 .widget ul li {
    position: relative;
    padding-left: 25px;
    word-wrap: break-word;
}

.footer-1 .widget ul li:before {
    font-family: Fontawesome;
    position: absolute;
    left: 0px;
    top: 0px;
}

.footer-1 .contact-footer ul li:nth-child(1):before {
    content: "\f041";
}

.footer-1 .contact-footer ul li:nth-child(2):before, .footer-1 .contact-footer ul li:nth-child(3):before {
    content: "\f095";
}

.footer-1 .contact-footer ul li:nth-child(4):before {
    content: "\f003";
}
.footer-1 .contact-footer ul li:nth-child(5):before {
    content: "\f003";
}
.footer-1 a {
    color: #000 !important;
}

#footer strong {
    color: #000;
}

.widget_wbt_call_now_widget {
    margin: 0px;
}

a#top-link {
    color: #FFF;
    background: #0066cc;
    display: block !important;
}

a#top-link:hover {
    background: #FFF;
    color: #0066cc;
    border-color: #0066cc;
}

.footer-1 .social-icons {
    text-align: left;
}

/* footer custom block */
.footer-ct .widget-title {
    padding-bottom: 0px !important;
}

.footer-ct .row-content {
    padding-bottom: 20px;
}

.footer-ct .row-content .social-icons {
    text-align: left !important;
}

.footer-ct .row-content img {
    width: auto !important;
}

.footer-ct .row-content .icon-box-text h6 {
    color: #707070;
    text-transform: unset !important;
    font-size: 12px;
}

.footer-ct .row-content .icon-box-text h5 {
    font-size: 18px;
    font-weight: 400;
}

.footer-ct p {
    margin-bottom: 0px;
}

/* footer menu */
#footer .menu li {
    border: 0px;
    margin-bottom: 5px;
}

#footer .menu li a {
    padding: 0px;
    display: block;
    color: #FFF;
    padding-left: 15px !important;
}

.footer-1 .menu li a:before {
    content: "\f0da ";
    font-family: Fontawesome;
    position: absolute;
    left: 0px;
    top: 0px;
}

#footer .menu li ul.sub-menu, #footer .menu li button.toggle {
    display: none !important;
}

@media only screen and (max-width: 767px) {
    #footer .menu li {
        padding-bottom: 5px;
        border-bottom: 1px dotted #FFF;
    }

    .footer-1 .menu {
        margin-bottom: 20px;
    }
}

@media only screen and (min-width: 768px) {
    .footer-1 .menu li:before {
        content: unset !important;
    }

    .footer-1 .menu li {
        padding: 0px !important;
    }
}

/* back to top */
a#top-link {
    border-color: #FFF;
    color: #ffffff;
    background: #019527;
    display: block !important;
    visibility: inherit !important;
    z-index: 999;
}

a#top-link:hover {
    background: #FFF;
    color: #019527;
    border-color: #019527;
}

/* code banner qu?ng c�o header */
.banner-image .img:hover img {
    filter: brightness(0.5);
}

.banner-image .img-inner:before {
    content: "";
    position: absolute;
    width: 90%;
    height: 90%;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background: transparent;
    z-index: 9;
    margin: auto;
    transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    transition: opacity .35s, transform .35s, -webkit-transform .35s;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

.banner-image .img-inner:after {
    content: "";
    position: absolute;
    width: 90%;
    height: 90%;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background: transparent;
    z-index: 9;
    margin: auto;
    transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    transition: opacity .35s, transform .35s, -webkit-transform .35s;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

.banner-image .img:hover .img-inner:before, .banner-image .img:hover .img-inner:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

/* home banner */
.home-banner .row-content {
    max-width: 100% !important;
}

.metaslider .nivo-controlNav {
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 0px !important;
}

/* home page */
.home h1.entry-title {
    display: none !important;
}

.home-page .post-item:hover h5.post-title a {
    color: #019527;
}

.home-page .post-item h5.post-title a {
    margin: 0px;
}

.home-page .post-item h5.post-title {
    color: #000;
    margin: 0px;
}

.home-page .col-noidung {
    padding-bottom: 0px;
}

.home-full > .col {
    max-width: 1200px;
    margin: auto;
}

.home-page {
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
}

/* Ti�u d? */
.home-page .tieude {
    padding-bottom: 0px;
}

.home-page .tieude h2.section-title {
    border-bottom: 3px solid #019527;
}

.home-page .tieude span.section-title-main {
    font-size: 15px;
    color: #ffffff;
    font-weight: 400;
    margin-bottom: -3px;
    background-color: #019527;
    padding: 10px 15px;
    border: 0px;
    position: relative;
}

.home-page .tieude span.section-title-main:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 0 solid transparent;
    border-right: 25px solid transparent;
    border-bottom: 37px solid #019527;
    position: absolute;
    right: -25px;
    top: 0px;
}

.home-page .tieude .section-title a {
    font-size: 15px;
    color: #019527;
}

.home-page .tieude .container.section-title-container {
    margin-bottom: 5px;
}

.home-page .tieude span.section-title-main i {
    opacity: 1;
}

/* can ch?nh l?i khung menu + logo + khung slide cho chu?n m�n h�nh */
@media only screen and (max-width: 959px) {
    #header #wide-nav > .flex-row > .flex-left {
        display: none;
    }

    #header div#wide-nav .flex-center {
        max-width: 100%;
        padding: 0 10px;
    }

    .home-slide .khungslide {
        max-width: 100% !important;
        padding: 10px 0px;
    }

    .home-slide .khungslide > .col-inner > .row {
        margin: 0px !important;
    }

    .home-slide .menu-sanpham {
        display: none;
    }
}

/* home 1 */
.home-page1 .col-top {
    padding-bottom: 0px;
}

.home-page1 .row {
    margin: 0px !important;
}

.home-page1 .post-item {
    padding: 0px;
}

.home-page1 .col-right .post-item .box-blog-post {
    display: inline-block;
    width: 100%;
}

.home-page1 .col-right .post-item .box-image {
    float: left;
}

.home-page1 .col-right .post-item .box-text {
    width: 73%;
    float: right;
    text-align: left;
    padding: 0px;
}

.home-page1 .col-right .post-item .box-text .post-title {
    font-weight: 600;
}

/* home 2 */
.home-page2 {
    padding-top: 30px;
}

/* home 3 */
.home-page3 .product-category .box-text {
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.5);
    padding: 10px;
}

.home-page3 .product-category .box-text .header-title {
    margin: 0px;
    color: #FFF;
    font-size: 18px;
}

/* home 4 */
.home-page4 {
}

.home-page4 .section-content {
    width: 100%;
    -js-display: flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.home-page4 .icon-box {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    background: #019527;
    padding: 15px 15px 20px;
    margin: auto;
    border-radius: 10px;
}

.home-page4 .icon-box .uppercase {
    color: #FFF;
    text-transform: unset;
}

.home-page4 .icon-box h6 {
    text-transform: unset;
    opacity: 1;
    color: #FFF;
    font-weight: 400;
}

@media only screen and (min-width: 960px) {
    .home-page4 .icon-box {
        max-width: 32%;
    }

}

/* home s?n ph?m */
.home-sanpham .product-small {
    padding: 5px;
}

.home-sanpham .product-small .box-text {
    padding: 15px 0px 0px;
}

.home-sanpham .product-small .product-title {
    margin: 0px;
}

.home-sanpham .product-small .product-title a {
    margin: 0px;
    color: #000;
    font-size: 16px;
}

.home-sanpham .product-small:hover .product-title a {
    color: #019527;
}

@media only screen and (min-width: 960px) {
    .home-sanpham .col-noidung .section-right {
        max-width: 74%;
        margin-right: 0px;
        margin-left: auto;
    }
}

@media only screen and (max-width: 959px) {
    .home-sanpham .section-left {
        display: none !important;
    }

    .home-sanpham .section-right {
        max-width: 100% !important;
        flex-basis: 100% !important;
    }
}

/* home kh�ch h�ng */
.home-page .tieude2 .section-title {
    margin: 0px;
}

.home-page .tieude2 .section-title .section-title-main {
    margin-right: 5px;
    position: relative;
    font-size: 18px;
    border-color: #019527;
}

.home-page .tieude2 .section-title > a {
    color: #FFF;
    font-size: 12px;
    background: #019527;
    border-radius: 5px;
    padding: 5px;
}

.home-page .tieude2 .section-title b {
    background: #019527;
    opacity: 1;
}

.home-page .tieude2 {
    margin-bottom: 20px;
}

.home-camnhan {
    background: rgb(241, 241, 241);
    padding: 30px 0px 20px !important;
}

.home-camnhan .testimonial-box {
    border-radius: 20px;
    background-color: rgb(255, 255, 255);
    padding: 15px 15px 15px 15px;
}

.home-camnhan .col-left .testimonial-text {
    font-style: unset !important;
}

.home-camnhan .testimonial-box .testimonial-text {
    height: 88px;
    overflow: hidden;
}

/* home tin t?c */
.home-tintuc .box-blog-post {
    padding: 5px;
}

.home-tintuc .box-blog-post .box-text {
    padding: 15px 0px 10px;
}

.home-tintuc .box-blog-post h5.post-title {
    margin: 0px;
}

.home-tintuc .box-blog-post h5.post-title a {
    margin: 0px;
    font-size: 15px;
    color: #000;
    font-weight: 400;
    height: 57px;
    overflow: hidden;
}

.home-tintuc .col-right ul {
    margin: 0px;
    list-style: none;
}

.home-tintuc .col-right ul li {
    margin-left: 0px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #ccc;
}

.home-tintuc .col-right ul li:before {
    content: "\f00c";
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 10px;
    color: #019527;
}

/* hotline chi ti?t s?n ph?m */
.holine-product a.facebook i, .holine-product a.facebook span {
    color: #FFF !important;
}

.holine-product a {
    width: 100%;
    margin-right: 0px;
}

.nav-divided > li + li > a:after {
    border-left: none !important;
}