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

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

ul.header-nav.header-nav-main.nav.nav-right>li {
    margin: 0 16px;
}
ul.header-nav.header-nav-main.nav.nav-right>li>a {
    color: #111111;
    font-size: 18px;
    font-weight: 600;
}
li.menu-item.menu-item-type-post_type.menu-item-object-page.active.menu-item-design-default>a {
    color: var(--primary-color) !important;
}
.nav>li>a::after {
    content: '';
    display: block;
    position: absolute;
    left: 0px;
    width: 0px;
    bottom: 20%;
    height: 2px;
    background: var(--primary-color);
    transition: width .2s ease-in-out;
}
ul.header-nav.header-nav-main.nav.nav-right>li>a:hover {
    color: var(--primary-color) !important;
}
li.menu-item.menu-item-type-post_type.menu-item-object-page.active.menu-item-design-default>a::after {
    width: 100%;
}
ul.header-nav.header-nav-main.nav.nav-right>li:hover>a::after {
    width: 100%;
}
i.icon-search {
    color: var(--primary-color);
}
input#woocommerce-product-search-field-0 {
    width: 140px;
}
.form-flat input:not([type=submit]), .form-flat textarea, .form-flat select {
    background: transparent;
    border-color: var(--primary-color);
}
.slider-nav-light .flickity-prev-next-button svg, .slider-nav-light .flickity-prev-next-button .arrow {
    fill: var(--primary-color) !important;
}
.slider-nav-circle .flickity-prev-next-button svg, .slider-nav-circle .flickity-prev-next-button .arrow {
    background: #fff !important;
	border: 6px solid currentColor !important;
}
.slider-show-nav .flickity-prev-next-button, .slider:hover .flickity-prev-next-button {
    opacity: 1 !important;
}
.flickity-prev-next-button {
    width: 50px !important;
}
.slider .flickity-prev-next-button:hover svg, .slider .flickity-prev-next-button:hover .arrow {
    fill: #111111 !important;
}

