/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
/* 
@font-face {
    font-family: 'SVN-Helga';
    src: url("fonts/SVN-Helga.otf");
} */
.button span {
    display: inline-block;
    line-height: unset;
}

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

body {
}

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

.nav > li > a {
}

.headCompany {
    color: #E22226;
    font-size: 20px;
    font-weight: 700;
}

.header-nav-main.nav-right {
}

    .header-nav-main.nav-right .header-search-form {
    }

        .header-nav-main.nav-right .header-search-form .header-search-form-wrapper {
        }

            .header-nav-main.nav-right .header-search-form .header-search-form-wrapper .ux-search-box {
            }

                .header-nav-main.nav-right .header-search-form .header-search-form-wrapper .ux-search-box form {
                }

                .header-nav-main.nav-right .header-search-form .header-search-form-wrapper .ux-search-box form {
                }

.searchBoxex {
    margin-top: 20px;
}

    .searchBoxex .search-field {
        width: 100%;
        border: 1px solid #215AAB !important;
        min-width: 400px;
    }

.header-nav-main.nav-right .searchBoxex .ux-search-submit {
    position: absolute;
    right: 0;
    color: #F9E500 !important;
    width: 55px;
    background: #215AAB !important;
}

.button.icon.is-small {
    background: #215AAB;
    color: #F9E500;
}

.topSocial {
}

    .topSocial ul {
        gap: 5px;
        margin: 0;
        list-style: none;
        display: flex;
        gap: 5px;
    }

        .topSocial ul li {
            margin: 0;
        }

            .topSocial ul li a {
                text-indent: -999px;
                overflow: hidden;
                display: block;
                width: 25px;
                height: 25px;
            }

            .topSocial ul li:nth-child(1) a {
                background: url(images/topF1.png) no-repeat;
                background-size: 25px;
            }

            .topSocial ul li:nth-child(2) a {
                background: url(images/topF2.png) no-repeat;
                background-size: 25px;
            }

            .topSocial ul li:nth-child(3) a {
                background: url(images/topF3.png) no-repeat;
                background-size: 25px;
            }


.topInfo ul {
    gap: 5px;
    margin: 0;
    list-style: none;
    display: flex;
    gap: 20px;
}

    .topInfo ul li {
        margin: 0;
    }

        .topInfo ul li a {
            overflow: hidden;
            display: block;
            color: white;
            font-size: 14px;
            font-weight: 300;
            padding-left: 22px;
        }

        .topInfo ul li:nth-child(1) a {
            background: url(images/topR1.png) no-repeat;
            background-size: 15px;
        }

        .topInfo ul li:nth-child(2) a {
            background: url(images/topR2.png) 2px 3px no-repeat;
            background-size: 13px;
        }

        .topInfo ul li:nth-child(3) a {
            background: url(images/topR3.png) 0px 1px no-repeat;
            background-size: 15px;
        }

.logoFooter {
}

    .logoFooter img {
        max-width: 170px;
        display: block;
        margin: auto;
    }

.ftInfo {
}

    .ftInfo ul {
        list-style: none;
        margin: 0;
    }

        .ftInfo ul li {
            margin: 0 0 10px;
            padding-left: 26px;
        }

            .ftInfo ul li:before {
                content: "";
            }

            .ftInfo ul li:nth-child(1) {
                background: url(images/topR1.png) 0px 5px no-repeat;
            }

            .ftInfo ul li:nth-child(2) {
                background: url(images/topR3.png) 0px 1px no-repeat;
            }

            .ftInfo ul li:nth-child(3) {
                background: url(images/topR2.png) 0px 6px no-repeat;
            }

.ftList {
    margin-top: 60px;
}

    .ftList h3 {
        color: #F9E500;
    }

    .ftList ul {
    }

        .ftList ul li {
            color: white;
        }

            .ftList ul li a {
                color: white;
            }

                .ftList ul li a:before {
                    content: "";
                    width: 6px;
                    height: 6px;
                    background: white;
                    border-radius: 50%;
                }

.defaultHeadingPage {
}

.breadcrumbEx {
    text-align: center;
}

    .breadcrumbEx span {
        color: white;
    }

        .breadcrumbEx span a {
            color: white;
        }

.colContact {
}

    .colContact ul {
    }

        .colContact ul li {
        }

            .colContact ul li a {
            }

.colContactForm {
}

    .colContactForm .wpcf7-form-control {
        box-shadow: none;
        border-radius: 8px;
    }

    .colContactForm .wpcf7-textarea {
    }

    .colContactForm .wpcf7-submit {
        min-width: 100px;
        background: #053484;
    }

.wpcf7 form .wpcf7-response-output {
    margin: 10px 0;
    padding: 0.2em 1em;
    border: 2px solid #00a0d2;
}

