/*
Theme Name: Flatsome Child
Description: NamKiem developed for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.11.3
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
b,
strong {
	font-weight: 500
}

.search-block .cot2 .icon-box .icon-box-text p {
	margin-bottom: 4px
}

.search-block select.resize-select {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px
}

.search-block input[type=search] {
	height: 43px
}

#header-contact li a span {
	text-transform: none;
	font-size: 13px
}

.header-bottom {
	height: 45px
}

#mega-menu-title {
	background: #5eb509;
	height: 45px
}

#mega_menu>li>a {
	font-size: 15px;
	padding-left: 15px
}

.menu-item i._before,
.rtl .menu-item i._after {
	margin-right: 10px
}

#mega_menu>li>a:hover {
	background: green;
	color: #fff
}

.nav-spacing-medium>li {
	margin: 0;
	font-size: 15px
}

#mega_menu ul.sub-menu>li>a:hover {
	color: #fff;
	background: #5eb509
}

#mega_menu>li>ul.sub-menu {
	top: -9px;
	min-height: 300px
}

.slider-section .TextCaptions {
	padding: 0;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	display: flex;
}

.slider-section .TextCaptions .item {
	height: 48px;
	font-size: 12px;
	color: #000;
	border-right: 1px solid #dadada;
	padding: 0 8px !important
}

.slider-nav-light .flickity-prev-next-button .arrow {
	background: gray;
	padding: 10px
}

.nav-dropdown {
	padding: 0;
	border: 1px solid #cecece;
	min-width: 310px
}

.nav-dropdown>li>a {
	color: #00540e
}

.nav-dropdown.nav-dropdown-simple>li>a:hover {
	background: #5eb509;
	color: #fff
}

.header-nav .cart-item a {
	background: #880000;
	padding: 0 15px;
	border-radius: 3px;
	line-height: 34px
}

.nav-dropdown-has-arrow li.has-dropdown:before {
	border-width: 10px;
	margin-left: -10px
}

.section-title-normal span {
	border-bottom: 1px solid #eb100d;
	background: #eb100d;
	font-size: 19px;
	margin-bottom: 0;
}

.section-title-normal span:after {
	content: "";
	display: table;
	clear: both
}

.section-title-normal {
	margin-bottom: 0;
	border-top: 2px solid #eb100d;
	border-bottom: 0;
	background: #e2e2e2
}

.slider-section .cot1 .post-item {
	padding: 9.5px 10px;
	border-bottom: 1px dotted #d0d0d0
}

.slider-section .cot1 .post-item .box-text {
	padding: 0 0 0 15px
}

.slider-section .cot1 .post-item .box-blog-post .is-divider {
	display: none
}

.slider-section .cot1 .post-item .box-text .post-title {
	font-size: 14px;
	font-weight: 400
}

.section-title-container {
	margin-bottom: 0
}

.slider-section .cot1 .col-inner {
	background: #fff
}

.header-nav li {
	margin-right: 0
}

.header-nav li a {
	padding: 0 15px;
	line-height: 45px
}

.cot2 .button,
.nav-dropdown li a,
span.widget-title {
	line-height: 40px
}

.header-nav .current-menu-item a,
.header-nav li a:hover,
.header-nav li.active>a {
	background: #880000
}

.slider-section .cot1 .icon-gift {
	color: #5eb509;
	opacity: 100
}

.slider-section .col {
	padding-bottom: 0
}

.slider-nav-light .flickity-prev-next-button svg {
	background: rgba(0, 0, 0, .6);
	height: 60px
}

.flickity-prev-next-button.next {
	right: 0
}

.flickity-prev-next-button.previous {
	left: 0
}

.slider-section .TextCaptions .is-nav-selected {
	color: #eb100d;
	border-top: 2px solid #eb100d;
	background: #fff3f3;
}

.section-title-normal span:after {
	border: 22px solid #eb100d;
	position: absolute;
	DISPLAY: INLINE-BLOCK;
	MARGIN-LEFT: 15PX;
	border-right-color: transparent;
	border-bottom-color: transparent;
	margin-top: -10px;
	left: auto
}

.section-title-normal span {
	padding: 8px 15px;
	color: #fff !important
}

.section-title a {
	display: block;
	padding-left: 15px;
	font-size: 14px;
	font-weight: 400;
	padding-right: 10px;
	background: white;
	padding: 5px 15px;
	border-radius: 4px;
	color: #5f5f5f;
	margin-right: 10px;
}

.tin-tuc-section .cot1 .cot2 .post-item .post-title:before,
.tin-tuc-section .cot2 .box-blog-post .is-divider,
.tin-tuc-section .tin-tuc2 .post-item .box-blog-post .is-divider {
	display: none
}

.product-small {
	border-radius: 5px;
	border: 1px solid #f3f3f3;
	padding: 10px;
	background: #fff;
	margin-bottom: 10px;
	box-shadow: 2px 2px 15px #00000017;
}

.danh-muc-section .cot12 .col {
	padding: 0 5.8px
}

.danh-muc-section .cot12 .col-inner .row {
	margin-left: -4px;
	margin-right: -4px
}

.danh-muc-section .badge-container {
	right: 10px;
	top: 10px;
	left: auto;
	margin: 0
}

.danh-muc-section .badge-container .badge-inner {
	border-radius: 99%;
	font-weight: 400
}

.danh-muc-section .product-small .product-title a:hover {
	color: #eb100d
}

.danh-muc-section .product-small .product-title a {
	font-size: 17px;
	color: black;
	font-weight: 500
}

.danh-muc-section .product-small .product-title {
	margin-bottom: 10px
}

.danh-muc-section .product-small .price {
	color: gray
}

.danh-muc-section .product-small .price ins span {
	color: red;
	font-size: 19px;
	font-weight: 400
}

.danh-muc-section .product-small .box-text .add-to-cart-button a {
	font-weight: 400;
	text-transform: none;
	font-size: 13px;
	letter-spacing: 0;
	border-radius: 3px;
	padding: 0 10px
}

.danh-muc-section .product-small .box-text {
	padding: 0;
	padding-top: 5px;
	padding-bottom: 15px
}

.product-small:hover {
	border: 1px solid #eb100d;
	border-radius: 3px
}

.danh-muc-section .product-small .product-title a:hover {
	color: #eb100d
}

.danh-muc-section .col {
	padding-bottom: 0
}

.danh-muc-section .product-small .price span {
	color: red;
	font-size: 19px;
	font-weight: 400
}

.danh-muc-section .product-small .price del span {
	font-size: 13px;
	color: gray
}

.tin-tuc-section .cot1 .post-item .box-text {
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 0
}

.tin-tuc-section .cot1 .post-item {
	padding-top: 6px;
	padding-bottom: 6px
}

.tin-tuc-section .tin-tuc2 .post-item .box-text .post-title {
	font-size: 15px;
	color: #000;
	font-weight: 400
}

.tin-tuc-section .tin-tuc2 .post-item .post-meta {
	color: #5eb509
}

.tin-tuc-section .cot2 .post-item .post-title:before {
	content: '';
	margin-left: -20px;
	background: url(/wp-content/uploads/2018/09/dot-icon-1.png);
	width: 11px;
	height: 11px;
	background-size: 11px 11px;
	margin-right: 0;
	float: left;
	margin-top: 5px
}

.tin-tuc-section .cot2 .post-item .post-title {
	padding-left: 20px;
	font-size: 15px;
	font-weight: 400;
	padding-top: 0;
	padding-bottom: 0
}

.tin-tuc-section .cot2 .post-item {
	padding-bottom: 0;
	border-bottom: 1px dotted #efefef
}

.tin-tuc-section .post-item .post-title:hover,
.tin-tuc-section .tin-tuc2 .post-item .box-text .post-title:hover {
	color: #038018
}

.tin-tuc-section .cot2 .post-item .box-text {
	padding-top: 7px;
	padding-bottom: 7px
}

.tin-tuc-section .cot1 .cot2 .post-item .post-title {
	padding-left: 0
}

.footer-section .col,
.gioi-thieu .col,
.tin-tuc-section .col {
	padding-bottom: 0
}

.footer-secondary {
	padding: 0
}

.demo_store {
	font-size: 14px
}

.footer-section input[type=submit]:not(.is-form) {
	background: #5eb509;
	font-weight: 400;
	text-transform: none;
	letter-spacing: 0;
	border-radius: 3px;
	margin-bottom: 0
}

#footer .back-to-top {
	padding-left: 0;
	padding-right: 0;
	background: #5eb509;
	border: 2px solid #fff;
	color: #fff
}

.hotline-ho-tro {
	font-size: 14px;
	border: 1px solid #ececec;
	padding: 20px 10px;
	border-radius: 3px;
	text-align: center
}

.widget {
	margin-bottom: 10px
}

.product-main #product-sidebar {
	padding-left: 0;
	max-width: 24% !important;
	flex-basis: 24% !important
}

.product-main .product-info {
	border-right: 0;
	padding-top: 0
}

.product-main .product-gallery {
	max-width: 35%
}

.hotline-ho-tro .info-hotline {
	text-transform: uppercase;
	display: block;
	font-weight: 500;
	margin-bottom: 10px
}

.hotline-ho-tro strong {
	display: block;
	font-size: 20px;
	color: #fb0000
}

#product-sidebar .section4,
#shop-sidebar .section4 {
	padding: 0
}

#shop-sidebar .icon-box,
.post-sidebar .icon-box,
.product-main #product-sidebar .icon-box {
	border: 1px solid #ececec;
	margin-bottom: 10px;
	padding: 5px;
	border-radius: 3px
}

.breadcrumbs {
	font-size: 14px;
	text-transform: none
}

.page-title-inner,
.product-main {
	padding-top: 0 !important
}

.product-main .product-title {
	font-size: 25px
}

.product-gallery-slider img {
	border: 1px solid #ececec
}

.product-main .price,
.product-main .price del span {
	font-size: 14px;
	color: gray
}

.product-main .price ins span {
	color: #5eb509;
	font-size: 22px;
	font-weight: 400
}

.product-main .product-short-description {
	font-size: 15px;
	margin-bottom: 15px;
	border: 1px dashed #ffffff;
	border-radius: 3px;
	background: #f5f5f5;
	padding: 10px;
	margin-top: 15px;
}

.product-main .product-short-description p {
	margin-bottom: 10px
}

.product-main .product-short-description ul li {
	margin-bottom: 4px
}

.product-main .cart,
.product-main .mua-ngay-button,
.product-main .product-short-description ul,
.section4 .icon-box .icon-box-text p {
	margin-bottom: 0
}

.product-main .single_add_to_cart_button {
	text-transform: none;
	font-weight: 400;
	border-radius: 3px;
	font-size: 15px;
	letter-spacing: 0
}

.product_meta {
	font-size: 15px
}

.product-main .social-icons .button.icon.circle {
	border-radius: 3px !important;
	border: 1px solid #dadada
}

.product-main .mua-ngay-button .cot1 .button {
	background-image: linear-gradient(to top, #005cbb, #007eff);
	font-weight: 400;
	text-transform: none;
	font-size: 15px;
	line-height: 40px
}

.product-main .mua-ngay-button,
.product-main .mua-ngay-button .col {
	padding-bottom: 0
}

.cot2 .button {
	background-image: linear-gradient(to top, #dc5b00, #ecc500);
	font-weight: 400;
	text-transform: none;
	font-size: 15px
}

.badge-container {
	margin: 0;
	left: 10px !important;
	top: 10px !important
}

.badge-container .badge-inner {
	border-radius: 100%;
	font-weight: 400
}

.product-footer .woocommerce-tabs {
	border-top: 0;
	width: 100%;
	margin: 0 auto;
	padding: 20px;
	border-radius: 3px
}

.product-footer .woocommerce-tabs>.nav-line-grow {
	margin-top: -20px;
	font-size: 20px;
	background: #f7fff1;
	border-bottom: 1px solid #e6e6e6;
	color: #000;
	text-transform: none
}

.product-footer .woocommerce-tabs>.nav-line-grow a {
	font-weight: 500;
	text-transform: none
}

.product-footer .related-products-wrapper {
	max-width: 90%;
	margin: 20px auto;
	border-top: 0
}

.archive .product-title,
.product-footer .related .product-small .product-title,
span.widget-title {
	margin-bottom: 10px
}

.product-footer .related .product-section-title {
	text-align: left;
	letter-spacing: 0;
	color: #eb100d;
	text-transform: none;
	font-size: 20px;
}

.archive .product-small,
.product-footer .related .product-small {
	border: 0
}

.archive .product-small .price,
.archive .product-small .price del span,
.product-footer .related .product-small .price,
.product-footer .related .product-small .price del span {
	font-size: 13px;
	color: gray
}

.archive .product-small .price ins span,
.product-footer .related .product-small .price ins span {
	font-size: 17px;
	color: red;
	font-weight: 400
}

.product-main {
	padding-bottom: 15px
}

.category-page-title {
	background: #f5f5f5;
	padding: 10px 0
}

.archive .breadcrumbs {
	font-weight: 400;
	color: #5eb509
}

.woocommerce-ordering,
.woocommerce-result-count {
	font-size: 14px
}

.archive .product-small {
	border: 0;
	padding-bottom: 10px
}

.archive .product-small.box {
	border: 1px solid #ddd;
	border-radius: 3px
}

.archive .product-small.box .box-text {
	padding-bottom: 5px
}

.archive .product-small.box:hover {
	border: 1px solid #5abe12
}

.widget .is-divider {
	display: none
}

span.widget-title {
	display: block;
	width: 100%;
	color: #fff;
	font-weight: 500;
	background: #eb100d;
	padding-left: 15px
}

ul.product_list_widget li a:not(.remove) {
	font-size: 15px;
	font-weight: 400;
	color: #545454
}

.product_list_widget .woocommerce-Price-amount {
	font-weight: 400;
	font-size: 15px;
	color: #5eb509
}

.product_list_widget del span {
	font-size: 13px !important;
	color: gray !important
}

.recent-blog-posts a {
	line-height: 1.2;
	display: block;
	margin-bottom: 6px;
	font-size: 15px;
	color: #4c4c4c
}

.recent-blog-posts a:hover {
	color: #038018
}

.post-sidebar .section4 {
	padding: 0 !important
}

.single footer.entry-meta {
	font-size: 15px
}

.blog-single .large-9 {
	padding-left: 0
}

.blog-archive .post-sidebar {
	padding-right: 0 !important
}

.blog-archive .badge .badge-inner,
.stuck .header-main,
.tim-kiem-mobile {
	display: none
}

.blog-archive .post-sidebar .badge .badge-inner {
	display: block
}

.absolute-footer {
	border-top: 1px solid #1d1d1d;
	font-size: 13px
}

.section-title a:hover {
	background: #fbfbfb;
	color: black;
}

.single-product .product-info span.amount {
	color: #eb100d;
	font-weight: 500;
	font-size: 20px;
}

.related .product-small {
	box-shadow: none
}

.related .product-small .product-small .product-title a {
	color: black;
	font-size: 16px;
	font-weight: 500
}

.related .product-small .product-small .price span.amount {
	color: #eb100d;
	font-size: 16px;
	font-weight: 500
}

.related .product-small .col-inner .product-small {
	box-shadow: 0px 0px 24px #0000001a;
}

.tabbed-content .nav {
	border-bottom: 2px solid #eaeaea;
}

.product-tabs li {
	margin: 0
}

.product-tabs li.active a {
	background: #eb100d;
	color: white
}

.product-tabs li a {
	background: #e4e4e4;
	padding: 5px 15px;
	font-size: 17px;
	font-weight: 500;
	color: black;
}

.off-canvas-left.mfp-ready .mfp-content {
	background: rgb(31, 31, 31)
}

.float-contact {
	position: fixed;
	bottom: 20px;
	left: 20px;
	z-index: 99999;
}

.chat-zalo {
	background: #8eb22b;
	border-radius: 20px;
	padding: 0px 18px;
	color: white;
	display: block;
	margin-bottom: 6px;
}

.chat-face {
	background: #125c9e;
	border-radius: 20px;
	padding: 0px 18px;
	color: white;
	display: block;
	margin-bottom: 6px;
}

.float-contact .hotline {
	background: #d11a59 !important;
	border-radius: 20px;
	padding: 0 18px;
	color: white;
	display: block;
	margin-bottom: 6px;
}

.chat-zalo a,
.chat-face a,
.hotline a {
	font-size: 15px;
	color: white;
	font-weight: normal;
	text-transform: none;
	line-height: 0;
}

.product-small .box-image:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s
}

@-webkit-keyframes shine {
	100% {
		left: 125%
	}
}

@keyframes shine {
	100% {
		left: 125%
	}
}

.product-small .box-image::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg)
}

@media only screen and (max-width: 48em) {

	/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.danh-muc-san-pham-mobile .col a,
	.tim-kiem-mobile {
		display: block;
		background: #eb100d
	}

	.tim-kiem-mobile .col {
		padding: 5px;
		background: #eb100d;
	}

	.danh-muc-san-pham-mobile .col {
		flex-basis: 50%;
		max-width: 50%;
		text-align: center;
		padding: 5px
	}

	.danh-muc-san-pham-mobile .col p {
		margin-bottom: 0
	}

	.danh-muc-san-pham-mobile .col a {
		width: 100%;
		padding: 5px 10px;
		font-size: 13px;
		border-radius: 3px;
		color: #fff;
		height: 40px;
		line-height: 30px;
		overflow: hidden
	}

	#product-sidebar .section4,
	#shop-sidebar .section4,
	.post-sidebar .section4,
	.section-title a {
		display: none
	}

	.danh-muc-san-pham-mobile {
		padding: 10px;
		margin-top: 0 !important
	}

	.danh-muc-section .product-small .price del span,
	.danh-muc-section .product-small .price ins span {
		font-size: 13px
	}

	.danh-muc-section .product-small .product-title {
		font-size: 12px
	}

	.blog-archive .post-item,
	.tin-tuc-section .cot1 .cot2 .post-item,
	.tin-tuc-section .cot1 .tin-tuc2 .post-item {
		flex-basis: 50%;
		max-width: 50%
	}

	.product-footer .woocommerce-tabs,
	.product-main .product-gallery {
		max-width: 100%;
		width: 100%
	}

	.product-footer .woocommerce-tabs {
		border: 0;
		padding: 0
	}

	.small-nav-collapse>li {
		width: 33.33%;
		text-transform: none;
		text-align: center;
		line-height: 20px
	}

	.blog-single .large-9 {
		padding-left: 15px
	}

	.blog-archive .post-sidebar {
		padding-right: 15px !important
	}

	.menu-float-right {
		display: none
	}

	.off-canvas .sidebar-menu {

		padding: 0;

	}

	.off-canvas:not(.off-canvas-center) .nav-vertical li>a {

		padding-left: 20px;

		padding: 10px;

		font-size: 15px;

		color: white;

		font-weight: normal;

		text-transform: none;

	}

	.nav-sidebar.nav-vertical>li+li {

		border-top: 1px solid #464646;

		border-bottom: 2px solid #151515;

	}

	.danh-muc-section .product-small .product-title {
		margin-bottom: 0px
	}

	.danh-muc-section .product-small .product-title a {
		font-size: 15px;
		height: 38px;

		overflow: hidden;
		margin-bottom: 4px
	}

	.danh-muc-section .product-small .price span {
		font-size: 17px
	}

	.product-tabs li {
		width: 50%
	}

	.related .product-small .product-small .product-title a {
		font-size: 14px
	}

	.float-contact {
		display: none
	}

}