.slider-nav-light .flickity-prev-next-button:hover {
    color: var(--primary-color) !important;
}
.slider-nav-light .flickity-prev-next-button:hover svg.flickity-button-icon {
    background: var(--primary-color) !important;
}
h2.tth2 {
    text-align: center;
    font-size: 36px;
    text-transform: uppercase;
    margin: 0 0 10px 0;
}
p.ttp {
    text-align: center;
    margin: 0;
}
.home-t {
    margin-bottom: 3%;
}
.flex-jc-ai-c {
    display: flex
;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.home-t.flex-jc-ai-c.fadeUp p:nth-child(1) span {
    background: url(/wp-content/uploads/2025/04/tit-l.png) no-repeat center;
    background-size: 100%;
    width: 107px;
    height: 21px;
    display: inline-block;
	
}
.home-t>span {
    width: 107px;
    height: 21px;
    display: inline-block;
}
.home-t.flex-jc-ai-c.fadeUp p:nth-child(3) span {
    background: url(/wp-content/uploads/2025/04/tit-r.webp) no-repeat center;
    background-size: 100%;
    width: 107px;
    height: 21px;
    display: inline-block;
	
}

.home-tit {
    text-align: center;
    margin: 0px 2%;
}
.home-tit strong {
    display: block;
    font-size: 36px;
    text-transform: uppercase;
    font-weight: 600;
}
.home-tit span {
    font-size: 16px;
}
p.mgp {
    margin-bottom: 0;
}
.se2 {
    color: var(--primary-color);
    padding: 4% 0 !important;
}
.icon1 h3 {
    margin: 5% 0px 0px;
    font-size: 24px;
    font-weight: 600;
    color: #FFFFFF;
    text-transform: capitalize;
}
.icon1 p {
    font-size: 14px;
    color: #FFFFFF;
}
.icon-box.featured-box.icon1.icon-box-center.text-center {
    padding: 0px 30px;
}
.col0{
	padding-bottom: 0;
}
.case-item-tit {
    color: #FFFFFF;
    position: relative;
}
.case-item-tit span {
    font-size: 90px;
    font-family: Roboto;
    font-weight: 700;
    color: #FFFFFF;
    opacity: .2;
    position: absolute;
    left: 0px;
    bottom: 0px;
    line-height: 1;
}
.case-item-tit strong {
    font-size: 36px;
    text-transform: capitalize;
}
.case-item-text {
    color: #FFFFFF;
    position: relative;
    padding-top: 36px;
}
.case-item-text::before {
    content: '...';
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    line-height: 0px;
    font-size: 50px;
}
.ttcot2 {
    padding: 71px 290px 0 65px;
}
.ttcot1 img.attachment-large.size-large {
    border: 3px solid #ffffff;
}
p.ww {
    margin-bottom: 0;
}
.absolute-footer.dark.medium-text-center.text-center {
    border-top: 1px solid #ffffff;
}
ul.mnft {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 20px 0 0 0;
}
ul.mnft li {
    list-style-type: none;
    margin: 0;
}
ul.mnft li a {
    color: #ffffff;
    text-transform: capitalize;
    display: block;
    border-right: 1px solid rgb(145 196 38 / 10%);
    padding: 0px 15px;
    line-height: 1.2;
}
.mnft li:last-child a {
    border-right: none;
    padding-right: 0px;
}
.icon2 .icon-box-img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px !important;
    height: 42px;
    border: 1px solid #FFFFFF50;
    border-radius: 50%;
}
.icon2 .icon-box-img img {
    padding-top: 0;
}
.icon2 p {
    font-size: 14px;
    margin-top: 20px;
    color: #ffffff;
}
.seft {
    padding: 2% 0 !important;
}
.se4, .se3 {
    padding: 4% 0 !important;
}
.se1 {
    padding: 3% 0 !important;
}
.se7 {
    padding: 4% 0 0 0 !important;
}
.rslider {
    padding-top: 50px !important;
}
.rslider .img-inner.dark {
    margin-top: -50px;
}
ul.ulmn {
    margin-top: 5px !important;
}
a.mn1 {
    font-size: 16px;
    font-weight: 600;
    color: var(--primary-color);
}
ul.ulmn li {
    margin: 0;
}
ul.ulmn li a {
    font-size: 14px;
    opacity: .8;
    font-weight: normal;
    color: #111111;
}
a.mn1:hover {
    color: var(--primary-color);
}
.nav-dropdown-has-arrow li.has-dropdown:before, .nav-dropdown-has-arrow li.has-dropdown:after {
	display: none;
}
.success.is-outline:hover {
    border-color: #ffffff;
    color: var(--primary-color);
}
.button span {
    font-weight: normal;
}
li#menu-item-682:hover ul.sub-menu.nav-dropdown.nav-dropdown-default {
    transform: rotateX(0);
    visibility: visible;
}
.product-small.box {
    border: 1px solid #EFEFEF;
    position: relative;
    transition: box-shadow .2s ease-in-out;
    margin-bottom: 1.5%;
	overflow: hidden;
}
.box-text.text-center, .box-text.box-text-products {
    position: absolute;
    background: var(--primary-color);
    bottom: 0px;
    left: 0px;
    padding: 10px;
    transition: transform .2s ease-in-out;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
p.name.product-title.woocommerce-loop-product__title a {
    color: #fff;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
	margin: 0;
}
p.name.product-title.woocommerce-loop-product__title {
    margin: 0;
}
.product-small.box:hover .box-text.text-center, .product-small.box:hover .box-text.box-text-products{
    transform: translateY(100%);
}
.image-tools.grid-tools.text-center.hide-for-small.bottom.hover-slide-in.show-on-hover {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 50%;
    transition: transform .2s ease-in-out;
    color: #FFFFFF;
    padding: 10px 0px 10px 10px;
    transform: translateY(100%);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.image-tools.grid-tools.text-center.hide-for-small.bottom.hover-slide-in.show-on-hover::before {
    content: '';
    display: block;
    border: 23px solid var(--primary-color);
    border-top-color: transparent;
    border-right-color: transparent;
    position: absolute;
    left: 100%;
    top: 0px;
}
.product-small.box:hover .image-tools.grid-tools.text-center.hide-for-small.bottom.hover-slide-in.show-on-hover {
    transform: translateY(0);
}
a.quick-view.quick-view-added {
    font-size: 16px;
    text-transform: capitalize;
    font-weight: lighter;
    color: #ffffff;
}
.product-images.relative.mb-half.has-hover.woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images {
    border: 1px solid #EAEAEA;
}
nav.woocommerce-breadcrumb.breadcrumbs.uppercase {
    font-size: 14px;
    text-transform: capitalize;
    padding: 10px 0 0 0;
}
nav.woocommerce-breadcrumb.breadcrumbs.uppercase a {
    color: #555555;
}
h2.sph2 {
    font-size: 22px;
    color: var(--primary-color);
    margin: 0;
    padding: 10px 0 0 0;
}
header#header {
    border-bottom: 1px solid #EAEAEA;
}
.spttcol {
    padding-bottom: 20px;
}
h1.product-title.product_title.entry-title {
    font-size: 24px;
    margin-bottom: 0;
    padding-top: 15px;
}
.product-short-description {
    margin-bottom: 15px;
    padding: 15px 0px;
    color: #555555;
    font-size: 16px;
    border-bottom: 1px solid #EFEFEF;
}
.product-short-description p {
    margin-bottom: 0;
}
.btn2 {
    width: 200px;
    margin: 0px 10px 10px 0px;
    padding: 2px 0;
}
.social-icons.follow-icons {
    margin-bottom: 15px;
    display: flex;
}
li#tab-title-reviews {
    display: none;
}
li#tab-title-description a {
    font-size: 22px;
    text-transform: capitalize;
}
div#tab-description h5, h5.kche-t90-tit, .kche-wrap-width h5, .kche-wrap-width1 h5 {
	 font-size: 24px;
    text-transform: capitalize;
	text-align: center;
}
div#tab-description h5:before, h5.kche-t90-tit:before, .kche-wrap-width h5:before, .kche-wrap-width1 h5:before {
    content: "";
    content: url(/wp-content/uploads/2025/04/dots1.png);
    z-index: 1;
    margin-top: 0;
    position: relative;
    display: block;
}
.is-divider.small {
    color: var(--primary-color);
    max-width: 50px !important;
    height: 2px;
    background-color: var(--primary-color);
}
aside#woocommerce_product_categories-14, aside#woocommerce_products-14, aside#woocommerce_product_categories-13, aside#woocommerce_products-15 {
    margin-bottom: 30px;
    padding: 10px 15px 0px 15px;
    background-color: #FDFDFD;
}
.widget .current-cat>a {
    color: var(--primary-color);
}
.widget>ul>li>a {
    padding: 10px 14px 10px 0px !important;
}
span.widget-title {
    text-transform: capitalize;
    font-size: 22px;
}
p.woocommerce-result-count.hide-for-medium, form.woocommerce-ordering {
    display: none;
}
.ModuleContent11 {
    display: none;
}
#wmkc {
    position: fixed;
    right: 5px;
    top: 40%;
    transform: translateY(-50%);
    font-family: var(--fontfamily, Arial);
    z-index: 9999;
}
#wmkc * {
    box-sizing: border-box;
    font-size: 12px;
    line-height: 1.1;
}
.wmkc-list {
    padding: 0px;
    border: 1px solid #eee;
    background-color: #FFF;
    max-width: 78px;
    border-radius: 4px;
    margin: 0;
}
.wmkc-list>li {
    width: 100%;
    border-top: 1px solid #eee;
    list-style: none;
    text-align: center;
    padding: 10px 5px;
    transition: all .2s ease-in-out;
    margin: 0;
}
.wmkc-list>li a {
    color: #555;
    text-decoration: none;
    display: block;
    padding: 0 2px;
}
.wmkc-list>li>a>p {
    margin: 0px;
    transform: scale(.9);
    text-transform: capitalize;
}
.wmkc-list>li>a>img {
    transform: scale(.8);
    margin-bottom: 3px;
}
.blog1 .box-text.text-left {
    padding: 15px;
}
h1.page-title.is-large.uppercase>span {
    font-size: 24px;
}
h1.page-title.is-large.uppercase {
    font-size: 0;
}
div#comments {
    display: none;
}
.tieudelh h2 {
    margin: 0 0 13px 0;
}
.tieudelh h2:after {
    content: "";
    display: block;
    margin-top: 15px;
    width: 100px;
    height: 3px;
    background: var(--primary-color);
}
.box-info-contact, .lhc1 .row.row-small {
    margin-top: 30px;
}
input[type=email], input[type=search], input[type=number], input[type=url], input[type=tel], input[type=text], textarea {
    background: #fbfbfb;
}
.lhc1 .col.medium-12.small-12.large-12, .lhc1 .col.medium-12.small-12.large-6 {
    padding-bottom: 0;
}
button.bbtn1 {
    background-color: transparent;
    color: #91c426;
    line-height: 21px;
    border: 2px solid #91c426;
    display: inline-block;
    padding: 10px 30px;
    border-radius: 100px;
    font-weight: bold;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
	margin: 0;
}
button.bbtn1:hover {
    background: #91c426;
    color: #fff;
    border-color: #91c426;
}
.shop-container {
    flex-direction: column;
    display: flex;
}
.products.row.row-small.large-columns-3.medium-columns-2.small-columns-2 {
    order: 2;
}
.shop-container>.container {
    order: 3;
}
.term-description {
    order: 4;
}
.shop-container hr {
    display: none;
}
.kche-template-item.kche-bg-theme {
    text-align: center;
    position: relative;
    background: var(--primary-color);
}
.kche-bg.kche-bg-theme {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 50%;
    bottom: -9px;
    z-index: 1;
    transform: translateX(-50%) rotate(45deg);
    background: var(--primary-color);
}
.kche-template-item.kche-bg-theme h5 {
    font-weight: 600;
    padding: 5px 0;
    font-size: 20px;
    margin: 0;
    color: #fff;
    position: relative;
    z-index: 1;
}
p.ptt {
    color: var(--primary-color);
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;
}
.icon-box.featured-box.icsp.icon-box-left.text-left {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 20px 18px;
    background-color: #fff;
    border-radius: 10px;
    border-bottom: 2px solid var(--primary-color);
    box-shadow: 0 2px 6px 0 rgba(51, 51, 52, .2);
    height: 204px;
}
.kche-faq-tit>p {
    font-size: 20px;
    color: #111111;
}
.kche-faq-list>.kche-faq-item {
    border: 1px solid #eee;
    padding: 10px;
    box-sizing: border-box;
    margin: 10px 0;
    position: relative;
}
@media screen and (max-width: 549px){
	.spttcol, div#wmkc {
    display: none;
}
	.product-images.relative.mb-half.has-hover.woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images {
    border: none;
}
	.btn2 {
    width: 100%;
}
	div#tab-description h5 {
    font-size: 20px;
}
	p.name.product-title.woocommerce-loop-product__title a {
    font-size: 14px;
}
	.home-tit strong {
    font-size: 21px;
}
	.home-t.flex-jc-ai-c.fadeUp p:nth-child(1) span, .home-t.flex-jc-ai-c.fadeUp p:nth-child(3) span {
    width: 39px;
}
	.icon1 .icon-box-img {
    width: 50px !important;
}
	.icon1 h3 {
    font-size: 18px;
    margin: 13px 0;
}
	.icon-box.featured-box.icon1.icon-box-center.text-center {
    padding: 0px 0px;
}
	    .case-item-text::before, .case-item-tit span {
        left: 50%;
        transform: translateX(-50%);
    }
	.case-item-tit strong {
    font-size: 28px;
}
	    .case-item-tit span {
        font-size: 70px;
    }
	.ttcot2 {
		padding: 10px 30px 0;
        text-align: center;
}
	    .case-item-r {
        width: 100%;
        padding: .4rem 0;
        text-align: center;
    }
	
