@font-face {
    font-family: "Opensans Light";
    src: url('../fonts/OpenSans-Light.ttf');
}

@font-face {
    font-family: "Opensans";
    src: url('../fonts/OpenSans-Regular.ttf');
}
@font-face {
    font-family: "Wedding";
    src: url('../fonts/UTM EdwardianB.ttf');
}
@font-face {
    font-family: "Opensans Semibold";
    src: url('../fonts/OpenSans-Semibold.ttf');
}

@font-face {
    font-family: "Opensans Semibold";
    src: url('../fonts/OpenSans-Semibold.ttf');
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.ttf');
}

/*css footer*/
footer#footer {
    background: var(--primary-color);
}

.footer_top {
    padding: 30px 5px 5px 5px;
}
.tieude-footer p {
    margin-top: 10px;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 15px
}
.noidung_ft {
    list-style: none;
    position: relative;
    padding-left: 20px;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    margin-bottom: 7px;
}
.footer-dia_chi {
    list-style: none;
    position: relative;
    padding-left: 20px;
    font-size: 16px;
    line-height: 28px;
    color: #fff;
    margin-bottom: 7px;

}
.footer-dia_chi p {
    margin-bottom: 0.3000000000000007em;


}
.phone-top {
    position: relative;
    height: 50px;
}
.footer-social img {
    max-width: 36px;
    margin-right: 10px;
    float: left;
}
.footer-social a {
    /* display: flex; */
    color: #fff;
    /* font-size: 16px; */
    /* line-height: 22px; */
    /* flex-wrap: wrap; */
    /* align-items: baseline; */
    /* align-content: stretch; */
}
.phone-top .icon {
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 43px;
    border: 2px solid #fff;
    border-radius: 50%;
    background: #e30707;
    position: absolute;
    top: 0;
    left: -1px;
    z-index: 1;
}
.phone-top .text {
    background: #e30707;
    border-radius: 50px;
    height: 50px;
    width: 240px;
    position: relative;
}
.slogan h4 {
    font-size: 30px;
    color: var(--primary-color);
    margin-bottom: 0;

}
.menu-main-menu-container a {
    list-style: none;
    position: relative;
    padding-left: 20px;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    margin-bottom: 7px;
}
.footer_top ul.menu>li+li, .widget>ul>li+li {
    border-top: 0px solid #ececec !important;
}
.slogan h3 {
    font-size: 26px;
    font-weight: bold;
    color: var(--primary-color);;
    margin-bottom: 5px;
}
.phone-top .text span {
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    display: block;
    position: absolute;
    left: 65px;
    top: 4px;
}
.phone-top .text a {
    color: #fff;
    font-weight: bold;
    font-size: 22px;
    line-height: 22px;
    display: inline-block;
    position: absolute;
    left: 65px;
    top: 23px;
}
.phone-top .icon img {
    animation: icon-luc-lac 1s infinite;
}
a.img_mobi {
    display: none;
}
input.wpcf7-form-control.has-spinner.wpcf7-submit.btnObject {
    border-radius: 15px;
}
.box-img .icon img {
    animation: icon-luc-lac 1s infinite;
}
@-webkit-keyframes icon-luc-lac {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
}

.footer-social p {
    margin-top: 19px;
}
.fanpage-footer {
    margin-top: 30px;
}
footer#footer .footer_top  .f-map {
    margin-top: 20px;
}
footer#footer .footer_top  .f-map a {
    display: inline-block;
    height: 30px;
    border: 1px solid #3a660b;
    border-radius: 30px;
    background: #507f1e;
    font-size: 14px;
    color: #fff;
    padding-left: 40px;
    padding-right: 20px;
    position: relative;
    line-height: 30px;
}
footer#footer .footer_top  .f-map a .icon {
    position: absolute;
    top: -5px;
    left: 1px;
}

.menu-menu-footer-container a {
    list-style: none;
    position: relative;
    padding-left: 20px;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    margin-bottom: 7px;
}




/*css heder*/

.owl-carousel.slide-home.owl-loaded.owl-drag img {
    height: 90px;
}
.banner_img img {
    width: 100%;
}
.quang_cao_home {
    margin-top: 10px;
}
.banner_img {
    margin-top: 5px;
}

.header-wrapper div#wide-nav .flex-row.container .flex-col.hide-for-medium.flex-center {
    background: var(--primary-color);
    padding: 10px;
    width: 100%;
}
.header-wrapper div#wide-nav .flex-row.container .flex-col.hide-for-medium.flex-center li a {
    font-weight: 400;
    font-size: 16px;
}



