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

/*************** ADD CUSTOM CSS HERE.   ***************/
@font-face {
	font-family:Quicksand-Bold;
	src:url('fonts/Quicksand-Bold.ttf') format('truetype');
}
@font-face {
	font-family:Quicksand-Light;
	src:url('fonts/Quicksand-Light.ttf') format('truetype');
}
@font-face {
	font-family:Quicksand-Medium;
	src:url('fonts/Quicksand-Medium.ttf') format('truetype');
}
@font-face {
	font-family:Quicksand-Regular;
	src:url('fonts/Quicksand-Regular.ttf') format('truetype');
}
@font-face {
	font-family:Quicksand-SemiBold;
	src:url('fonts/Quicksand-SemiBold.ttf') format('truetype');
}
.address:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 62px 0 62px 30px;
    border-color: transparent transparent transparent #0055A5;
    z-index: 99;
    right: -30px;
	top: -10px;
}
.tel:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 62px 0 62px 30px;
    border-color: transparent transparent transparent #FB8128;
    z-index: 99;
    right: -30px;
	top: -10px;
}
.css-menu a {
    font-size: 16px;
}
 .social-icons {
    display: flex;
    gap: 12px;
}

.social-icons a {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    transition: 0.3s;
}

.social-icons svg {
    width: 20px;
    height: 20px;
}
@font-face {
    font-family: 'Robox Std';
    src: url(https://latfiltervina.inow.vn/wp-content/uploads/2026/03/RoboxStd-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
/* Màu từng icon */
.facebook { background: #1877F2; }
.tiktok { background: #000; }
.zalo { 
    background: #0A68FF; 
    font-weight: bold;
}
.phone { background: #2DBE60; }

.social-icons a:hover {
    transform: translateY(-3px);
    opacity: 0.85;
}
.zalo-icon {
    width: 42px;
    height: 42px;
    background: #0A68FF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.banner-hero .heading-banner {
  margin-bottom: 0px;
  font-size: 48px;
  line-height: 60px;
  color: #0055a5;
  font-family: "Robox Std", sans-serif;
}
.banner-hero .color-brand-2 {
  color: #3c65f5;
  position: relative;
}
.banner-hero .color-brand-2::after {
  content: "";
  background-color: #0055a5;
  height: 25px;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: -6px;
  opacity: 0.3;
}
.banner-hero .banner-description {
  position: relative;
  font-size: 18px;
  color: #4f5e64;
}
.banner-hero h4 {
    font-family: "Robox Std", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
}
html {
  scroll-behavior: smooth;
}
.radius-20 h5 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
	font-size: 15px;
}

.radius-20 .box.box-default, .radius-20 .col.post-item.is-selected, .radius-20 .col-inner, .css-radius-20 img, .radius-20 .box.box-normal, .radius-20 .box-blog-post,  .radius-20  .product-small.box {
    border-radius: 10px;
}
.radius-20 .box-image {
    border-radius: 10px 10px 0px 0px;
}
.archive main#main {
    background: #fafafa;
}
.archive #shop-sidebar .widget , .blog-single  .widget{
    box-shadow: 0 1px 3px -2px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    background: #fff;
    padding: 15px;
    border-radius: 10px;
}
.archive #shop-sidebar .widget span.widget-title, .blog-single  .widget span.widget-title{
    display: block;
    background: #0055a5;
    color: #fff;
    margin: -15px;
    padding: 20px 15px;
    border-radius: 10px 10px 0px 0px;
    font-size: 15px;
}
.archive #shop-sidebar .widget .is-divider.small, .blog-single .widget .is-divider.small {
    background: #0055a5;
    height: 2px;
}
.related p.name.product-title.woocommerce-loop-product__title a {
    padding: 0px 10px;
}

.related  h3.product-section-title {
    margin: 0px;
    padding: 50px 0px 30px;
    font-size: 23px;
}
.related {
    margin-bottom: 50px;
}
.social-icons i {
    top: 3.5px;
}












.entry-content ol li, .entry-summary ol li, .col-inner ol li, .entry-content ul li, .entry-summary ul li, .col-inner ul li {
    font-size: 16px;
	    margin-bottom: 0.2em;
}
body, p{
	font-family:Quicksand-Regular !important;
	font-size: 16px;
}
a,h1, h2, h3, h4,h5,h6,h7,h8,h9,span{
	font-family:Quicksand-Bold !important;
}
.badge-container.z-1 {
    right: 5px;
    left: unset;
    margin: 0px;
    top: 5px;
}
#header {
    z-index: 99;
}
.badge-inner.secondary.on-sale {
    color: #fff !important;
    opacity: 0.9;
}

