:root {
        --primary-color: #86bb46;
    }

    .full-width .ubermenu-nav, .container, .row {
        max-width: 1170px
    }

    .row.row-collapse {
        max-width: 1140px
    }

    .row.row-small {
        max-width: 1162.5px
    }

    .row.row-large {
        max-width: 1200px
    }

    .header-main {
        height: 300px;
        background: #eeeeee;
        position: relative;
    }

    #masthead .slick-slide {
        height: 300px !important;
    }

    #logo img {
        max-height: 79px
    }

    #logo {
        width: 190px;
        padding-left: 25px;
    }

    .header-bottom {
        min-height: 45px
    }

    .header-top {
        min-height: 40px
    }

    .has-transparent + .page-title:first-of-type, .has-transparent + #main > .page-title, .has-transparent + #main > div > .page-title, .has-transparent + #main .page-header-wrapper:first-of-type .page-title {
        padding-top: 129px;
    }

    .header.show-on-scroll, .stuck .header-main {
        height: 70px !important
    }

    .stuck
    #logo img {
        max-height: 70px !important
    }

    .header-bottom {
        background-color: #138d24;
        
    }

    .header-main .nav > li > a {
        line-height: 50px
    }

    .stuck .header-main .nav > li > a {
        line-height: 50px
    }

    .header-bottom-nav > li > a {
        line-height: 16px
    }

    @media (max-width: 549px) {
        .header-main {
            height: 70px
        }

        #logo img {
            max-height: 50px
        }
    }

    /* Color */
    .accordion-title.active, .has-icon-bg .icon .icon-inner, .logo a, .primary.is-underline, .primary.is-link, .badge-outline .badge-inner, .nav-outline > li.active > a, .nav-outline > li.active > a, .cart-icon strong, [data-color='primary'], .is-outline.primary {
        color: #378426;
        font-size: 18px;
        min-width: 150px;
        text-align: center;
        display: block;
    }

    .tab.has-icon a {
    	font-size: 18px;
    	color: #000;
    }

    .tab.has-icon a:hover {
    	font-size: 18px;
    	color: #378426;
    }

    /* Color !important */
    [data-text-color="primary"] {
        color: #86bb46 !important;
    }

    /* Background Color */
    [data-text-bg="primary"] {
        background-color: #86bb46;
    }

    /* Background */
    .scroll-to-bullets a, .featured-title, .label-new.menu-item > a:after, .nav-pagination > li > .current, .nav-pagination > li > span:hover, .nav-pagination > li > a:hover, .has-hover:hover .badge-outline .badge-inner, button[type="submit"], .button.wc-forward:not(.checkout):not(.checkout-button), .button.submit-button, .button.primary:not(.is-outline), .featured-table .title, .is-outline:hover, .has-icon:hover .icon-label, .nav-dropdown-bold .nav-column li > a:hover, .nav-dropdown.nav-dropdown-bold > li > a:hover, .nav-dropdown-bold.dark .nav-column li > a:hover, .nav-dropdown.nav-dropdown-bold.dark > li > a:hover, .is-outline:hover, .tagcloud a:hover, .grid-tools a, input[type='submit']:not(.is-form), .box-badge:hover .box-text, input.button.alt, .nav-box > li > a:hover, .nav-box > li.active > a, .nav-pills > li.active > a, .current-dropdown .cart-icon strong, .cart-icon:hover strong, .nav-line-bottom > li > a:before, .nav-line-grow > li > a:before, .nav-line > li > a:before, .banner, .header-top, .slider-nav-circle .flickity-prev-next-button:hover svg, .slider-nav-circle .flickity-prev-next-button:hover .arrow, .primary.is-outline:hover, .button.primary:not(.is-outline), input[type='submit'].primary, input[type='submit'].primary, input[type='reset'].button, input[type='button'].primary, .badge-inner {
        background-color: #86bb46;
    }

    /* Border */
    .nav-vertical.nav-tabs > li.active > a, .scroll-to-bullets a.active, .nav-pagination > li > .current, .nav-pagination > li > span:hover, .nav-pagination > li > a:hover, .has-hover:hover .badge-outline .badge-inner, .accordion-title.active, .featured-table, .is-outline:hover, .tagcloud a:hover, blockquote, .has-border, .cart-icon strong:after, .cart-icon strong, .blockUI:before, .processing:before, .loading-spin, .slider-nav-circle .flickity-prev-next-button:hover svg, .slider-nav-circle .flickity-prev-next-button:hover .arrow, .primary.is-outline:hover {
        border-color: #86bb46
    }

    .nav-tabs > li.active > a {
        border-top-color: #86bb46
    }

    .widget_shopping_cart_content .blockUI.blockOverlay:before {
        border-left-color: #86bb46
    }

    .woocommerce-checkout-review-order .blockUI.blockOverlay:before {
        border-left-color: #86bb46
    }

    /* Fill */
    .slider .flickity-prev-next-button:hover svg, .slider .flickity-prev-next-button:hover .arrow {
        fill: #86bb46;
    }

    body {
        font-size: 100%;
    }

    body {
        font-family: serif
    }

    body {
        font-weight: 0
    }

    body {
        color: #333333
    }

    .nav > li > a {
        font-family: serif;
    }

    .mobile-sidebar-levels-2 .nav > li > ul > li > a {
        font-family: serif;
    }

    .nav > li > a {
        font-weight: 0;
    }

    .mobile-sidebar-levels-2 .nav > li > ul > li > a {
        font-weight: 0;
    }

    h1, h2, h3, h4, h5, h6, .heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a {
        font-family: serif;
    }

    h1, h2, h3, h4, h5, h6, .heading-font, .banner h1, .banner h2 {
        font-weight: 0;
    }

    h1, h2, h3, h4, h5, h6, .heading-font {
        color: #333333;
    }

    .breadcrumbs {
        text-transform: none;
    }

    .alt-font {
        font-family: "inherit", sans-serif;
    }

    a {
        color: #333333;
    }

    a:hover {
        color: #333333;
    }

    .tagcloud a:hover {
        border-color: #333333;
        background-color: #333333;
    }

    /* Custom CSS */
    .section4, .section7 {
        padding-bottom: 0px !important;
    }

    .section1 .icon-box h3 {
        font-size: 19px;
        line-height: 30px;
        font-weight: 700;
        margin-bottom: 0;
    }

    .section1 .icon-box p {
        font-size: 15px;
        line-height: 20px;
    }

    .section1 .icon-box .icon-box-img {
        padding: 10px;
        border-radius: 90%;
        background: #000;
    }

    .section1 .icon-box:hover {
        cursor: pointer;
    }

    .section1 .icon-box:hover .icon-box-img {
        background: #86bb46;
    }

    .section1 {
        margin-top: -100px;
    }

    .section1 .row1 {
        padding: 40px 15px;
        background: #fff;
        border-radius: 5px;
        border-bottom: 3px solid #86bb46;
    }

    .section1 .row1 .col {
        padding-bottom: 0px !important;
    }

    .section2:before {
        position: absolute;
        content: '';
        display: block;
        left: 60%;
        margin-right: 15px;
        top: 0;
        bottom: 0;
        right: -10000px;
        background-image: url(/wp-content/uploads/2020/10/pattern-02.jpg);
    }

    .section2 .cot1 h2 {
        font-size: 39px;
        line-height: 39px;
        position: relative;
        font-family: serif;
        margin-bottom: 35px;
    }

    .section2 .cot1 h2:before {
        position: absolute;
        left: 5px;
        bottom: -15px;
        width: 120px;
        height: 3px;
        content: "";
        background: #689f38;
    }

    .section2 .cot1 h2:after {
        position: absolute;
        left: 0;
        bottom: -15px;
        width: 3px;
        height: 3px;
        content: "";
        background: #689f38;
    }

    .section2 .cot1 h3, .section3 .cot1 p {
        font-size: 22px;
        line-height: 23px;
        letter-spacing: 1px;
        color: #86bb46;
        text-transform: uppercase;
        font-weight: 600;
        font-style: normal;
        font-family: serif;
        margin-bottom: 0px;
    }

    .section3 .cot1 h2, .section5 .cot1 h2 {
        font-size: 30px;
        line-height: 22px;
        position: relative;
        font-family: serif;
        margin-bottom: 5px;
        text-transform: uppercase;
        color: #378426;
        text-decoration: underline;
    }

    .post-title.is-large {
        color: #2970df;
    }


    .section3 .row2 {
        margin-top: 50px;
    }

    .section3 .row2 .large-3 {
        padding: 0 5px 10px;
    }

    .section3 .ly-do {
        background-color: #d4e8be;
        padding: 15px;
        position: relative;
        min-height: 255px;
    }

    .section3 .number {
        width: 50px;
        height: 50px;
        position: relative;
        top: -39px;
        background-color: #86bb46;
        color: #fff;
        font-size: 32px;
        margin: 0 auto;
        text-align: center;
        border-radius: 50%;
    }

    .section3 .noi-dung {
        margin-top: -20px;
    }

    .section3 .noi-dung h4 {
        font-size: 25px;
        font-family: serif;
    }

    .section3 .noi-dung .des {
        font-size: 15px;
    }

    .section4 {
        background: url(../../images/patt.png) #fafafa;
    }

    .is-divider {
        display: none;
    }

    .box.box-normal .box-image, .blog-archive .box .box-image {
        padding: 10px;
        background: #fff;
        border-radius: 5px 5px 0 0;
    }

    .box.box-normal .box-text, .blog-archive .box .box-text {
        padding: 5px 20px 20px 20px;
        background: #fff;
        border-radius: 0 0 5px 5px;
    }

    .box.box-normal .cat-label {
        text-transform: inherit;
        opacity: 1;
        font-size: 14px;
        position: absolute;
        top: -35px;
        color: #fff;
    }

    .box.box-normal .box-text h5 {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        font-weight: normal;
        height: 44px;
        text-align: center;
    }

    .box.box-normal:hover h5 {
        color: #043b91;
    }

    .timeline {
        padding: 0;
    }

    .timeline .circle {
        background: #86bb46;
        border: .5rem solid #666666;
        height: 2.25rem;
        width: 2.25rem;
        vertical-align: middle;
        position: relative;
        left: -17px;
    }

    .timeline ul {
        margin: 0;
        padding: 0;
    }

    .timeline em {
        color: #666;
        display: block;
        font-weight: bold;
    }

    .timeline li {
        margin: 0px !important;
        border: 0 solid #aaa;
        list-style-type: none;
        padding: 1rem 2rem;
        width: 100%;
        border-left-width: 2px;
    }

    .timeline li:before {
        background: #86bb46;
        border-radius: 100%;
        content: "";
        display: inline-block;
        height: 1rem;
        position: absolute;
        width: 1rem;
        left: -7px;
        margin-top: 1rem;
    }

    .timeline li strong {
        font-family: serif;
    }

    .timeline li p {
        text-transform: initial !important;
        font-size: 14px;
        display: none;
    }

    .section5 .row2 .cot1:before {
        position: absolute;
        content: '';
        display: block;
        right: 39%;
        margin-right: 15px;
        top: 0;
        bottom: 0;
        left: -10000px;
        background-image: url(/wp-content/uploads/2020/10/pattern-02.jpg);
    }

    .section5 .row2 .cot1 {
        padding: 30px;
        align-self: center;
    }

    .section5 .row2 .cot1 .img-inner {
        border: 10px solid #86bb46;
    }

    .section5 .cot1 h2, .section6 .cot1 h2 {
        line-height: 50px;
    }

    .section6 .cot1 h2:after, .section6 .cot1 h2:before {
        background: #fff;
    }

    .section .faq-row {
        background: white;
        padding: 20px;
        border-radius: 10px;
    }

    .section .faq-row .accordion-title {
        position: relative;
        border: solid 1px #c6ebde;
        border-radius: 10px;
        padding-right: 40px;
        background: #fff;
        font-size: 18px;
        font-weight: 400;
        margin-bottom: 7px;
        cursor: pointer;
    }

    .footer-section .row2 {
        padding-bottom: 10px;
        border-bottom: 2px solid #37434b;
    }

    .footer-section .row2 .small-tit {
        color: #999999;
        font-size: 16px;
        margin-bottom: 0px;
        font-weight: bold;
    }

    .footer-section .row2 .small-tit i {
        color: #86bb46;
        margin-right: 5px;
    }

    .footer-section .row2 .big-tit {
        color: #fff;
        font-size: 16px;
        font-weight: 600;
        padding-left: 15px;
        margin-bottom: 0;
    }

    .footer-section .row3 {
        padding-top: 20px;
    }

    .footer-section .button.icon.circle {
        border-color: #2a3840;
        background-color: #2a3840;
        color: #999;
        margin-right: 8px;
    }

    .footer-section .ux-logo-link {
        padding-left: 0px !important;
    }

    .footer-section .row3 ul {
        margin-bottom: 0px;
    }

    .footer-section .row3 .col {
        padding-bottom: 15px !important;
    }

    .absolute-footer.dark {
        color: #9999;
        border-top: 2px solid #37434b;
        background-color: #0d1c25;
    }

    .header-block-top {
        padding-left: 0px !important;
    }

    .header-block-top > .col {
        padding-bottom: 0px !important;
        padding: 0 5px 10px;
    }

    .header-block-top .icon-box .icon-box-text strong {
        font-size: 14px;
        color: #222;
    }

    .header-block-top .icon-box .icon-box-text p {
        margin: 0;
        font-size: 14px;
    }

    .nav li a {
        font-family: serif;
    }

    .nav > li > a {
        color: #fff;
        padding: 0 10px;
        margin-right: 0;
        font-size: 15px;
    }

    .nav > li {
        margin: 0px;
    }

    #top_header_desktop {
        max-width: 100% !important;
        height: 300px !important;
    }

    .header-bottom-nav > li > a {
        line-height: 45px;
        position: relative;
        overflow: hidden;
        z-index: 2;
        font-weight: bold;
    }

    .nav-dropdown > li > a {
        position: relative;
        overflow: hidden;
        z-index: 2;
        padding-left: 10px !important;
        margin: 0 !important;
        color: #000;
    }

    .header-bottom-nav > li > a:before, .nav-dropdown > li > a:before {
        content: "";
        display: block;
        position: absolute;
        right: 100%;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #049518;
        z-index: -1;
        opacity: 1;
        transition: all .2s ease-out;
        border-right: 2px solid #ffe800;
    }

    .header-bottom-nav > li > a:hover, .nav-dropdown > li > a:hover {
        color: #fff;
    }

    .header-bottom-nav > li > a:hover:before, .nav-dropdown > li > a:hover:before {
        opacity: 1;
        right: 0;
    }

    .nav-dropdown-default {
        padding: 0;
        border: none;
        box-shadow: none;
    }

    .blog-single .large-9.col, .archive.category .large-9.col {
        max-width: 70%;
        flex-basis: 70%;
        padding: 0 10px 10px;
    }

    .blog-single .post-sidebar.large-3, .archive.category .post-sidebar.large-3 {
        max-width: 30%;
        flex-basis: 30%;
        padding: 0 10px 10px;
        border-left: none !important;
        padding-top: 15px;
    }

    .widget-title, .widgettitle {
        margin-bottom: 0;
        background: #0098da;
        padding: 15px 25px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        color: white;
        display: block;
    }

    .flatsome_recent_posts ul, .product_list_widget {
        background: #fbfff7;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        padding: 0 15px;
    }

    .recent-blog-posts {
        padding: 12px 0 12px;
    }

    .recent-blog-posts-li .badge-inner {
        border-radius: 99%;
    }

    ul.product_list_widget li img {
        margin: 0;
        border-radius: 99%;
    }

    .entry-header-text {
        padding-bottom: 0px;
    }

    h2 strong, h3 strong, h4 strong, h5 strong, h2 b, h3 b, h4 b, h5 b {
        font-weight: bold;
    }

    .breadcrumbs, .breadcrumbs a {
        color: #333;
        font-size: 14px;
    }

    /* Custom CSS Mobile */
    @media (max-width: 549px) {
        .section1 {
            margin-top: 0px;
            padding-top: 0px !important;
        }

        .section1 .row1 {
            padding: 30px 0px;
        }

        .section1 .row1 .col {
            padding-bottom: 10px !important;
        }

        .section2:before {
            display: none;
        }

        .section2 .row1 .cot2:before {
            position: absolute;
            content: '';
            display: block;
            left: 39%;
            margin-right: 15px;
            top: 0;
            bottom: 0;
            right: -10000px;
            background-image: url(/wp-content/uploads/2020/10/pattern-02.jpg);
        }

        .section3 .row2 .large-3 {
            padding: 0 5px 10px;
            margin-bottom: 25px;
            max-width: 100%;
            flex-basis: 100%;
        }

        .section3 .ly-do {
            min-height: fit-content;
        }

        .section3 .cot1 h2, .section5 .cot1 h2 {
            font-size: 26px;
            line-height: 35px;
            position: relative;
            font-family: serif;
            margin-bottom: 35px;
        }

    ,.section7 .row1 .large-columns-4 .col.post-item {
         max-width: 50%;
         flex-basis: 50%;
     }

        .box.box-normal .box-text, .blog-archive .box .box-text {
            padding: 5px 10px 10px 10px;
        }

        .section5 .row2 .cot1 {
            order: 2;
        }

        .timeline {
            padding: 0;
            position: relative;
            left: 15px;
        }

        .section .faq-row .accordion-title {
            padding-right: 20px;
            font-size: 16px;
        }

        .faq-row .accordion-inner {
            padding: 15px;
            font-size: 16px;
        }

        .footer-section .row2 {
            padding-bottom: 0;
        }

        .footer-section .row3 {
            padding-top: 0;
        }

        .footer-section .small-6 {
            max-width: 100%;
            flex-basis: 100%;
        }

        .blog-single .large-9.col, .archive.category .large-9.col {
            max-width: 100%;
            flex-basis: 100%;
            padding: 0 10px 10px;
        }

        .blog-single .post-sidebar.large-3, .archive.category .post-sidebar.large-3 {
            max-width: 100%;
            flex-basis: 100%;
            padding-top: 0;
        }

        .section2 .cot1 h2:after, .section3 .cot1 h2:after, .section5 .cot1 h2:after {
            display: none;
        }

        .section2 .cot1 h2:before, .section3 .cot1 h2:before, .section5 .cot1 h2:before {
            left: 35%;
        }
    }

    .label-new.menu-item > a:after {
        content: "New";
    }

    .label-hot.menu-item > a:after {
        content: "Hot";
    }

    .label-sale.menu-item > a:after {
        content: "Sale";
    }

    .label-popular.menu-item > a:after {
        content: "Popular";
    }


    img[data-fancybox] {

        cursor: pointer;
    }

    .hide {
        display: none;
        transition: opacity 0.6s linear;
    }

    .show {
        display: block;
        opacity: 1 !important;
        transition: opacity 0.6s linear;
    }


    #link-contact {
        position: absolute;
        top: 15px;
        right: 30px;
        z-index: 100;
        display: flex;
        justify-content: space-between;
        width: 165px;
        color: #1915ad;
    }

    #link-language {
        position: absolute;
        bottom: 25px;
        left: 15px;
        z-index: 100;
        display: flex;
        justify-content: space-between;
        width: 260px;
        color: #fff;
        font-weight: bold;
    }

    #link-contact-search {
        position: absolute;
        bottom: 10px;
        left: 275px;
        z-index: 100;
        display: flex;
        justify-content: space-between;
        width: 245px;
        color: #fff;
        display: none;
    }

    #link-contact a {
        color: #1915ad;
        font-size:17px;
        font-weight: bold;
    }

    #link-language a {
        color: #fff;
        font-size:17px;
        font-weight: bold;
    }

    #link-contact a:hover {
        color: #f5f00d;
    }

    #link-language a:hover {
        color: #f5f00d;
    }