.container.dang_ky .regted {
    color: #000000;
    font-size: 20px;
    text-align: center;
}
.container.dang_ky .regted a {
    color:  var(--primary-color);
}

.container.dang_ky button.btn.btn-primary {
    font-weight: 200;
    font-size: 20px;
    padding: 0px 30px;
    border-radius: 10px;
    color: #fdfdfd;
    background: var(--primary-color);
}
.container.dang_ky .dangkytaikhoan {
    margin: auto;
    width: 40%;
    padding: 15px;
    border-radius: 15px;
    border: 1px solid #f2f2f2;
    box-shadow: 1px 1px 1px #ffffff12, 0 0 10px #98959594, 0 0 8px #908c8c00;
    transition: 0.3s ease-in-out;
    cursor: pointer;
}
.container.dang_ky .dangkytaikhoan input {
    height: 50px;
    border: 1px solid #858585ab;
    border-radius: 5px;
}
.container.dang_ky  .control-label {
    color: #000000;
    font-size: 20px;
}
.container.dang_ky div#message {
    color: red;
    font-size: 18px;
}
.container.dang_ky .thongbaologin {
    color: red;
    font-size: 18px;
}
.account-login-inner {
    margin: auto;
    width: 40%;
    padding: 15px;
    border-radius: 15px;
    border: 1px solid #f2f2f2;
    box-shadow: 1px 1px 1px #ffffff12, 0 0 10px #98959594, 0 0 8px #908c8c00;
    transition: 0.3s ease-in-out;
    cursor: pointer;
}
.account-container.lightbox-inner input {
    height: 50px;
    border: 1px solid #858585ab;
    border-radius: 5px;
}
.account-login-inner label {
    font-weight: 300;
    color: #000000;
    font-size: 16px;
}
h3.uppercase {
    text-align: center;
    font-size: 25px;
    color: var(--primary-color);
}
.account-login-inner a.btn-dangky-form-login {
    border-radius: 10px;
    padding: 8px 20px;
    color: #ffffff;
    font-size: 20px;
    background: #2196F3;
}
.account-login-inner .form-logi-from {
    display: flex;
    align-items: stretch;
}
.account-login-inner label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme {
    display: flex;
    align-items: center;
}
div#login-form-popup .account-login-inner {

    width: 100%;

}
.lightbox-content {
    border-radius: 10px !important;
}
header#header i.icon-search {
    font-size: 20px !important;
    color: var(--primary-color);
}


section#header-sale marquee {
    display: flex
;
    align-items: center;
    height: 45px;
}
section#header-sale marquee ul li {
    float: left;
    list-style: none;
    padding: 0 20px;
}
section#header-sale .header-sale-title {
    font-size: 15px;
    color: #ffffff;
    padding: 8px;
    background: #be8200;
}
section#header-sale marquee span {
    color: #000000;
}




/*css home*/

aside#left-home-widget .gallery-icon.landscape img {
    width: 100%;
}
aside#left-home-widget figure.gallery-item {
    border: 1px solid #afafafde;
    padding: 4px !important;
    margin: 3px;
    flex-basis: 48%;
    max-width: 48%
}

.noPaddings {
    padding: 0 15px 0px !important;
}


aside#left-home-widget form.searchform {
    width: 96%;
    height: 50px;
    border-radius: 91px;
    background-color: #e7ecf3;
    margin-bottom: 0px;
}
aside#left-home-widget button.ux-search-submit.submit-button.secondary.button.icon.mb-0 {
    background: red;
    background: var(--primary-color);
    margin-right: 4%;
    height: 48px;
    color: #f5f5f5;
    font-size: 19px;
    display: block;
    flex: 1 1 auto;
    word-break: normal;
    border-radius: 100px;
}
aside#left-home-widget input#s {
    border: 1px solid #e7ecf3;
    background: #e7ecf3;
    font-size: 19px;
    display: block;
    flex: 1 1 auto;
    box-sizing: border-box;
    max-width: 413px;
    padding: 0 30px;
    transition: margin-right .25s ease;
    word-break: normal;
    border-radius: 100px;
}
aside#left-home-widget img {
    width: 100%;
}
aside#left-home-widget h2.widget-title {
    text-transform: uppercase;
    font-weight: bold;
    color: var(--primary-color);
    border-bottom: 2px #1D8B07 solid;
    padding-bottom: 2px;
    font-size: 18px;
    display: inline-block;
}