.tawk-text-bold-4 {
    font-size: 1.2rem !important;
}
.header-card.card--heading {
    font-size: 1.2em !important;
}
form.variations_form {
    display: block !important;
}
form.variations_form .single_variation_wrap {
    display: none !important;
}
form.variations_form table.variations {
    padding-top: 10px;
}
ul.sub-menu.nav-dropdown.nav-dropdown-default {
    padding: 0px;
}




.metu {
    display: none;
}

ul.header-nav li:hover > ul.sub-menu, .top-bar-nav li:hover > ul.sub-menu  {
    display: block;
}
ul.sub-menu li a:hover{
	 color: #05264e;
}
ul.header-nav li {
    position: relative;
}
ul.sub-menu li {
    list-style: none;
    padding-left: 5px !important;
    padding: 6px 10px;
    margin: 0px;
	float: left;
    width: 100%;
}
ul.sub-menu.nav-dropdown.nav-dropdown-default a {
    padding: 5px;
    margin: 0px;
}
ul.sub-menu li:first-child {
    padding-left: 5px !important;
	margin-top: 5px;
}

ul.sub-menu .current-menu-item>a {
    color: #f2b705 !important;
}

i.fa.fa-question.wpmm-menu-icon {
    color: #ffffff;
    width: 17px;
    background: #f2b705;
    border-radius: 10px;
    height: 17px;
    padding: 4px;
    margin-right: 10px;
}
/*.top-bar-nav:hover li.menu-item-has-children:before {
    z-index: -999 !important;
    border-width: 11px !important;
    margin-left: -11px;
	opacity: 1;
}
.top-bar-nav li.menu-item-has-children:before {
    bottom: -5px;
    z-index: 10;
    opacity: 0;
    left: 50%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.top-bar-nav li.menu-item-has-children:before {
    -webkit-transition: opacity .25s;
    -o-transition: opacity .25s;
    transition: opacity .25s;
	border-bottom-color: #ddd;
}*/
.top-bar-nav ul.sub-menu li {
    border-bottom: 1px solid #ddd;
}
.top-bar-nav>li>a {
    margin-top: -3px;
}
.top-bar-nav>li {
    border-right: 1px solid #ddd;
    padding-right: 15px;
    height: 19px;
}
.top-bar-nav>li:last-child {
    border: unset;
}
i.fa.fa-bullhorn.wpmm-menu-icon {
    color: #f2b705;
    width: 17px;
    border-radius: 10px;
    height: 19px;
    padding: 3px;
    margin-right: 10px;
}
.header-bottom-nav.nav-line-bottom > li > a:before, .header-bottom-nav.nav-line-grow > li > a:before, .header-bottom-nav.nav-line > li > a:before, .header-bottom-nav.nav-box > li > a:hover, .header-bottom-nav.nav-box > li.active > a, .header-bottom-nav.nav-pills > li > a:hover, .header-bottom-nav.nav-pills > li.active > a {
    background-color: unset !important;
}
li.html.custom.html_topbar_right a:hover {
    color: #f2b705 !important;
}
.icon-index-boder {
    padding: 5px;
    border-width: 0.705px;
    border-color: #dedede;
    border-style: solid;
}
.icon-index-boder p {
    font-size: 14px;
    line-height: 20px;
}

.inline-popups {
    display: none;
}
.product .col-inner {
    box-shadow: 0 1px 3px -2px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
	background: #fff;
}
.product .col-inner:hover {
    -webkit-box-shadow: 0 3px 6px -4px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
    box-shadow: 0 3px 6px -4pxrgba(0,0,0,.16),0 3px 6pxrgba(0,0,0,.23);
}
.product .col-inner:hover a {
    color: #05264e!important;
}
.box-blog-post h5.post-title.is-larger {
    transition: all 300ms ease-in-out;
    overflow: hidden;
    line-height: 24px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    text-overflow: ellipsis;
    text-transform: capitalize;
    color: rgb(36, 36, 36);
}
.product-quick-view-container .left-form.large-8 {
    display: none;
}
.box-blog-post p.from_the_blog_excerpt {
    font-size: 14px;
}
.box-blog-post:hover p.from_the_blog_excerpt{
    color: #05264e!important;
}
.border-showroom .large-6 {
    border: 1px solid #fff;
    padding: 20px !important;
}
.footer-1 {
    border-bottom: 1px solid #fff;
	padding-bottom: 40px;
}
.list_showrooms {
    border: solid 1px #C89F6D !important;
}
.list_showrooms {
    padding: 14px;
    margin-right: 8px;
    border: solid 1px #f68d91;
    border-radius: 5px;
}
.list_showrooms .capt {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
}
.list_showrooms .list .item {
    font-size: 14px;
}
.left-form .single_add_to_cart_button .btn_yctv {
    background: #eb2228 !important;
}

