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

/*************** ADD CUSTOM CSS HERE.   ***************/
/* open-sans-regular - vietnamese_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display:swap;
  src: url('fonts/open-sans-v18-vietnamese_latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v18-vietnamese_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v18-vietnamese_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v18-vietnamese_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v18-vietnamese_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v18-vietnamese_latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - vietnamese_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  font-display:swap;
  src: url('fonts/open-sans-v18-vietnamese_latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v18-vietnamese_latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v18-vietnamese_latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v18-vietnamese_latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v18-vietnamese_latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v18-vietnamese_latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - vietnamese_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-display:swap;
  src: url('fonts/open-sans-v18-vietnamese_latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v18-vietnamese_latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v18-vietnamese_latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v18-vietnamese_latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v18-vietnamese_latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v18-vietnamese_latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600italic - vietnamese_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  font-display:swap;
  src: url('fonts/open-sans-v18-vietnamese_latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v18-vietnamese_latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v18-vietnamese_latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v18-vietnamese_latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v18-vietnamese_latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v18-vietnamese_latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - vietnamese_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
   font-display:swap;
  src: url('fonts/open-sans-v18-vietnamese_latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v18-vietnamese_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v18-vietnamese_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v18-vietnamese_latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v18-vietnamese_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v18-vietnamese_latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700italic - vietnamese_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
	 font-display:swap;
  src: url('fonts/open-sans-v18-vietnamese_latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v18-vietnamese_latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v18-vietnamese_latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v18-vietnamese_latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v18-vietnamese_latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v18-vietnamese_latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
.section-title-main, h1, h2, h3, h4, h5,h6 , strong, .icon-box-text, .icon-box-text h2, .icon-box-text h3, .icon-box-text h4,  .icon-box-text h5, .sidebar-menu .nav-sidebar li a, .col-inner, .text-center, .text-center h2,  .text-center h3, .text-center h4, .text-center h5 ,  .col-inner strong,
.col-inner h3, .col-inner h4, .header-nav > li.menu-item, .header-nav > li.menu-item a, .header-nav li.menu-item, .header-nav li a, h1.entry-title, .widget-title , .col-inner h2, .col-inner h3, .col-inner h4, .col-inner h5, .col-inner h6, .top-bar-nav li.menu-item a , .account-item span , #header-contact li a span, h3.product-section-title, .woocommerce-breadcrumb.breadcrumbs, ul.product-tabs > li > a, .widget, .product-short-description, button.button, .product_meta span, h3.comment-reply-title, .html.custom, span.header-cart-title, .footer-secondary.pull-right,.utm-avo, .tab a span, .button, .searchform .search-field, .searchform .search-field::placeholder, .header-top li a > span,
table tr th, table tr td, label, .form-row input,.form-row select, .form-row textarea, .mini_cart_item a, .mini_cart_item span, .woocommerce-mini-cart__total span, .tab-panels .panel.entry-content , .tab-panels .panel.entry-content p, .woocommerce-MyAccount-navigation-link a, .woocommerce-additional-fields h3, .woocommerce-billing-fields h3,  .breadcrumbs a, #mega-menu-title,.woocommerce-info
{
font-family: 'Open Sans' ,sans-serif  !important;;
}
/*************** HEADER ***************/

.logo a {
	letter-spacing: 10px;
}

.nav-spacing-xlarge>li {
	margin: 0 20px;
}

.header .nav>li>a {
	color: #090e1d;
	/* Header Links + Icon: Color Primary */
}

#top-bar .nav-small.nav>li.html {
	font-size: 100%;
}

.stuck .top-divider {
	display: none;
	visibility: hidden;
}

.off-canvas-right .mfp-content,
.off-canvas-left .mfp-content {
	width: 300px;
}

@media screen and (max-width: 549px) {
	.off-canvas-right .mfp-content,
	.off-canvas-left .mfp-content {
		width: 100%;
	}
}


/*************** GENERAL ***************/

.message-container a {
	color: #fc6957;
	/* Link: Color Accent */
}

.label-new.menu-item>a:after,
.label-hot.menu-item>a:after,
.label-sale.menu-item>a:after,
.label-popular.menu-item>a:after {
	font-size: 10px;
	line-height: 12px;
	padding: 5px;
	top: 1px;
	background-color: #fc6957;
	/* Label: Color Accent */
}

.has-hover:hover .tag-label {
	background-color: #fc6957;
	/* Tag: Color Accent */
}

.box-blog-post .is-divider {
	display: none;
	visibility: hidden;
}

.button {
	letter-spacing: 1px;
}

.button.is-underline:before {
	/*Button underline 100% width */
	left: 0px;
	width: 100%;
}

.button.is-underline:hover:before {
	left: 20%;
	width: 60%;
}


/*************** HOME ***************/

.home-hero h2 {
	font-size: 250%;
}

.home-photo-box-small {
	z-index: 999;
}

@media screen and (max-width: 549px) {
	.home-photo-box-small {
		margin: -100px 0px 0px 0px;
	}
}

@media screen and (min-width: 549px) {
	.home-photo-box-large {
		margin-left: -80px;
	}
}


/*************** CONTACT FORM 7 STYLING ***************/

.form-flat input:not([type="submit"]),
.form-flat textarea,
.form-flat select,
input[type='email'],
input[type='search'],
input[type='number'],
input[type='url'],
input[type='tel'],
input[type='text'],
textarea {
	background-color: #fff;
	border-radius: 3px;
}

input[type='submit'],
input[type='submit'].button,
input[type='submit'] {
	width: 100%;
}


/*************** FOOTER ***************/

.footer-text-logo {
	letter-spacing: 10px;
	text-transform: uppercase;
	font-size: 150%;
}

.custom-footer .col.widget {
	padding: 0px;
}


/*************** SHOP ***************/

.box-text-products span.amount {
	color: #84868e;
	font-weight: normal;
}

.dashboard-links a:hover {
	background-color: #090e1d;
	/* My Account: Color Primary */
}

.my-account-header .page-title-inner {
	padding-top: 20px;
}

.box-text-products {
	font-size: 120%;
	font-weight: normal;
}

.breadcrumbs,
.op-5 {
 /*	display: none;
	visibility: hidden;
	*/
}
.float-contact {
position: fixed;
bottom: 20px;
left: 20px;
z-index: 99999;
}
.he-thong-buu-cuc-btn{
background: #8eb22b;
border-radius: 20px;
padding: 0 18px;
color: white;
display: block;
margin-bottom: 6px;
}
.chat-zalo {
background: #8eb22b;
border-radius: 20px;
padding: 0 18px;
color: white;
display: block;
margin-bottom: 6px;
}
.chat-face {
background: #125c9e;
border-radius: 20px;
padding: 0 18px;
color: white;
display: block;
margin-bottom: 6px;
}
.float-contact .hotline {
background: #e62540!important;
border-radius: 20px;
padding: 0 18px;
color: white;
display: block;
margin-bottom: 6px;
}
.he-thong-buu-cuc-btn a , .chat-zalo a, .chat-face a, .hotline a {
font-size: 15px;
color: white;
font-weight: 400;
text-transform: none !important;
line-height: 0;
}
@media (max-width: 549px){
.float-contact .chat-zalo{
display:none;
}
.float-contact {
position: fixed;
bottom:0px;
left:0px;
width:100%;
padding:0px !important;
}
.float-contact .chat-face, .float-contact .hotline{
float:left;
 -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
     box-sizing: border-box; 
margin: 0px !important;
display:inline !important;
width:50% !important;
margin-bottom: 0px !important;
border-radius: 0px !important;
padding: 0 12px;
font-size:14px;
}
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}