.widget {
    border-radius: 0.5em;
    overflow: hidden;
}

    .widget .widget-title {
        background: #053484de;
        color: #f9e500;
        font-weight: 700;
        padding: 12px;
        border-radius: 0px;
        position: relative;
        /* padding-left: 70px; */
        font-size: 16px;
        display: block;
        text-align: left;
        line-height: unset;
    }

        .widget .widget-title:before {
            content: "";
            display: inline-block;
            width: 60px;
            position: absolute;
            height: 100%;
            top: 0px;
            left: 0px;
            clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%);
            background: url(images/icon-car.png) #053484 no-repeat scroll 8px 14px;
            visibility: hidden;
        }

    .widget .is-divider {
        display: none;
    }

    .widget .product-categories {
        background: none;
        border: 1px solid #cdcdcd;
        padding: 0 15px;
        border-top: none;
        border-bottom-left-radius: 0.5em;
        border-bottom-right-radius: 0.5em;
        overflow: hidden;
    }

        .widget .product-categories > li {
            /* margin-bottom: 10px; */
            border: none;
            border-bottom: 1px dashed #cdcdcd;
        }

.product-categories > li > a {
    color: #333;
}

.widget .product-categories > li:last-child {
    border: none !important;
}

.blog-wrapper {
    padding: 0;
}

.postItem {
    border: 1px solid #ddd;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 20px;
}

.postThumb {
    overflow: hidden;
    height: 220px;
}

    .postThumb img {
        height: 100%;
        width: 100%;
        -o-object-fit: contain;
        object-fit: cover;
        transition-duration: .3s;
        transition: all 300ms;
    }

.postContent {
    background: white;
    padding: 10px 15px;
}

.postTitle {
    margin-bottom: 5px;
}

    .postTitle a {
        font-weight: bold;
        color: #053484;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }

.postDesc {
}

.postItem:hover .postThumb img {
    transform: scale(1.05);
}

.postItem:hover .postTitle a {
}

.postDescription {
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    color: black;
    font-size: 14px;
    height: 67px;
}

.breadcrumbBox {
    padding: 10px 0;
}

.postBoxK {
    padding: 30px 0;
}

.widget_categories ul {
    background: none;
    border: 1px solid #cdcdcd;
    padding: 0 15px;
    border-top: none;
    border-bottom-left-radius: 0.5em;
    border-bottom-right-radius: 0.5em;
    overflow: hidden;
}

    .widget_categories ul > li {
        border: none;
        border-bottom: 1px dashed #cdcdcd !important;
    }

        .widget_categories ul > li > a {
        }

        .widget_categories ul > li:last-child {
            border: none !important;
        }

.widget_recent_entries {
}

    .widget_recent_entries ul {
        background: none;
        border: 1px solid #cdcdcd;
        padding: 0 15px;
        border-top: none;
    }

        .widget_recent_entries ul > li {
        }

            .widget_recent_entries ul > li > a {
                color: black;
                font-size: 1em;
            }

.title-head {
    font-size: 22px;
    color: #053484;
}

.relate-box h3 {
    color: #555;
    text-transform: uppercase;
}

.article-content {
    font-size: 1em;
    color: black;
}

.d_page {
    text-align: center;
}

.proCategoryPage {
    padding-bottom: 30px;
}

.proItem {
    background: transparent;
    /* padding: .5rem; */
    /* border: 1px solid #e2e8f0; */
    /* border-radius: .5rem; */
    overflow: hidden;
    margin-bottom: 20px;
}

    .proItem:hover {
        /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); */
        /* border: 1px solid #fff; */
    }

.proThumb {
    min-height: 180px;

    height: 230px;
    display: block;
    align-items: center;
    overflow: hidden;
    border-radius: 0.5em;
}


    .proThumb img {
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        transition-duration: .3s;
        transition: all 300ms;
    }

.proContent {
}

.proTitle {
    margin-top: 4px;
}

    .proTitle a {
        color: #215AAB;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        text-align: left;
        font-weight: bold;
        font-size: 16px;
    }

.proGroupPrice {
    justify-content: start;
    display: flex;
    align-items: center;
    gap: 5px;
}

    .proGroupPrice .new {
    }

        .proGroupPrice .new span {
            color: #22924e;
            font-weight: 700;
        }



    .proGroupPrice .old {
        font-size: .75rem;
    }

        .proGroupPrice .old span {
        }

    .proGroupPrice .contact {
        color: black;
        font-weight: 700;
        font-size: 14px;
    }

.proListRow {
}

    .proListRow .row {
    }

.badge-container {
    display: none;
}