.btn_yctv {
    padding: 5px;
    line-height: 1.5;
    border: none;
    cursor: pointer;
    background-color: #2c72c8;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    font-size: 13px;
    margin-left: 0;
    margin-right: 10px;
}
.single_add_to_cart_button {
    text-transform: inherit;
    font-size: 17px;
    font-weight: 500;
    padding: 5px 35px;
    background-color: #C89F6D !important;
    margin-bottom: 0px;
}

.btn_yctv span {
    display: block;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    text-transform: uppercase;
}
.cart-1 .a_button .btn_yctv {
    margin-right: 0;
}
.cart-1 .single_add_to_cart_button, .cart-1 .a_button {
    width: 49%;
	float:left;
}
.left-form .single_add_to_cart_button {
    padding: 0;
    background: none !important;
    border: none;
}
.cart-1 {
    height: 60px;
}
.right-form {
    background-color: #f2f2f2;
    padding: 10px;
}
.right-form .title {
    text-align: center;
}
.right-form .title {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 10px;
}
.box_social li {
    list-style: none;
    background: #fff;
    padding: 5px;
    border-radius: 25px;
    font-weight: 600;
}
.box_social li.last_sca {
    text-align: center;
    font-size: 14px;
    line-height: 1.3;
}
.box_social li a img {
    width: 25px;
    margin-right: 5px;
}
.quantity.buttons_added {
    display: none;
}

span.woocommerce-Price-amount.amount {
    color: #eb2228;
}
.related .slider {
    background: #fff;
}
form.cart {
    display:none;
}
form.cart button.single_add_to_cart_button.button.alt {
    border-radius: 5px;
    padding: 8px;
    background: #eb2228!important;
    text-transform: uppercase;
    font-weight: 600;
}
.quform-2 .quform-inner {
    padding-left: 0px !important;
}
.quform-2 .quform-input-2_61 input {
    border: 0;
    box-shadow: unset;
    text-align: center;
    font-size: 17px;
    margin-top: 10px;
}
.nz-tensp {
    font-size: 22px;
    height: auto;
    padding-bottom: 10px;
    font-weight: 600;
    text-transform: uppercase;
    color: #333;
    border-left: none;
    position: relative;
    padding-left: 10px;
    line-height: 30px;
    margin: 10px 0;
}
.nz-tensp:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,0);
    width: 150px;
    height: 1px;
    background: #C89F6D;
}
.nz-desc {
    text-align: center;
    font-size: 16px;
    margin: 10px 0;
}
.quform-2 {
    padding: 15px;
    background: #efefef;
    width: 100%;
    box-shadow: 0 1px 3px -2px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
}
.quform-2 .quform-spacer {
    padding: 0 0 7px 0 !important;
}




.metu {
    position: fixed;
    width: fit-content;
    bottom: -1px;
    z-index: 100;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}
	.metu-content {
    background: #000;
    padding: 10px 5px;
    box-sizing: border-box;
    border-radius: 4px 4px 0 0;
}
	.default {
    width: 100%;
    float: left;
		padding-left: 15px;
}
	.metu-content__item {
    float: left;
    padding: 10px;
    box-sizing: border-box;
    background: #0055a5;
    margin-right: 10px;
    border-radius: 4px;
}
	.metu-content__item img {
    padding-right: 15px;
    float: left;
    animation: tada 1.2s infinite;
}
	.metu-content__item p {
    float: left;
    color: #fff;
    font-size: 16px;
	padding-bottom: 0px;
    margin-bottom: 0px;
}