p.case-item-tit {
    margin: 0;
}
	ul.mnft li {
    margin-bottom: 16px;
}
	.icon-box-left .icon-box-img+.icon-box-text {
    align-items: center;
    display: flex;
}
	.icon2 p {
    margin-top: 0;
}
	    .ModuleContent11 {
        display: inline-block;
        position: fixed;
        bottom: 0;
        height: 60px;
        width: 100%;
        z-index: 9999;
        background: #fff;
    }
	    .ModuleContent11 ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 0;
    }
	    .ModuleContent11 ul li {
        display: flex;
        width: 25%;
        list-style-type: none;
        height: 60px;
        align-items: center;
    }
	    .ModuleContent11 ul li a {
        width: 100%;
        justify-content: center;
        align-items: center;
    }
	    .ModuleContent11 ul li a span {
        display: block;
        color: #666;
        font-size: 12px;
        text-align: center;
    }
	    .ModuleContent11 ul li a .icon img {
        max-width: 24px;
    }
	.absolute-footer.dark.medium-text-center.text-center {
    padding-bottom: 70px !important;
}
	div#gt_float_wrapper{
		bottom: 60px !important;
		right: 2px !important;
	}
}
@media screen and (min-width: 850px) {
ul.sub-menu {
    padding: 20px;
    list-style: none;
    width: 1100px;
    display: flex;
    flex-wrap: wrap;
    transition: transform .4s ease-in-out;
    left: -415px;
    transform-origin: top;
    transform: rotateX(90deg);
    visibility: hidden;
}
}