.product-gallery .woocommerce-product-gallery__image a {
    display: block;
    border: 1px solid #ebebeb;
    padding: 5px;
    border-radius: 0.5em;
}

.product-footer .woocommerce-tabs {
    padding: 0px 0;
    border-top: 1px solid #ececec;
    width: 100%;
}

.single_add_to_cart_button {
    background: #053484 !important;
    /* border-radius:10px;*/
}

.asideProBox {
    margin-top: 0px;
    border: 1px solid #ebebeb;
    padding-top: 0;
    border-top: none;
    border-bottom-left-radius: 0.5em;
    border-bottom-right-radius: 0.5em;
    overflow: hidden;
}

.asideItem {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 5px 10px;
}

.asideThumb {
        margin-bottom: 0;
    max-width: 70px;
    height: 70px;
    overflow: hidden;
    width: 70px;
}

    .asideThumb img {    width: 100%;
    height: 100%;
    object-fit: cover;
    }

.asideContent {
    text-align: left;    flex: 1;
}

.asideTitle {
}

    .asideTitle a {
        color: black;
        font-weight: bold;
     font-size: 0.85em;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    }

.asidePrice {
    justify-content: start;
    gap: 5px;
    align-items: end;
}

    .asidePrice span {
        font-size: 0.8em;
    }

    .asidePrice .contact {
        color: #053484;
        font-weight: 700;
        font-size: 0.8em;
    }

.asideProBox1 {
    overflow: hidden;
    border-radius: 0.5em;
}

.asideHeading {
    background: #053484de;
    color: #f9e500;
    font-weight: 700;
    padding: 12px;
    border-radius: 0px;
    position: relative;
    /* padding-left: 70px; */
    font-size: 16px;
    display: block;
    text-transform: uppercase;
    text-align: left;
    line-height: unset;
}

    .asideHeading:before {
        content: "";
        display: inline-block;
        width: 60px;
        position: absolute;
        height: 100%;
        top: 0px;
        left: 0px;
        clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%);
        /* background: #053484 no-repeat scroll 8px 14px; */
        visibility: hidden;
    }

.product-footer {
    margin-top: 30px;
}

.relateBox {
    padding: 30px 0;
}

.relateHeading {
}

    .relateHeading h3 {
        text-transform: uppercase;
        color: #053484;
    }

.asidePrice .old {
    font-size: 0.8em;
}

input[type=submit], input[type=submit].button, input[type=submit], .primary {
    background-color: #053484;
}

.tabBanner {
    /* float: left; */
    width: 280px;
    margin-left: 0px;
    text-align: left;
    margin-right: 10px;
    /* margin-top: 10px; */
}

.grBannerTab {
    display: flex; /* align-items: start; */
}

.proTabBox {
    text-align: left;
    border: none;
    /* float: left; */
    width: 100%;
}

.relateBoxContainer {
    padding: 30px 0;
}

.product-footer .woocommerce-tabs > .nav-line-grow, .product-footer .woocommerce-tabs > .nav-line:not(.nav-vertical) {
    margin-top: 0;
}

.tab-panels p {
    color: black;
}

.detailsPrtice .proGroupPrice {
    justify-content: left;
    margin-bottom: 10px;
}

.iboxLoi {
}

    .iboxLoi .icon-box-img {
    }

        .iboxLoi .icon-box-img .icon {
        }

            .iboxLoi .icon-box-img .icon .icon-inner {
                border-radius: 50%;
                border: 1.5px solid #ccc;
            }

                .iboxLoi .icon-box-img .icon .icon-inner img {
                    padding: 0;
                }

    .iboxLoi .icon-box-text {
        color: white;
    }

        .iboxLoi .icon-box-text h3 {
            color: white;
            font-size: 16px;
        }

        .iboxLoi .icon-box-text p {
            font-size: 13px;
        }

.headingDefault {
}

    .headingDefault h2 {
    }

        .headingDefault h2:before {
        }

.mProItem {
    border-radius: 0.5em;
    overflow: hidden;
}

.mProItemThumb {
    height: 194px;
    overflow: hidden;
}

    .mProItemThumb a {
    }

    .mProItemThumb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.mProItemContent {
}

.mProItemTitle {
    display: block;
}

    .mProItemTitle a {
        background: #f5f5f5;
        text-align: center;
        text-transform: uppercase;
        font-size: 14px;
        color: black;
        transition: all 0.3s ease 0s;
        font-weight: 700;
        height: 44px;
        padding: 12px 0;
        margin-bottom: 0px;
        display: block;
        margin-top: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }

.homeCategoryProBox {
    /* background: #fff; */
}