a.title-tu-can {
    text-align: center;
}
div#text-16 p a {
    float: left;
    background: #000;
    border-radius: 50%;
    padding: 0px;
    margin: 0px;
    width: 30px;
    height: 30px;
    margin-right: 10px;
}
div#text-16 i {
    padding: 7px;
}
.badge-inner.secondary.on-sale {
    background-color: #ffb919;
    color: #000;
}
.box-text.box-text-products .price-wrapper {
    text-align: center;
	margin-top: 14px;
}
span.price {
    margin-top: 0px !important;
    margin-bottom: 15px;
    font-size: 16px;
}
button.single_add_to_cart_button.button.alt {
    width: 98%;
}
.header-bottom-nav p {
    white-space: nowrap;
    overflow-x: scroll;
    margin: 0;
    width: 70%;
}
.header-bottom-nav a {
    color: #fff;
    font-size: 15px;
    text-align: center;
    padding: 0px 10px 0;
    margin: 0;
}
.header-bottom-nav {
    width: auto;
    text-align: left;
    padding: 0 5px 5px;
    clear: both;
}
.sidebar-menu.no-scrollbar p {
    display: none;
}
.title-tu-can {
    font-size: 11px !important;
    font-weight: 400 !important;
    height: 30px;
    padding: 0 15px !important;
    text-transform: uppercase !important;
    background-color: #000000 !important;
    border: 0 !important;
    color: #ffb919 !important;
    line-height: 30px !important;
    background-size: 25px !important;
    width: 100%;
}
span.price {
    margin-top: 25px;
}

div#woocommerce_price_filter-3 form {
    margin-top: 10px;
}
.menu-category-v {
    text-align: center;
    font-size: 16px;
    padding: 10px 20px;
    background: #f5f5f5;
}
.menu-category-v li {
    list-style: none;
    position: relative;
    margin: 0;
}
.menu-category-v a {
    color: #000;
    font-size: 15px;
    padding: 0 15px;
    display: inline-block;
    margin-bottom: 10px;
}
.menu-category-v ul {
    display: flex;
    -webkit-display: flex;
    flex-flow: row nowrap;
    flex: 1 100%;
    margin: 0;
    padding: 0;
    align-items: center;
    justify-content: center;
}
.filters-css {
    padding: 10px 0px 0px;
}
.filters-css ul {
    display: flex;
    -webkit-display: flex;
    flex-flow: row nowrap;
    flex: 1 100%;
    margin: 0;
    padding: 0;
    align-items: center;
    justify-content: center;
}
.filters-css a {
    font-size: 15px;
    padding: 0 15px;
    display: inline-block;
    color: #00acec;
    
}
.filters-css li {
    list-style: none;
    position: relative;
    margin: 0;
}
form.woocommerce-ordering {
    display: none;
}
.yith-wcwl-add-to-wishlist {
    display: none;
}
 .zalo-share-button{
       width: 48% !important; 
       height: 40px !important;
    }
   .zalo-share-button iframe {
        margin-left: -40px;
    }
    
    .zalo-share-button span {
    text-align: right;
    position: absolute;
}
.face-share-button {
    width: 50%;
    height: 40px;
    float: right;
    overflow: hidden;
    display: inline-block;
    background: rgb(3, 165, 250);
    line-height: 40px;
    font-size: 13px;
    text-align: center;
    border-radius: 5px;
}
.face-share-button a {
    color: #ffff;
}
.face-share-button span {
    margin-left: 3px;
}
.body-css-banner .section-title-normal span {
    border: none;
}
.body-css-banner ul.product_list_widget li img {
    display: none;
}
.body-css-banner ul.product_list_widget li {
    padding: 0px 15px;
    min-height: auto;
    margin-left: 0px;
}
.body-css-banner span.woocommerce-Price-amount.amount {
    display: none;
}

.body-css-banner .section-title-container {
    margin-bottom: 0px;
}
.body-css-banner h4.section-title.section-title-normal {
    padding-left: 15px;
    padding-top: 10px;
    border: none;
    margin-bottom: 0px;
}

.body-css-banner ul.product_list_widget li a {
    border-top: 1px dashed #ccc;
    margin-bottom: 0px;
    padding-top: 11px;
}
.body-css-banner .large-3 {
    padding-right: 0px;
    padding-bottom: 10px;
}
.body-css-banner ul.product_list_widget li span {
    font-size: 14px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    text-overflow: ellipsis;
    font-family: OpenSans-Bold;
    text-transform: capitalize;
}

.mobile-css-head {
    display: none;
}
ul.header-nav.header-nav-main.nav.nav-left.nav-uppercase {
    margin-left: 180px;
}
















