/*
Theme Name: flatsome-child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.19.8
*/
/*************** ADD CUSTOM CSS HERE.   ***************/
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/}
@font-face {
    font-family: 'helve';
    src: url('font/helveticaneue.ttf');
    font-weight:normal;
    font-style: normal;}
@font-face {
    font-family: 'helve';
    src: url('font/helveticaneuelight.ttf');
    font-weight:300;
    font-style: normal;}
@font-face {
    font-family: 'helve';
    src: url('font/helveticaneuemedium.ttf');
    font-weight:500;
    font-style: normal;}
@font-face {
    font-family: 'helve';
    src: url('font/helveticaneuebold.ttf');
    font-weight:600;
    font-style: normal;}
body,h1, h2, h3, h4, h5, h6, .heading-font, .banner h1, .banner h2{
    font-family: 'helve' !important;} 

#mega-menu-title{font-family: 'helve'; color: #fff;}
.nav>li>a {
font-family: 'helve' !important;}
#mega_menu {
width: 55%;}
#mega_menu>li>a {
border-top: 1px solid #18929F;
font-weight:500;}
#mega_menu a {
font-weight:500;}
#mega-menu-wrap {
background: #18929F;}

.logo img {
display: block;
width: 100%;}
#logo img {
    width: 250px;
	height: 85px;}