.sale-flash {
    background-color: #f62d3e;
}


    .sale-flash:before {
        content: "";
        border-top: 6px solid #950c20;
        border-left: 6px solid transparent;
        left: 0px;
        bottom: -6px;
        position: absolute;
        width: 0;
        height: 0;
    }

.product-thumbnail .sale-flash {
    position: absolute;
    right: 6px;
    top: 6px;
    font-weight: 400;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    white-space: nowrap;
    text-align: center;
    width: 46px;
    height: 28px;
    display: inline-block;
    background: #053484;
    padding-left: 6px;
    z-index: 1;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    line-height: 28px;
    border-radius: 0px;
}

.product-thumbnail .sale-flash {
    right: inherit;
    left: -7px;
    width: 50px;
}

.proSaleBox {
    padding: 50px 20px 0px 00px;
    background: #fff;
}

.proSale {
    position: relative;
    border: 1px solid #e5e5e5;
    overflow: visible;
    margin-bottom: 20px;
    display: flex;
    align-items: start;
}

.proSaleThumb {
    min-width: 210px;
    min-height: 210px;
    max-height: 210px;
    max-width: 210px;
    display: flex;
    align-items: center;
    overflow: hidden;
    padding: 10px;
}

    .proSaleThumb img {
        height: 100%;
        object-fit: cover;
    }

.proSaleContent {
    text-align: left;
    padding: 15px 10px;
}

.proSaleTitle {
    margin-bottom: 5px;
}

    .proSaleTitle a {
        display: -webkit-box;
        font-size: 16px;
        font-weight: 400;
        line-height: 22px;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        color: black;
        font-weight: bold;
        text-transform: uppercase;
    }

.proSaleContent .proGroupPrice {
    justify-content: left;
}

.proSaleOwl .item {
    padding: 0 0 0 10px;
}

.proSaleGrBtn {
    display: flex;
    gap: 10px;
    margin-top: 10px;
}

    .proSaleGrBtn a {
        background: #053484;
        border-radius: 3px;
        text-transform: uppercase;
        padding: 0 15px;
        display: block;
        line-height: 40px;
        color: white;
        font-weight: bold;
        font-size: 13px;
    }

        .proSaleGrBtn a:first-child {
        }

        .proSaleGrBtn a:last-child {
        }

.bannerK {
    position: relative;
    display: block;
    overflow: hidden;
}

    .bannerK:before {
        border-color: #000 transparent transparent;
        border-style: solid;
        border-width: 0;
        content: "";
        height: 0;
        left: 0;
        opacity: 0.2;
        position: absolute;
        top: 0;
        transition: all 0.5s ease-in-out;
        width: 0;
    }

    .bannerK:after {
        border-color: transparent transparent #000;
        border-style: solid;
        border-width: 0;
        bottom: 0;
        content: "";
        height: 0;
        opacity: 0.2;
        position: absolute;
        right: 0;
        transition: all 0.5s ease-in-out;
        width: 0;
    }

    .bannerK:hover:before {
        border-width: 1150px 680px 0 0;
        transition: all 0.3s ease-in-out;
        z-index: 9;
    }

    .bannerK:hover:after {
        border-width: 0 0 1150px 680px;
        z-index: 9;
        transition: all 0.3s ease-in-out;
    }

.button, input[type=submit], input[type=submit].button, input[type=reset].button, input[type=button].button {
    color: #fff;
    background-color: #053484;
    background-color: #053484;
}

.proSaleGrBtn .woosq-btn {
    margin: 0;
    background: #053484;
    border-radius: 3px;
    text-transform: uppercase;
    padding: 0 15px;
    display: block;
    line-height: 40px;
    color: white;
    font-weight: bold;
    font-size: 13px;
}

.partItem {
}

.partThumb {
}

    .partThumb img {
    }

.partnerBox {
    padding: 0px 10px 0px 10px;
    background: #fff;
}

.dkCol {
}

    .dkCol h2 {
        display: inline-block;
        width: auto;
        color: white;
        text-transform: uppercase;
        margin: 0;
        font-size: 20px;
    }

    .dkCol form {
        display: flex;
        align-items: center;
        gap: 20px;
        margin: 0;
    }

.dkForm {
    margin-bottom: 0px;
    display: inline-block;
    position: relative;
    width: 471px;
    max-width: 100%;
}

    .dkForm > p {
        position: relative;
    }

        .dkForm > p > .wpcf7-form-control-wrap {
        }

            .dkForm > p > .wpcf7-form-control-wrap > .wpcf7-form-control {
                margin: 0;
            }

        .dkForm > p > .wpcf7-submit {
            position: absolute;
            top: 0;
            right: 0;
            margin: 0;
        }

.wpcf7-spinner {
    display: none;
}

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