@media screen and (max-width: 768px){

    .menu-category-v {
    display: block;
    padding-bottom: 5px;
}
.menu-category-v ul, .filters-css ul {
    display: flex;
    -webkit-display: flex;
    flex-flow: row nowrap;
    flex: 1 100%;
    white-space: nowrap;
    overflow-x: scroll;
    margin: 0;
    padding: 0;
    align-items: left;
    justify-content: left;
}
.menu-category-v li, .filters-css li {
    list-style: none;
    margin: 0;
    padding: 0;
}
.filters-css {
    display: block;
    padding-bottom: 5px;
}
.category-filtering.category-filter-row.show-for-medium {
    display: none;
}


}


@media screen and (max-width: 480px){
	
	.mfp-content div#main-menu .social-icons a {
    font-size: 1em;
    float: left;
    margin-right: 10px;
}
.small-columns-2>.col, .small-columns-2 .flickity-slider>.col {
    max-width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}   
    .metu {
    display: block !important;
}
    .accordion-item .accordion-inner {
    padding: 1em 0.5em;
}
.all-form.row {
    padding: 10px !important;
}
.list_showrooms {
    margin-right: 0px;
}
.cart-1 .single_add_to_cart_button, .cart-1 .a_button {
    width: 50%;
    float: left;
}
	.icon-index-boder img {
		max-width: 40px !important;
		margin: auto;
		display: block;
		margin-left: auto;
		margin-right: auto;
		padding: 4px;	
	}
	.icon-index-boder {
    	height: 180px;
	}
	.icon-index-boder h3 {
    	text-align: center;
	}.icon-index-boder h3, .icon-index-boder p {
		text-align: center;
	}
	.border-showroom .large-6 {
		border: none;
		border-top: 1px solid #fff;
	}
	.right_cat_product {
    display: none;
}
form.cart {
    bottom: 395px;
    width: 180px;
    left: 206px;

}
.css-trai-nghiem .col-inner {
    padding: 5px !important;
    margin: 0px !important;
}	
	
.metu-content {
    width: 100%;
    float: left;
    background: #0472e9;
    padding: 0px;
}
	.metu-content__item span {
    display: none;
}
	.metu-content__item p {
    text-align: center;
    color: #fff;
    font-size: 14px;
    width: 100%;
}
.metu-content__item img {
    animation: tada 1.2s infinite;
    float: none;
    padding: 0px;
	width: 20px;
}
	.metu-content__item {
    padding: 10px;
    width: 25%;
    float: left;
    box-sizing: border-box;
    border-left: 1px solid #fff;
    text-align: center;
    border-radius: 0px;
    margin: 0px;
}
	.metu-content__item:first-child {
    border-left: none;
}
	
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    outline: none;
}
user agent stylesheet
div {
    display: block;
}
body {
    width: 100%;
    height: auto;
    font-family: Arial;
    font-size: 14px;
    color: #3e3e3e;
    background: #ececec;
}
::-webkit-scrollbar-thumb {
    background: #cd0000;
    border-radius: 4px;
}
::-webkit-scrollbar-track {
    background: #ddd;
}
	
.mobile-css-head {
    padding-right: 15px !important;
}  
.mobile-css-head {
    display: block;
}
.desktop-css-head {
    display: none;
}
.quform-element.quform-element-row.quform-element-row-2_22.quform-2-columns.quform-element-row-size-fixed.quform-responsive-columns-phone-landscape>.quform-element-column {
    width: 50% !important;
    float: left;
}
.quform-element.quform-element-row.quform-element-row-2_39.quform-3-columns.quform-element-row-size-fixed.quform-responsive-columns-phone-landscape>.quform-element-column, .quform-element.quform-element-row.quform-element-row-2_45.quform-3-columns.quform-element-row-size-fixed.quform-responsive-columns-phone-landscape>.quform-element-column, .quform-element.quform-element-row.quform-element-row-2_52.quform-3-columns.quform-element-row-size-fixed.quform-responsive-columns-phone-landscape>.quform-element-column {
    width: 33.3% !important;
    float: left;
    padding-left: 10px;
    padding-right: 0px;
    font-size: 13px;
} 
.quform-element.quform-element-column.quform-element-2_41, .quform-element.quform-element-column.quform-element-2_42, .quform-input.quform-input-checkbox.quform-input-2_49.quform-cf, .quform-input.quform-input-checkbox.quform-input-2_51.quform-cf, .quform-input.quform-input-checkbox.quform-input-2_56.quform-cf, .quform-input.quform-input-checkbox.quform-input-2_58.quform-cf {
    margin-top: 30px;
}	
	
}

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


}