aside#left-home-widget .container .row:not(.row-collapse), .lightbox-content .row:not(.row-collapse), .row .gallery, .row .row:not(.row-collapse) {
    /*margin-left: 0px !important;*/
    /*margin-right: 0px !important;*/
    /*padding-left: 0;*/
    /*padding-right: 0;*/
    /*width: auto;*/
}
aside#left-home-widget a.linkclick {
    background: url(/wp-content/uploads/2025/04/click.png) no-repeat left center;
    padding-left: 50px;
    line-height: 30px;
    height: 38px;
    display: inline-block;
    color: #D4070D;
    font-weight: bold;
    margin-top: 10px;
}
aside#left-home-widget .widget_text.widget {
    margin: 0px;
}
/*aside#left-home-widget .widget {*/
/*    margin: 15px;*/
/*}*/
.recent-posts-list ul {
    height: 500px;
    overflow-x: hidden;
    width: 100%;
}
.recent-posts-list ul li {
    list-style-type: square;
    color: #c80000;
    text-align: justify;
    border-bottom: dotted 1px #d0d0d0;
    padding: 3px 0 6px 0;
}

.col.medium-5.noPadding_homes_slider.new_home  {
    padding: 0 15px 0px !important;
    background: rgba(204, 204, 204, 0.38);
}
.owl-carousel.slide-post-home.owl-loaded.owl-drag .owl-dots {
    display: none;
}
.owl-carousel.slide-post-home.owl-loaded.owl-drag button.owl-dot {
    display: none;
}

.home_title_post {
    padding: 0 15px 5px !important;
    position: relative;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.home_title_post::before {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 15px;
    width: 95%;
    height: 1px;
    background-color: #756f6f;
}

.section-title_post h3 {

    text-transform: capitalize;
    color: var(--primary-color);
    font-size: 20px;
    margin: 0px;
}



.article-items_homed {
    margin-bottom: 18px;
    display: flex;
    gap: 20px;
    align-items: flex-start;
    border-bottom: dotted 1px #d0d0d0;;
}

.tetx_categorys_s {
    flex: 0 0 30%;
}

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

.tetx_categorys_k {
    flex: 0 0 70%;
}


.bxw-xem-nhieu ul li {
    list-style: disc;
    color: #c80000;
    text-align: justify;
    border-bottom: dotted 1px #d0d0d0;
    padding: 3px 0 6px 0;
}

.owl-carousel.slide-post.owl-loaded.owl-drag .owl-nav button {
    margin: 0px !important;
    width: 40px;
    height: 40px;
    min-height: 40px;
    background: #fff !important;
    border: 1px solid #f2f2f2 !important;
    border-radius: 5px !important;
    box-shadow: 0px 2px 16px rgb(0 0 0 / 10%);
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
}
.owl-carousel.slide-post.owl-loaded.owl-drag button.owl-next {
    right: -25px;
}
.owl-carousel.slide-post.owl-loaded.owl-drag button.owl-prev {
    left: -25px;
}
.bxw-xem-nhieu h3 {
    padding: 10px;
    text-transform: uppercase;
    font-weight: bold;
    color: var(--primary-color);
    border-bottom: 2px #1D8B07 solid;
    padding-bottom: 2px;
    font-size: 18px;
    display: inline-block;
}
.section-title_post_tag a {
    font-weight: 500;
    color: #000000;
    text-transform: capitalize;
    font-size: 20px;
}
p.from_the_blog_excerpts {
    line-height: 25px;
    color: #000000;
    margin: 0px;
}
h5.post-title.is-large {
    color: #0a0a0a;
    font-weight: 100;
    font-size: 18px;
    margin: 0px;
}
.owl-dots {
    display: none;
}
.padinh_son {
    padding: 0 15px 5px !important;
}
.col.medium-12.noPadding_homes_slider {
    padding: 0 15px 5px !important;
}
.col.medium-7.noPadding_homes_slider {
    padding: 0 15px 5px !important;
}
.home_title_post {
    padding: 0 15px 5px !important;
}



.cart-wrapper.sm-touch-scroll {
    border: 3px dashed var(--primary-color);
    padding: 15px;
    border-radius: 15px;
}
.cart-sidebar.col-inner {
    border: 3px dashed var(--primary-color);
    padding: 15px;
    border-radius: 15px;
}
.secondary, .checkout-button, .button.checkout, .button.alt {
    border-radius: 40px !important;
    background-color: var(--primary-color) !important;
}
div#customer_details {
    border: 3px dashed var(--primary-color);
    padding: 15px;
    border-radius: 15px;
}
.col-inner.has-border {
    border: 3px dashed var(--primary-color);
    padding: 15px;
    border-radius: 15px;
}
.product-small.box {
    width: 100%;
    display: inline-block;
    padding: 20px !important;
    height: 100% !important;
    border-radius: 15px !important;
    box-shadow: 0px 2px 16px rgb(0 0 0 / 10%) !important;
    cursor: pointer;
    transition: 0.3s ease-in-out;
}
span.woocommerce-Price-amount.amount {
    color: red;
}
.price-wrapper {
    text-align: center;
}
.title-wrapper {
    text-align: center;
}
span.widget-title.shop-sidebar {
    font-family: 'Roboto';
    border: 1px solid var(--primary-color);
    margin-bottom: 0;
    background: linear-gradient(var(--primary-color), var(--primary-color));
    color: #fff;
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 500;
    padding: 12.5px;
    border-radius: 5px 5px 0 0;
    text-align: center;
    display: block;
    width: 100%;
}
a.linkclick {
    background: url(/wp-content/uploads/2025/04/click.png) no-repeat left center;
    padding-left: 50px;
    line-height: 30px;
    height: 38px;
    display: inline-block;
    color: #D4070D;
    font-weight: bold;
    margin-top: 10px;
}
.post-item.cate {
    width: 100%;
    display: inline-block;
    padding: 10px !important;
    height: 100% !important;
    border-radius: 15px !important;
    box-shadow: 0px 2px 16px rgb(0 0 0 / 10%) !important;
    cursor: pointer;
    transition: 0.3s ease-in-out;
}
.post-item.cate:hover {
    transition: 0.3s ease-in-out;
    transform: translateY(-5px);
}
.post-item.cate .post-thumbnail img {
    border-radius: 10px;
}
.post-item.cate h5.post-title.is-large {
    font-weight: 500;
    color: #000000;
}
h1.line-after {
    text-transform: uppercase;
    font-size: 28px;
    color: var(--primary-color);
    padding-left: 15px;
}
.banner-address {
    width: 100%;
    display: inline-block;
    padding: 20px !important;
    height: 100% !important;
    border-radius: 15px !important;
    box-shadow: 0px 2px 16px rgb(0 0 0 / 10%) !important;
    cursor: pointer;
    transition: 0.3s ease-in-out;
}
.banner-address:hover {
    transition: 0.3s ease-in-out;
    transform: translateY(-5px);
}
.box-address h4 {
    font-size: 16px;
    color: var(--primary-color);
}
.box-address p {
    color: #000000;
}
.formOjbect.contact {
    width: 100%;
    margin: auto;
    box-shadow: 0px 2px 16px rgb(0 0 0 / 10%);
    border-radius: 10px;
    padding: 25px;
}
.title-tg h2 {
    margin-top: 30px;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 0px;
    text-align: center;
    text-transform: uppercase;
    color: var(--primary-color);
}
.map_lien_he .col-inner {
    width: 100%;
    margin: auto;
    box-shadow: 0px 2px 16px rgb(0 0 0 / 10%);
    border-radius: 10px;
    padding: 15px;
}