.postHomeBox {
    padding: 20px 20px 0px 20px;
    background: #fff;
}

.postDate {
}

.postHomeHeading {
}

    .postHomeHeading h2 {
        background: #053484;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        padding: 5px 10px;
        margin: 0;
        color: white;
    }

.productst-e {
    padding: 20px 0;
    background: #f8f8f8;
}

.proTabHomeBanner {
    display: inline-block;
    width: 260px;
    /* float: left; */
    max-height: 377px;
    overflow: hidden;
}

.proTabHomeBoxPro {
    width: calc(100% - 280px);
    padding: 10px 10px;
}

.proFlex {
    display: flex;
    background: white;
    align-items: center;
}

.proItem {
    position: relative;
}

.proItemex {
    position: relative;
    visibility: visible;
}

    .proItemex .proItem {
        margin-bottom: 30px;
    }

    .proItemex .product-thumbnail .sale-flash {
        left: -5px;
    }

    .proItemex .proSaleGrBtn {
        position: absolute;
        transition: 0.3s all;
        opacity: 0;
        visibility: hidden;
        right: -15px;
        margin-top: 0px;
        z-index: 9;
        bottom: 0px !important;
    }

    .proItemex:hover .proSaleGrBtn {
        opacity: 1;
        right: 0px;
        visibility: visible;
    }


    .proItemex .addCart {
        position: absolute;
        transition: 0.3s all;
        opacity: 0;
        visibility: hidden;
        right: -15px;
        margin-top: 0px;
        z-index: 9;
        margin-top: -15px;
        top: 50%;
    }

.home-prohot-owl .proItemex {
    padding: 0 10px;
}

    .home-prohot-owl .proItemex .proItem {
        position: relative;
        overflow: visible;
    }