input[type=search]
{border: 1px solid #f8640c;}

.badge {
    display: table;
    z-index: 20;
    pointer-events: none;
    height: 2em;
    width: 2em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;}

.nav>li>a {font-family: 'helve' !important;}
.logo img {display: block;width: 100%;}
.is-small, .is-small.button {font-size: .85em;}

.header-main .hotline {
    display: inline-block;
    vertical-align: middle;
	height: 35px;
    font-size: 18px;
    background: #2d2d2d;
    border-radius: 10px;
	border: 1px solid #F8640C;
    padding-left: 37px;
    position: relative;
    color: #fff;}

.header-main .hotline:before {
content: '';
display: block;
width: 22px;
height: 22px;
background: url(https://noithatab.net/wp-content/uploads/2022/03/icon-hotline.png) no-repeat;
position: absolute;
top: 5px;
left: 7px;
z-index: 1;}
.header-main .hotline:hover .number {
background: #18929F;}
.header-main .hotline .number {
background: #18929F;
border-radius: 10px;
height: 33px;
padding: 2px 13px;}

.header-main .hotline .number a {
font-size: 18px;
text-decoration: none;
color: #fff;
font-weight: bold;}



.h1, h1 {font-size:1.4em;}
.h2, h2 {font-size:1.3em;}
.h3, h3 {font-size: 1.2em;}
.h4, h4 {font-size: 1.1em;}
.nav .nav-dropdown {
    background-color: #fff;
    border: 1px solid #00a2e8;
    padding: 0;
    border-left: 2px solid #00a2e8;
    top: 41px;}
span.amount {color: #F8640C;}
.row-large>.col {padding: 30px 30px 30px;}
.entry-header-text {padding: 0em 0 0em;}
.nav-dropdown-default .nav-column li>a, .nav-dropdown.nav-dropdown-default>li>a 
{border-bottom: 1px solid #18929F;}
.is-divider {
    height: 1px;
    display: block;
    background: linear-gradient(to right,#18929F,#F8640C);
    margin: 0em 10 0em;
    width: 100%;
    max-width: 100%;}
.has-dropdown .icon-angle-down {
    display: none;}


td {color: #000000;border-bottom: 2px solid #18929F;}


.section-title-normal {
    border-bottom: 2px solid #F8640C;}


.section-title-normal span {
	border-top-right-radius: 10px;
    background:  #18929F;
    color: white;
    font-weight: 600;
    padding: 8px;
	border-top: 1px solid #F8640C;
	border-bottom: 2px solid #18929F;
	border-right: 6px solid #F8640C;
    margin-right: 15px;
    padding-bottom: 7.5px;
    margin-bottom: -2px;
    font-size: 16px;}
.section-title a {
    display: block;
    padding-left: 15px;
    font-size: 14px;
    margin-left: auto;}
.button.icon{border: 1px solid #F8640C}
.nav>li>a, .nav-dropdown>li>a, .nav-column>li>a, .nav-vertical-fly-out>li>a{color: #000000;}
.nav-sidebar.nav-vertical>li+li{border-top: 1px solid #F8640C;}
.header-bottom{border-top: 1px solid #F8640C; border-bottom: 2px solid #F8640C;}
.fill {border-bottom: 1px solid #F8640C;}


li {
    margin-bottom: 0.6em;
	margin-left: 30px;}
.box-text {font-size: .85em;}

.LH {
    padding: 10px;
    border-radius: 10px 10px 0 0;
    margin-bottom: 0;
    font-size: 16px;
	font-weight: 700;}

.LH-GOINGAY{
	width: 49%;
	color: #fff;
    background-color: #fd6e1d;
	border-bottom: 2px solid #00a2e8;
    border-left: 2px solid #00a2e8;
    padding: 8px 15px;
    display: inline-block;
    text-align: center;
    border-radius: 5px;
	line-height: 20px;}

.LH-ZALO a {color: #fff;}
.LH-GOINGAY a {color: #fff;}
.LH-ZALO a:hover {color: #fff;}
.LH-GOINGAY a:hover {color: #fff;}

.LH-ZALO{
	width: 49%;
	color: #fff;
    background-color: #0277bd;
	border-bottom: 2px solid #F8640C;
    border-left: 2px solid #F8640C;
    padding: 8px 15px;
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    line-height: 20px;}


[data-icon-label]:after, .secondary.is-underline:hover, .secondary.is-outline:hover, .icon-label, .button.secondary:not(.is-outline), .button.alt:not(.is-outline), .badge-inner.on-sale, .button.checkout, .single_add_to_cart_button, .current .breadcrumb-step {border-radius: 5px; border: 1px solid #fd6e1d;}
.dark .is-divider {background-color: #fd6e1d;}

.header-main .social {
    display: inline-block;
    margin-right: 12px;}
.header-main .social ul {
    margin-bottom: 0;}
.header-main .social li {
    list-style: none;
    float: left;
    margin-right: 5px;
    margin-bottom: 0px ;}
.header-main .social li a {
    display: block;
    border-radius: 10px;
    color: #fff;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;}

.badge-container {
    margin: 5px 0 0 0;}
.circle {
    border-radius: 10px !important;
    -o-object-fit: cover;
    object-fit: cover;}
.row-large>.col {
padding: 0 10px 0;
margin-bottom: 0;}


/* class image-hover*/
.image-hover a{
display: block;
overflow: hidden;
position: relative;
}
.image-hover a:hover {
outline-width:0;
}
.image-hover a:hover::before{
background: rgba(255,255,255,0.5) none repeat scroll 0 0;
bottom: 50%;
top: 50%;
}
.image-hover a:before {
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
transition: all 500ms ease 0s;
z-index: 1;
}
.image-hover a:after {
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
transition: all 500ms ease 0s;
z-index: 1;
}
.image-hover a:hover::after {
background: rgba(255,255,255,0.5) none repeat scroll 0 0;
left: 51%;
right: 50%;
}
/*class banner-hover*/
del span.amount {
    opacity: 10;
    font-weight: 700;
    margin-right: 0.3em;
	color: #18929F;}
.box-text a:not(.button) {
    font-weight: 500;}
span.widget-title {
    background:  #18929F;
	border-radius: 5px;
    color: white;
    font-weight: 600;
    padding: 8px;
    border-bottom: 2px solid #F8640C;
    border-left: 2px solid #F8640C;
    margin-right: 15px;
    padding-bottom: 7.5px;
    margin-bottom: -2px;
    font-size: 16px;}
.entry-content ul li,{margin-left: 5px;}
.khuyen-mai-hb {
	margin-bottom:2px;
	margin-top:2px;
	background:white;
	padding:10px;
	border-radius:5px;
	border:2px solid #18929F;
	border-bottom: 2px solid #18929F;
    border-left: 2px solid #18929F;
    border-top: 2px solid #F8640C;
    border-right: 2px solid #F8640C;
	font-size:15px;
	width:100%;}
.khuyen-mai-hb .tieu-de {
	background:#18929F;
	padding:2px 20px;
	margin-top:-24px;
	font-weight:500;
	color:#ffffff;
	display:block;
	max-width:210px;
	border-radius:99px;
    border-bottom: 2px solid #F8640C;
    border-left: 2px solid #F8640C;
    border-top: 2px solid #F8640C;
    border-right: 2px solid #F8640C;}
.product-main {padding: 10px 0;}
.product-footer .woocommerce-tabs>.nav-line:not(.nav-vertical) {
    font-size: 16px;
    background: #18929F;
    margin-top: -31px;
    border-bottom: 2px solid #F8640C;
	border-left: 2px solid #F8640C;}
.nav>li.active>a, .nav>li.current>a, .nav>li>a.active, .nav>li>a.current, .nav-dropdown li.active>a, .nav-column li.active>a, .nav-dropdown>li>a:hover, .nav-column li>a:hover, .nav-vertical-fly-out>li>a:hover {
color: #fff;
margin-left: 10px;}
.nav > li > a {
    font-weight: 700;
    color: #fff;}
.pt-half {
    padding-top: 8px;
	font-size: 16px;
    color: #fff;
    background: #18929F;
    padding-left: 8px;
    border-bottom: 2px solid #F8640C;
	border-left: 2px solid #F8640C;}
.pb-half {
    padding-bottom: 10px;}
.button.wc-forward:not(.checkout):not(.checkout-button) {
    background-color: #18929F;
    border-radius: 5px;
    border: 1px solid #fd6e1d;
}
.has-border{
border-radius: 5px;
border: 1px solid #fd6e1d;}
.widget_price_filter .price_slider_amount .button {
    border-radius: 5px;
    background-color: #18929F;
    float: left;
    border: 1px solid #fd6e1d;
    font-size: .85em;}

.widget_price_filter .ui-slider .ui-slider-range {
    position: absolute;
    opacity: 2;
    background: linear-gradient(to right,#18929F,#F8640C);
    border-radius: 99px;
    z-index: 1;
    font-size: 10px;
    display: block;
	border: 0;}
.widget_price_filter .ui-slider .ui-slider-handle{
	background-color: #18929F;
}
.op-7 {
    opacity: .7;
    display: none;
}