.formOjbect.contact input , textarea{
    border: 1px solid #000000;
    color: #000000;
    border-radius: 6px;
}
.formOjbect.contact textarea.wpcf7-form-control.wpcf7-textarea.textarea-object {
    border: 1px solid #000000;
    color: #000000;
    border-radius: 6px;
}
.formOjbect.contact  input.wpcf7-form-control.wpcf7-submit.has-spinner.btnObject {
    border-radius: 6px;
    font-weight: 400;
    font-size: 20px;
    color: #f2f2f2;
}
.author-box.flex-row .luotxem {
    margin-left: 10px;
}
.author-box.flex-row {
    color: #000000;
    border-radius: 5px;
    padding: 10px;
    height: 40px;
    background: #f2f2f2;
}
h1.entry-title {
    color: var(--primary-color);
}
.post-item.cate img.iconyoutube {
    position: absolute;
    top: 24%;
    transform: translateY(-50%);
    left: 40%;
}
.single_post_m {
    margin-top: 10px;
    color: #000000;
}
.section-title_post {
    /*padding-left: 15px;*/
}
.my_featured {
    margin-top: 20px;
}
.my_featured_s h3 {
    text-transform: uppercase;
    font-size: 28px;
    color: var(--primary-color);
    padding-left: 15px;
}
.post-item.cate_som_p img.iconyoutube {
    width: 100px !important;
}
.post-item.cate_som_p img.iconyoutube {
    width: 100px !important;
    top: 36%;
}
.post-item.cate_som_p {
    width: 100%;
    display: inline-block;
    padding: 10px !important;
    height: 100% !important;
    border-radius: 15px !important;
    box-shadow: 0px 2px 16px rgb(0 0 0 / 10%) !important;
    cursor: pointer;
    transition: 0.3s ease-in-out;
}
.post-item.cate_som_p img.iconyoutube {
    position: absolute;
    top: 37%;
    transform: translateY(-50%);
    left: 39%;
}
.post-item.cate_som_p h5.post-title.is-large {
    font-weight: 500;
    color: #000000;
}