.proItemex .viewNow {
    position: absolute;
    left: -15px;
    text-align: center;
    line-height: 30px;
    display: block !important;
    opacity: 0;
    transition: 0.3s all;
    margin-top: -15px;
    visibility: hidden;
    z-index: 9;
    background: #053484;
    color: #fff;
    bottom: 0px !important;
    height: 45px;
    line-height: 30px;
    width: 45px;
    padding: 0px;
    border: none;
    font-size: 18px;
    line-height: 35px;
    text-align: center;
    top: 50%;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.proItemex:hover .addCart {
    opacity: 1;
    right: 0px;
    visibility: visible;
}

.proItemex:hover .viewNow {
    opacity: 1;
    left: 0px;
    visibility: visible;
}

.proTabHomeBanner img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.viewNow button {
    margin: 0;
    background: #053484;
    border-radius: 3px;
    text-transform: uppercase;
    padding: 0 0px;
    line-height: 40px;
    color: white;
    font-weight: bold;
    font-size: 13px;
    margin: 0;
    text-align: center;
    height: 40px;
}

.addCart a {
    background: #053484;
    text-transform: uppercase;
    padding: 0 0px;
    line-height: 40px;
    color: white;
    font-weight: bold;
    font-size: 13px;
    margin: 0;
    text-align: center;
    height: 45px;
    width: 45px;
    display: block;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.boxKBanchay {
    padding: 30px 0;
}

    .boxKBanchay h3 {
    }

.title-text3 {
    position: absolute;
    left: 50%;
    top: -9px;
    text-transform: uppercase;
    font-size: 18px;
    color: #fff;
    display: inline-block;
    font-weight: 500;
    background-color: #ff2d37;
    border-radius: 0 0 5px 5px;
    z-index: 2;
    height: 50px;
    padding: 0 30px;
    transform: translateX(-50%);
    line-height: 50px;
}

    .title-text3:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: auto;
        left: -22px;
        right: auto;
        border-bottom: 0 solid transparent;
        border-top: 9px solid transparent;
        border-right: 10px solid #c60009;
        border-left: 12px solid transparent;
    }

    .title-text3:after {
        content: "";
        position: absolute;
        top: 0;
        bottom: auto;
        left: auto;
        right: -22px;
        border-bottom: 0 solid transparent;
        border-top: 9px solid transparent;
        border-left: 10px solid #c60009;
        border-right: 12px solid transparent;
    }

    .title-text3 h3 {
        margin-top: 0px;
        text-transform: uppercase;
        color: #fff;
        font-weight: 700;
        font-size: 16px;
        margin: 0px;
        display: inline-block;
        position: relative;
    }

        .title-text3 h3 a {
            color: #fff;
        }

.boxKBanchay .proSaleBox {
    background: transparent;
    padding: 50px 0 0px;
}

    .boxKBanchay .proSaleBox .proSale {
        background: white;
    }

.best-seller-product {
}

    .best-seller-product .stBanchay {
        padding: 0px 20px 0px !important;
        margin-bottom: 40px;
        overflow: visible;
        margin-top: 9px;
        /* position: relative; */
    }

        .best-seller-product .stBanchay .proSaleThumb {
            min-width: 180px;
            min-height: 180px;
            max-height: 180px;
            max-width: 180px;
            display: flex;
            align-items: center;
            overflow: hidden;
            padding: 10px;
        }

.module_service_details .wrap_module_service {
    background: #f7f7f7;
    border-radius: 0;
    border: 1px solid #ececec;
    margin-bottom: 30px;
    overflow: hidden;
    border-radius: 0.5em;
}

.wrap_module_service .item_service {
    padding: 0px 10px;
    border-bottom: dashed 1px #ececec;
}

    .wrap_module_service .item_service .wrap_item_ {
        position: relative;
        padding: 15px 0;
        display: table;
    }

        .wrap_module_service .item_service .wrap_item_ .image_service {
            display: table-cell;
            width: 40px;
            vertical-align: middle;
            -webkit-transition-duration: 0.8s;
            -moz-transition-duration: 0.8s;
            -o-transition-duration: 0.8s;
            transition-duration: 0.8s;
            -webkit-transition-property: -webkit-transform;
            -moz-transition-property: -moz-transform;
            -o-transition-property: -o-transform;
            transition-property: transform;
        }

        .wrap_module_service .item_service .wrap_item_ .content_service {
            margin-left: 10px;
        }

            .wrap_module_service .item_service .wrap_item_ .content_service p {
                font-weight: bold;
                margin-bottom: 0;
                font-size: 14px;
            }

            .wrap_module_service .item_service .wrap_item_ .content_service span {
                color: black;
                font-size: 12px;
            }

    .wrap_module_service .item_service:hover .wrap_item_ .image_service {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
    }

    .wrap_module_service .item_service:hover .wrap_item_ .content_service p {
        color: #254e94;
    }

.proItem:hover .product-thumbnail img {
    transition: all 300ms;
    transform: scale(1.05);
}

.headingDefault {
    margin: 0;
}

    .headingDefault .section-title {
        justify-content: center;
        margin: 0;
        padding: 0;
    }

        .headingDefault .section-title b {
            display: none;
        }

        .headingDefault .section-title .section-title-main {
            font-size: 28px;
            color: #375DA4;
            margin: 0;
            background: url(images/linePro.png) bottom center no-repeat;
            padding-bottom: 40px;
        }


.headingDefault2 {
    margin: 0;
}

    .headingDefault2 .section-title {
        justify-content: center;
        margin: 0;
    }

        .headingDefault2 .section-title b {
            display: none;
        }

        .headingDefault2 .section-title .section-title-main {
            font-size: 28px;
            color: #375DA4;
            margin: 0;
        }

.partnerBox2 {
    background: white;
    padding: 40px 55px;
    border-radius: 20px;
    box-shadow: 0px 0px 20px 1px #00000017;
}

    .partnerBox2 .partner-owl .owl-nav .owl-next {
        height: 59px;
        width: 59px;
        background: url(images/arRight.png) center center no-repeat;
        box-shadow: 0px 0px 20px 1px #00000017;
        border-radius: 50%;
        overflow: hidden;
        position: absolute;
        right: -82px;
        margin: 0;
    }

    .partnerBox2 .partner-owl .owl-nav .owl-prev {
        height: 59px;
        width: 59px;
        background: url(images/arLeft.png) center center no-repeat;
        box-shadow: 0px 0px 20px 1px #00000017;
        border-radius: 50%;
        overflow: hidden;
        position: absolute;
        left: -82px;
        margin: 0;
    }

    .partnerBox2 .partner-owl .owl-nav button span {
        text-indent: -999px;
        overflow: hidden;
        visibility: hidden;
        display: none;
    }

    .partnerBox2 .partner-owl .owl-nav {
        top: 9px;
        position: absolute;
        width: 100%;
    }

.aboutHome {
    border-radius: 1em;
    overflow: hidden;
}

    .aboutHome img {
    }

.btnAbout {
    display: block;
    margin: revert-layer;
    background: url(images/arAbout.png) no-repeat #F9E500;
    background-position-x: calc(100% - 10px);
    background-position-y: 13px;
    color: #053484;
    border: none;
    box-shadow: none;
    text-align: left;
    border-radius: 4px;
    width: 393px;
    max-width: 100%;
}

    .btnAbout span {    line-height: unset;
    }

.aboutHomeInfo {
}

    .aboutHomeInfo h2 {
        font-size: 18px;
        color: #5F5D5B;
        margin: 0;
    }

    .aboutHomeInfo h3 {
        font-size: 33px;
        color: #E22226;
        background: url(images/lineAbout.png) left bottom no-repeat;
        padding-bottom: 15px;
    }

    .aboutHomeInfo p {
        color: black;
        font-size: 14px;
    }

.galleryPostBox {
}

.postItemHome {
    height: 100%;
    width: calc(50% - 15px);
    float: left;
    position: relative;
    margin-right: 15px;
}

.postItemP {
    position: relative;
    display: flex;
    align-items: center;
    border-radius: 0.5em;
    overflow: hidden;
}

.postItemThumb {
    width: 100%;
    height: 100%;
    border-radius: 0.5em;
}

    .postItemThumb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.postItemContent {
    width: 100%;
    position: absolute;
    bottom: 0;
    padding: 10px;
    background: #f9e500d6;
}

.postItemDate {
    color: black;
    font-size: 13px;
    margin-bottom: 5px;
}

.postItemTitle {
}

    .postItemTitle a {
        margin: 5px 0;
        font-size: 16px;
        color: #215ea6;
        text-transform: uppercase;
        font-weight: bold;
    }

.postItemDesc {
     color: black;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.postItemHome:not(:first-child) {
    width: calc(50% - 15px);
    height: auto;
    margin-bottom: 15px;
    margin-right: 0;
}

    .postItemHome:not(:first-child) .postItemThumb {
        max-width: 160px;
        height: 116.5px;
        overflow: hidden;
    }

        .postItemHome:not(:first-child) .postItemThumb img {
            width: 100%;
            height: 100%;
        }

    .postItemHome:not(:first-child) .postItemContent {
        position: relative;
        width: auto;
        background: transparent;
        display: flex;
        flex-wrap: wrap;
            flex: 1;
    }

    .postItemHome:not(:first-child) .postItemDate {
        color: black;
        /* display: none; */
        order: 2;
    }

        .postItemHome:not(:first-child) .postItemDate i {
            color: red;
        }

    .postItemHome:not(:first-child) .postItemTitle {
        order: 1;
    }

        .postItemHome:not(:first-child) .postItemTitle a {
            color: #000000;
            font-size: 14px;
            overflow: hidden;
            text-overflow: ellipsis;
            -webkit-line-clamp: 1;
            display: -webkit-box;
            -webkit-box-orient: vertical;
        }

    .postItemHome:not(:first-child) .postItemDesc {
        font-size: 13px;
        color: black;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        order: 3;
    }

.postItemHome:last-child {
    margin-bottom: 0;
}

.postItemHome:not(:first-child):hover .postItemTitle a {
    color: #215aab;
}

.btnReadAll {
    margin-bottom: 0;
}


.tabLinhvuc {
}

    .tabLinhvuc .nav {
        justify-content: center;
        gap: 15px;
    }

        .tabLinhvuc .nav .menuTabLinhvuc {
            margin: 0;
            border-radius: var(--1, 10px);
            background: #DEDEDE;
            justify-content: center;
            align-items: center;
            gap: var(--1, 10px);
            cursor: pointer;
        }

            .tabLinhvuc .nav .menuTabLinhvuc.active {
                background: #215AAB;
            }

            .tabLinhvuc .nav .menuTabLinhvuc a {
              margin: 0;
    padding: 0;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #215aab;
    padding: 17px 20px;
            }

.lvItem {
}

.lvItem-thumb {
    width: 100%;
    position: relative;
    margin: 0 auto;
    border-radius: 0.5em;
    overflow: hidden;
    margin-bottom: 14px;
}

    .lvItem-thumb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.lvItem-content {
    position: relative;
}

.lvItem-title {
    text-align: left;
}

    .lvItem-title a {
        color: black;
        font-size: 17px;
        font-style: normal;
        line-height: normal;
        font-weight: 700;
        display: block;
    }

.tabLinhvuc .nav .menuTabLinhvuc.active a {
    color: #f9e500;
}

.lvItem:hover .lvItem-title a {
    color: #375DA4;
}

.tabLinhvuc .tab-panels {
    padding-top: 30px;
}

.tabLinhvuc .home-lv-owl .owl-nav .owl-next {
    height: 59px;
    width: 59px;
    background: url(images/arRight.png) center center no-repeat;
    box-shadow: 0px 0px 20px 1px #00000017;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    right: -30px;
    margin: 0;
}

.tabLinhvuc .home-lv-owl .owl-nav .owl-prev {
    height: 59px;
    width: 59px;
    background: url(images/arLeft.png) center center no-repeat;
    box-shadow: 0px 0px 20px 1px #00000017;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    left: -30px;
    margin: 0;
}

.tabLinhvuc .home-lv-owl .owl-nav button span {
    text-indent: -999px;
    overflow: hidden;
    visibility: hidden;
    display: none;
}

.tabLinhvuc .home-lv-owl .owl-nav {
    top: 40%;
    position: absolute;
    width: 100%;
}

.mProItem {
}

.mProItemThumb {
    height: 194px;
    overflow: hidden;
}

    .mProItemThumb a {
    }

    .mProItemThumb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.mProItemContent {
}

.mProItemTitle {
}

    .mProItemTitle a {
        background: #f9e500;
        text-align: center;
        text-transform: uppercase;
        font-size: 12px;
        color: black;
        transition: all 0.3s ease 0s;
        margin-bottom: 0px;
        margin-top: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        /* display: block; */
        height: 43px;
        padding: 4px 10px 5px;
    }

.mProItem:hover .mProItemTitle a {
    color: #375DA4;
}

#wide-nav .header-bottom-nav > ul {
}

#wide-nav .header-bottom-nav > li {
}

    #wide-nav .header-bottom-nav > li > a {
    }

    #wide-nav .header-bottom-nav > li > ul {
        border: none;
        border-radius: 0;
        padding: 0;
        display: block;
        background: read;
    }

        #wide-nav .header-bottom-nav > li > ul > li {
            display: block;
            width: 100%;
            position: relative;
        }

            #wide-nav .header-bottom-nav > li > ul > li > a {
                color: black;
                font-weight: 600;
                font-size: .8em;
            }

            #wide-nav .header-bottom-nav > li > ul > li > ul {
                position: absolute;
                left: 100%;
                min-width: 200px;
                background: white;
                border-radius: 0;
                top: 0;
                -webkit-box-shadow: 1px 1px 15px rgba(0, 0, 0, .15);
                box-shadow: 1px 1px 15px rgba(0, 0, 0, .15);
                transition: all 500ms;
                display: none;
            }

                #wide-nav .header-bottom-nav > li > ul > li > ul > li {
                }

                    #wide-nav .header-bottom-nav > li > ul > li > ul > li > a {
                        color: black;
                        font-weight: 600;
                        font-size: .8em;
                    }

