body {
	background: #fff;
}
@media (max-width: 767px) {
	.mid-header:after {
		content: '';
		width: 100%;
		position: absolute;
		background: var(--header-background);
		height: 200px;
		z-index: -1;
		clip-path: ellipse(100% 55% at 48% 44%);
		margin-top: 0;
		transform-origin: center center;
	}
}
.home-banner-group {
  --banner-column : calc(292 / 1200 * 100%);
	margin-top: 10px;
	display: grid;
	grid-template-columns: calc(100% - var(--banner-column)) var(--banner-column);
	grid-gap: 9px;
}
.home-banner-left {
	overflow: hidden;
	grid-column: var(--grid-colum);
}
.sub_banner {
	flex-direction: column;
	display: flex;
	grid-gap: 9px
}
.sub_banner--bottom {
	grid-column: 1 / span 3;
	flex-direction: row;
}
.sub_banner--bottom .banner {
	flex: 1 1 auto;
}
@media (max-width: 1024px) {
	.sub_banner {
		grid-gap: 8px;
	}
}
@media (max-width: 992px) {
	.sub_banner {
		grid-gap: 10px;
		padding-left: 10px;
	}
}
@media (max-width: 767px) {
	.sub_banner {
		grid-template-columns: 1fr 1fr;
		grid-gap: 15px;
	}
}
.home-slider {
	display: flex;
	align-items: center;
	max-width: 100%;
	overflow: hidden;
}
.home-slider .items {
	width: 100%;
	max-width: 100%;
	flex: 0 0 100%;
	overflow: hidden;
}
.home-slider .items img {
	width: 100%;
	object-fit: contain;
}
.home-slider .slick-arrow.slick-prev {
	left: 10px;
}
.home-slider .slick-arrow.slick-next {
	right: 10px;
}
@media (min-width: 768px) {
	.section_blog_right {
		max-height: 100%;
		overflow-y: auto;
		overflow-x: hidden;
		border-left: 1px solid #f7f7f7;
		position: absolute;
		top: 0;
		padding: 0 10px;
	}
}
@media (max-width: 767px) {
	.flashsale .container {
		padding: 0;
	}
}
.section_product_top .tab-content.current .row, .flashsale .row {
	--limit-column: 5;
	--percent: 44.333%;
}
@media (max-width: 991px) {
	.flashsale .row {
		display: grid;
		grid-template-rows: 1fr;
		grid-template-columns: repeat(var(--limit-column), 30%);
		overflow: auto;
		justify-content: start;
	}
	.section_product_top .tab-content.current .row::-webkit-scrollbar, .flashsale .row::-webkit-scrollbar, .section_product_tag .row.carousel::-webkit-scrollbar {
		display: none;
	}
	.section_product_top .tab-content.current .row, .flashsale .row {
		-ms-overflow-style: none;
		/* IE and Edge */
		scrollbar-width: none;
		/* Firefox */
		padding: 1px;
	}
	.section_product_top .tab-content.current .row .col-12, .flashsale .row .col-12 {
		padding: 5px;
	}
}
@media (max-width: 767px) {
	.section_product_top .tab-content.current .row, .flashsale .row, .section_product_tag .row.carousel {
		display: grid;
		grid-template-rows: 1fr;
		overflow: auto;
		justify-content: start;
		grid-template-columns: repeat(var(--limit-column), var(--percent));
		grid-template-columns: 1fr 1fr;
    	overflow: hidden;
	}
	.section_product_top .tab-content.current .row.one-row, .flashsale .row.one-row, .section_product_tag .row.carousel {
		display: flex;
		flex-wrap: nowrap;
		overflow: auto;
	}
	.section_product_top .tab-content.current .row.one-row .product-col, .flashsale .row.one-row .flashsale__item {
		flex: 0 0 44.333%;
		max-width: 44.333%;
	}
	.btn-outline-secondary {
		border-color: var(--border-color);
		color: #2F80ED
	}
}
.section_flashsale .row {
	margin-left: -5px;
	margin-right: -5px;
}
.section_flashsale .flashsale__item {
	padding: 5px;
}
.slick-pro-banner {
	width: 100%;
}
.slick-pro-banner, .slick-new:not(.slick-slider) {
	display: flex;
	align-items: start;
	overflow-x: auto;
	flex-wrap: nowrap;
	white-space: nowrap;
}
.slick-pro-banner::-webkit-scrollbar, .slick-new:not(.slick-slider)::-webkit-scrollbar {
	display: none;
}
.slick-pro-banner, .slick-new:not(.slick-slider) {
	-ms-overflow-style: none;
	/* IE and Edge */
	scrollbar-width: none;
	/* Firefox */
}
.slick-pro-banner .col-5, .slick-new:not(.slick-slider) .col-5 {
	padding: 5px;
}
.flashsale__news-title{
  color: #fff
}
.flashsale__news-list {
	display: flex;
}
.flashsale__news a {
	white-space: nowrap;
  color: #fff
}
.flashsale__news a:hover{
    color:#ffde2e
}
.section_banner_coll .row {
	overflow-x: auto;
	flex-wrap: nowrap;
}
.section_banner_coll .row::-webkit-scrollbar {
	display: none;
}
.section_banner_coll .row {
	-ms-overflow-style: none;
	/* IE and Edge */
	scrollbar-width: none;
	/* Firefox */
}
.banner_col {
	order: -1;
}
@media (min-width: 768px) {
	.banner_col.right {
		order: 1;
	}
}
@media (max-width: 991px) {
	.section_brand .item {
		flex: 0 0 170px;
		max-width: 170px;
		padding: 10px;
	}
	.section_brand .hrz-scroll {
		overflow-x: auto;
		flex-wrap: nowrap;
		justify-content: initial !important;
	}
}
@media (max-width: 768px) {
	.section_brand .item {
		flex: 0 0 140px;
		max-width: 140px;
		padding: 5px;
	}
}
.section_collections .item {
	padding: 10px 15px 0;
	margin: 0 auto;
	text-align: center;
}
.section_collections .item:hover img {
	filter: brightness(1.05);
}
.section_collections .item:hover a {
	color: var(--primary-color);
}
.section_collections .item > a {
	--deg: 100deg;
	--start-color: #fff;
	display: block;
	position: relative;
	/*border: 5px solid transparent;
	*/
	margin: 0 auto;
	transition: all 0.3s ease-out;
}
.section_collections img {
	z-index: 1;
	position: relative;
	margin: auto;
}
.section_collections .item h3 a {
	text-align: center;
	margin: 12px 0px 0px;
	padding: 0px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	font-size: 14px;
	line-height: 1.2;
	color: var(--text-color)
}
.section_collections .item:hover img {
	animation: tada 2s infinite;
}
@keyframes tada {
	0% {
		transform: scaleX(1);
	}
	10%, 20% {
		transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
	}
	30%, 50%, 70%, 90% {
		transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
	}
	40%, 60%, 80% {
		transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
	}
	to {
		transform: scaleX(1);
	}
}
.section_collections .row {
	overflow: auto;
}
.section_collections .row::-webkit-scrollbar {
	display: none;
}
.section_collections .item {
	width: 10%;
	flex: 0 0 10%;
}
.section-hot__banner {
	margin-right: -1px;
}
@media (max-width: 991px) {
	.section_collections .item {
		flex: 0 0 140px;
		max-width: 140px;
	}
}
@media (max-width: 767px) {
	.section_collections .item {
		flex: 0 0 30%;
		max-width: 30%;
	}
}
.section_product_tag .menu {
	display: flex;
	flex-wrap: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
}
.section_product_tag .menu__link {
	flex: 0 0 auto;
	white-space: nowrap;
}
@media (max-width: 992px) {
	.tag-list {
		white-space: nowrap;
		overflow: auto;
	}
}
.tag-item {
	padding: 4px 8px;
	background: var(--tag-bg);
	color: var(--tag-color);
	margin-top: 10px;
	display: inline-block;
	border-radius: 9999px;
	font-size: 14px;
	font-weight: 400;
	transition: border 0.3s ease-out;
	border: 1px solid var(--tag-bg);
}
.tag-item + .tag-item {
	margin-right: 5px;
}
.tag-item:hover {
	border: 1px solid var(--tag-color);
	color: var(--tag-color);
}
.section_blog .blogwp.media .image-blog {
	width: 190px;
	flex: 0 0 190px;
	border-radius: 8px;
	overflow: hidden;
}
.blogwp h3, .blogwp h3 a.link {
	font-size: 18px;
	line-height: 1.5;
	font-weight: 500;
}
.section_blog .blogwp.media h3, .section_blog .blogwp.media h3 a.link {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.3;
}
.section_blog .blogwp.media .button_custome_35.link {
	display: none;
}
.blogwp .card-body p {
	font-size: 14px;
	color: #727272;
}
.blogwp .media .media-body {
	display: flex;
	gap: 10px;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 5px;
}
.blogwp .button_custome_35.link {
	display: block;
	margin-top: 10px;
}
.blogwp .content_blog a {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.blogwp .content_blog .art-summary {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.section_brand .item {
	transition: transform .3s ease;
}
.section_brand .item:hover {
	transform: scale(1.1);
}
@media (max-width: 991px) {
	.home-banner-group {
		display: block;
	}
}
@media (max-width: 767px) {	
	.blog-list {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 10px;
	}
	.blogwp {
		display: block;
	}
	.blogwp.media + * {
		margin-top: 0;
		border-top: none;
		padding-top: 0;
	}
	.section_blog .blogwp.media .image-blog {
		width: 100%;
		flex: 0 0 100%;
		display: block;
		margin-bottom: 5px;
	}
}
@media (max-width: 320px) {
	.section_product_top .tab-content.current .row, .flashsale .row {
		--percent: 70%;
	}
}

.toogle-nav-wrapper.nav-index:hover{
	z-index: 99;
}

.toogle-nav-wrapper.nav-index .navigation {
    --nav-height: 75vh;
}

.toogle-nav-wrapper.nav-index:hover .navigation-wrapper {
    opacity: 1;
    visibility: visible;
    z-index: 90;
}

.toogle-nav-wrapper.nav-index:hover ~ .shop-policises:after {
    position: fixed;
	content: "";
    width: 100vw;
    height: 100vh;
    z-index: 7;
    background: rgba(0, 0, 0, .3);
    left: 0;
    top: 0;
}

@media(max-width: 991px){
		.tagnav--horizontal{
			display: none;
		}	
		.tagnav--scroll{
			display: flex;
		}
	}
	@media(min-width: 992px){
		.tagnav--horizontal{
			display: flex;
		}	
		.tagnav--scroll{
			display: none !important;
		}
	}
    .tagnav--horizontal {
        width: 100%;
        position: initial;
        justify-content: center;
    }

    .tagnav-wrapper {
        overflow: hidden;
        max-height: 45px;
    }

    .tagnav-wrapper > ul {
        --nav-height: 313px;
        min-height: 100%;
        overflow-x: auto;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        max-width: 100%;
        width: 100%;
    }

	.tagnav-wrapper > ul .menu-item {
		position: initial;
		background: transparent;
		border: none;
	}

	.tagnav-wrapper > ul .menu-item>a {
		text-decoration: none;
		white-space: nowrap;
		display: flex;
		align-items: center;
		background: var(--main-menu-bg);
		color: var(--main-menu-color);
		padding: 11px 16px;
		position: relative;
		border: 1px solid #f1f1f1;
		border-radius: 4px
	}

    .tagnav--horizontal .navigation-arrows {
        display: none;
    }

    .tagnav-wrapper.overflow+.navigation-arrows {
        display: flex;
        align-items: center;
    }

    .tagnav--horizontal .navigation-arrows i {
        width: 45px;
        height: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

    .tagnav--horizontal .navigation-arrows i.disabled {
        cursor: not-allowed;
        opacity: 0.3;
    }

.section-threed-cards .threed-card {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	perspective: 2500px;
}

.section-threed-cards .cover-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.section-threed-cards .threed-wrapper {
	transition: all 0.5s;
	width: 100%;
	z-index: -1;
}
.section-threed-cards .threed-hover-img {
	opacity: 0;
	transition: all 0.5s;
	position: absolute;
	z-index: -1;
}

@media (max-width: 991px) {
	.section-threed-cards .threed-card {
		max-width: 100%;
		margin: auto;
	}
}

@media(min-width: 1200px){
	.section-threed-cards .row {
		overflow: initial;
	}
	.section-threed-cards .threed-wrapper::before,
	.section-threed-cards .threed-wrapper::after {
		content: "";
		opacity: 0;
		width: 100%;
		height: 80px;
		transition: all 0.5s;
		position: absolute;
		left: 0;
	}

	.section-threed-cards .threed-wrapper::before {
		top: 0;
		height: 100%;
		background-image: linear-gradient(to top, transparent 46%, rgba(12, 13, 19, 0.5) 68%, rgba(12, 13, 19, 0.8) 97%);
	}

	.section-threed-cards .threed-wrapper::after {
		bottom: 0;
		opacity: 1;
		background-image: linear-gradient(to bottom, transparent 46%, rgba(12, 13, 19, 0.5) 68%, rgba(12, 13, 19, 0.8) 97%);
	}
	.section-threed-cards .threed-card:hover .threed-wrapper {
		transform: perspective(900px) translateY(-5%) rotateX(25deg) translateZ(0);
		box-shadow: 2px 35px 32px -8px rgba(0, 0, 0, 0.75);
		-webkit-box-shadow: 2px 35px 32px -8px rgba(0, 0, 0, 0.75);
		-moz-box-shadow: 2px 35px 32px -8px rgba(0, 0, 0, 0.75);
	}
	.section-threed-cards .threed-card:hover .threed-wrapper::before,
	.section-threed-cards .threed-wrapper::after {
		opacity: 1;
	}
	.section-threed-cards .threed-card:hover .threed-wrapper::after {
		height: 120px;
	}
	.section-threed-cards .threed-card:hover .threed-hover-img {
		opacity: 1;
		transform: translate3d(0, -30%, 0);
	}
}