.widget_categories span.widget-title {
    border: 1px solid var(--primary-color);
    margin-bottom: 0;
    background: linear-gradient(var(--primary-color), var(--primary-color));
    color: #fff;
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 500;
    padding: 12.5px;
    border-radius: 5px 5px 0 0;
    text-align: center;
    display: block;
    width: 100%;
}


.sidebar-main-posts .widget_media_image img {
    width: 100%;
}
.col.medium-3.sidebar-main-posts input#s {
    border-radius: 19px 0px 0px 19px;
}
aside#categories-3 {
    width: 100%;
    display: inline-block;
    padding: 10px !important;
    border-radius: 15px !important;
    box-shadow: 0px 2px 16px rgb(0 0 0 / 10%) !important;
    cursor: pointer;
    transition: 0.3s ease-in-out;
}
.textwidget.custom-html-widget {
    /*width: 100%;*/
    /*display: inline-block;*/
    /*padding: 10px !important;*/
    /*border-radius: 15px !important;*/
    /*box-shadow: 0px 2px 16px rgb(0 0 0 / 10%) !important;*/
    /*cursor: pointer;*/
    /*transition: 0.3s ease-in-out;*/
}
.bxw-xem-nhieu {
    width: 100%;
    display: inline-block;
    padding: 10px !important;
    border-radius: 15px !important;
    box-shadow: 0px 2px 16px rgb(0 0 0 / 10%) !important;
    cursor: pointer;
    transition: 0.3s ease-in-out;
    margin-bottom: 20px;
}
.col.medium-3.sidebar-main-posts .bxw-xem-nhieu ul li {
    list-style: none;
}
.col.medium-3.sidebar-main-posts .post-item.cate_som_p img.iconyoutube {
    width: 70px !important;
    position: absolute;
    top: 32%;
    transform: translateY(-50%);
    left: 39%;
}
.large-3.col.hide-for-medium .bxw-xem-nhieu ul li {
    list-style: none;
}
.large-3.col.hide-for-medium .post-item.cate_som_p img.iconyoutube {
    width: 70px !important;
    position: absolute;
    top: 32%;
    transform: translateY(-50%);
    left: 39%;
}
aside#woocommerce_product_categories-2 {
    width: 100%;
    display: inline-block;
    padding: 10px !important;
    border-radius: 15px !important;
    box-shadow: 0px 2px 16px rgb(0 0 0 / 10%) !important;
    cursor: pointer;
    transition: 0.3s ease-in-out;
}
.large-3.col.hide-for-medium input#s {
    border-radius: 19px 0px 0px 19px;
}
p.woocommerce-result-count.hide-for-medium {
    display: none;
}
.shop-page-title.category-page-title.page-title select.orderby {
    border-radius: 10px;
    width: 300px;
    border: 1px solid;
}


h3.section-title-normal_s {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

h3.section-title-normal_s span.section-title-main-k{
    color: #cf0000;
    border-bottom: 1px solid #cf0000;;
    margin-bottom: -7px;
    margin-right: 15px;
    padding-bottom: 0.5px;
}
h3.section-title-normal_s span.section-title-mains {
    margin-top: 15px;
    color: #000000;
    font-weight: 100;
    font-size: 18px;
    display: inline-block;
    font-style: italic;
}
.recent-posts-list ul::-webkit-scrollbar {
    width: 8px;
}

.recent-posts-list ul::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.recent-posts-list ul::-webkit-scrollbar-thumb {
    background-color: #fbc751;
    border-radius: 4px;
}

.recent-posts-list ul::-webkit-scrollbar-thumb:hover {
    background: var(--primary-color);
}
.recent-posts-list.s3 {
    padding: 15px 10px 10px 10px;
    background: #ececec;
    border-radius: 10px;
}
aside#left-home-widget div#gallery-1 {
    padding: 15px !important;
}
.bxw-xem-nhieu ul {
    padding: 10px;
}
.badge-container.absolute.left.top.z-1 {
    display: none;
}
.image-fade_in_back img {
    border-radius: 10px;
}
a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
    color: var(--primary-color);
}
.tieude-footer img {
    width: 150px;
}