#wide-nav .menu-item-has-children > .sub-menu > li:hover .sub-menu {
    display: block;
}
.btnCallEx{    color: #f9e500;}
/*Desktop*/
@media (min-width: 1366px) {
}

@media (min-width: 1200px) {
    .postItemHome:first-child .postItemThumb {
        min-height: 388px;
    }

        .postItemHome:first-child .postItemThumb img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            position: absolute;
        }
}

@media (max-width: 48em) {
    .postItemHome:first-child .postItemThumb {
        min-height: 388px;
    }

        .postItemHome:first-child .postItemThumb img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            position: absolute;
        }

    .tabLinhvuc .home-lv-owl .owl-nav {
        top: 38%;
        position: absolute;
        width: 100%;
    }

        .tabLinhvuc .home-lv-owl .owl-nav .owl-prev {
            left: -11px;
        }

        .tabLinhvuc .home-lv-owl .owl-nav .owl-next {
            right: -11px;
        }

    .tabLinhvuc .nav .menuTabLinhvuc a {
        margin: 0;
        padding: 0;
  
        font-size: 15px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        color: #215aab;
        padding: 9px 21px;
    }

    .postItemTitle a {
        font-size: 15px;
    }

    .postItemHome:not(:first-child) {
        width: 100%;
        height: auto;
        margin-bottom: 15px;
        margin-right: 0;
    }



        .postItemHome:not(:first-child) .postItemThumb {
            max-width: 160px;
            min-width: 125px;
            height: 116.5px;
            overflow: hidden;
        }

    .postItemHome {
        height: 100%;
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }

    .postItemP {
        flex-wrap: wrap;
    }

    .postItemHome:not(:first-child) .postItemP {
        flex-wrap: unset;
    }

    .headingDefault2 .section-title .section-title-main {
        font-size: 22px;
    }

    .headingDefault .section-title .section-title-main {
        font-size: 22px;
    }

    .partnerBox2 .partner-owl .owl-nav {
        top: 2px;
    }

        .partnerBox2 .partner-owl .owl-nav .owl-next {
            right: -66px;
        }

        .partnerBox2 .partner-owl .owl-nav .owl-prev {
            left: -66px;
        }

    .searchBoxex .submit-button {
        position: absolute;
        right: 0;
    }

    .searchBoxex .search-field {
        width: 100%;
        border: 1px solid #215AAB !important;
        min-width: unset;
    }

    .proThumb {
        min-height: 180px;
    
        height: 180px;
        display: block;
        align-items: center;
        overflow: hidden;
        border-radius: 0.5em;
    }

    .ftList {
        margin-top: 15px;
    }
}