:root {
	--bg-color: #000000;
	--text-color: #ffffff;
	--sticky-swiper-space: 0px;
	--slides-mobi-per-view: 2.5;
	--slides-1024-per-view: 2;
	--sticky-ipad-w: 700px;
	--sticky-1024-w: 924px;
	--sticky-1080-w: 980px;
	--flex-postion-nav: center;
}

.viewport.white-sub-theme {
	--bg-color: #ffffff;
	--text-color: #000000;
	--hover-text-color: #ffffff;
	--text-transform-upper: uppercase;
	--bathroom-title-font-style: "Playfair Display", serif;
	--font-18: 18px;
	--active-tab-color: #ffffff;
	--sticky-swiper-space: 10px;
	--slides-mobi-per-view: 2;
	--slides-1024-per-view:2;
	--sticky-ipad-w: 100%;
	--sticky-1024-w: 100%;
	--sticky-1080-w: 100%;
	--sticky-padding-w: 0px 10px;
	--flex-postion-nav: flex-start;
}


 .viewport {
	background-color: var(--bg-color);
	color: var(--text-color);
}

.product-bg {
	background-color: var(--bg-color);
}

.gold-text {
	color: #BDA371;
}

.sub-banner-sec,
.sub-grids-sec {
	position: relative;
}

.sub-banner-sec {
	margin-bottom: 30px;
}

.sub-banner-sec .sub-banner-img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.sub-sticky-nav-sec {
	overflow: visible;
	padding-top: 0px;
	background-color: var(--bg-color);
	color: var(--text-color);
}

.sub-sticky-nav-sec {
	position: sticky;
	top: 111px;
	z-index: 999;
	background-color: var(--bg-color);
}

.sub-sticky-nav-sec .sub-sticky-nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	font: normal normal 300 14px/17px Figtree;
	border: 1px solid #BDA371;
}

.sub-sticky-nav-sec .sub-sticky-nav>a,
.sub-sticky-nav-sec .sub-sticky-nav>span {
	padding: 20px 16px;
	color: var(--text-color);
}

.sub-sticky-nav-sec .sub-sticky-nav .shop-by-collect,
.sub-sticky-nav-sec .sub-sticky-nav .shop-by-prod {
	display: block;
}

.sub-sticky-nav-sec .mobi-visible {
	display: none;
}

.sub-sticky-nav-sec .sub-sticky-nav .shop-by-collect {
	text-transform: uppercase;
	border-right: 1px solid #BDA371;
	text-align: center;
	text-wrap: nowrap;
	transition: 0.4s ease;
	font-weight: 400;
	color: var(--text-color);
}

.sub-sticky-nav-sec .sub-sticky-nav .shop-by-collect:hover {
	border-right: 1px solid #BDA371;
	background-color: #BDA371;
	color: var(--hover-text-color);
}

.shop-by-collect.active-page,
.shop-by-prod.active-page {
	background: #BDA371;
	text-transform: uppercase;
	color: var(--active-tab-color) !important;
}

.sub-sticky-nav-sec .sub-sticky-nav .swiper.sticky-nav-menu-slider {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
}

.sub-sticky-nav-sec .sub-sticky-nav .swiper .swiper-wrapper
{
	padding: 0px 10px; 
}

.sub-sticky-nav-sec .sub-sticky-nav .swiper .swiper-wrapper .swiper-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: var(--flex-postion-nav);;
	-ms-flex-pack: var(--flex-postion-nav);;
	justify-content: var(--flex-postion-nav);
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer;
	padding: 20px 0px;
	text-wrap: nowrap;
	white-space: nowrap;
	font-weight: 400;
	font-size: 14px;
}

.white-sub-theme .sub-sticky-nav-sec .sub-sticky-nav .swiper .swiper-wrapper .swiper-slide
{
	width: auto !important;
	display: inline-block;
	padding: 20px 30px;
}

.sub-sticky-nav-sec .sub-sticky-nav>a,
.sub-sticky-nav-sec .sub-sticky-nav>label {
	padding: 20px 30px;
	color: #ffffff;
}

.sub-sticky-nav-sec .sub-sticky-nav .swiper .swiper-wrapper .swiper-slide .product-title {
	color: var(--text-color);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 20px 0px;
}

.sub-sticky-nav-sec .sub-sticky-nav .swiper .swiper-wrapper .swiper-slide .product-title:hover::after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	height: 5px;
	background: #BDA371;
}

.sub-sticky-nav-sec .sub-sticky-nav .swiper .swiper-wrapper .swiper-slide:hover::after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	height: 5px;
	width: 150px;
	margin: 0 auto;
	background: #BDA371;
	-webkit-transition: left 0.51s ease;
	-o-transition: left 0.51s ease;
	transition: left 0.51s ease;
}

.sub-sticky-nav-sec .sub-sticky-nav .swiper .swiper-wrapper .swiper-slide.swiper-slide-custom-active .inline-w::after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	height: 5px;
	width: 100%;
	margin: 0 auto;
	background: #BDA371;
	-webkit-transition: left 0.51s ease;
	-o-transition: left 0.51s ease;
	transition: left 0.51s ease;
}

.swiper-button-next:after, 
.swiper-rtl .swiper-button-prev:after,
.swiper-button-prev:after, 
.swiper-rtl .swiper-button-next:after
{
	content: none;
}

.sub-sticky-nav-sec .sub-sticky-nav .swiper .swiper-button-next {
	right: 0px;
	margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
	background-color: var(--bg-color);
	right: 0;
}

.sub-sticky-nav-sec .sub-sticky-nav .swiper .swiper-button-prev {
	margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
	background: var(--bg-color);
	left: 0;
}

.sub-sticky-nav-sec .sub-sticky-nav .product-name {
	position: relative;
	color: #BDA371;
	text-transform: uppercase;
	text-wrap: nowrap;
	margin-right: 20px;
	font-weight: 600;
	white-space: nowrap;
	text-transform: var(--text-transform-upper);
	font-family: var(--bathroom-title-font-style);
	font-size: var(--font-18);
}

.sub-sticky-nav-sec .sub-sticky-nav .product-name:after {
	content: "";
	width: 25px;
	height: 2px;
	position: absolute;
	top: 50%;
	background: #BDA371;
	right: 0%;
	bottom: 50%;
	-webkit-transform: translateX(18px);
	-ms-transform: translateX(18px);
	transform: translateX(18px);
}

.sub-sticky-nav-sec .sub-sticky-nav .shop-by-prod {
	text-transform: uppercase;
	border-left: 1px solid #BDA371;
	text-wrap: nowrap;
	text-align: center;
	-webkit-transition: 0.4s ease;
	-o-transition: 0.4s ease;
	transition: 0.4s ease;
	font-weight: 400;
	color: var(--text-color);
}

.sub-sticky-nav-sec .sub-sticky-nav .shop-by-prod:hover {
	border-left: 1px solid #BDA371;
	background-color: #BDA371;
	color: var(--hover-text-color);
}


/* final fix container width start  */
.sub-sticky-nav-sec {
	width: 1720px;
	margin: 0 auto;
	padding: 0px;
	padding-top: 50px;
}


@media (width <=1920px) {

	.sub-sticky-nav-sec {
		width: 1720px;
		margin: 0 auto;
	}

}

@media (width <=1680px) {

	.sub-sticky-nav-sec {
		width: 1480px;
		margin: 0 auto;
	}

}

@media (width <=1536px) {

	.sub-sticky-nav-sec {
		width: 1336px;
		margin: 0 auto;
	}

}

@media (width <=1440px) {
	.sub-sticky-nav-sec {
		width: 1240px;
		margin: 0 auto;
	}
}

@media (width <=1280px) {

	.sub-sticky-nav-sec {
		width: 1100px;
		margin: 0 auto;
	}
}


@media (width <=1100px) {

	.sub-sticky-nav-sec {
		width: 1080px;
		margin: 0 auto;
	}

}

@media (width <=1080px) {

	.sub-sticky-nav-sec {
		width: var(--sticky-1080-w);
		margin: 0 auto;
		padding: var(--sticky-padding-w);
	}

	.sub-sticky-nav-sec .sub-sticky-nav .swiper .swiper-wrapper .swiper-slide
	{
			justify-content: center;
	}

}

@media (width <=1024px) {

	.sub-sticky-nav-sec {
		width: 924px;
		margin: 0 auto;
	}

}

@media (width <=992px) {

	.sub-sticky-nav-sec {
		width: var(--sticky-ipad-w);
		margin: 0 auto;
		padding: var(--sticky-padding-w);
	}

}

@media (width <=1024px) {
	.sub-sticky-nav-sec {
		width: var(--sticky-1024-w);
		margin: 0 auto;
		padding: var(--sticky-padding-w);
	}
}

@media (width <=768px) {

	.sub-sticky-nav-sec {
		width: 100%;
		margin: 0 auto;
		padding: 0px 15px;
	}

}
/* final fix container width end  */

@media (width <= 1440px)
{
	.white-sub-theme .sub-sticky-nav-sec .sub-sticky-nav .swiper .swiper-wrapper .swiper-slide {
		padding: 20px 20px;
	}
}

.sub-sticky-nav-sec {
	padding-top: 0px;
	margin-bottom: 30px;
}

  @media (width <=1280px) {

	.sub-sticky-nav-sec .sub-sticky-nav .swiper .swiper-wrapper .swiper-slide.swiper-slide-custom-active::after {
		width: 100px;
		margin: 0 auto;
	}

	.white-sub-theme .sub-sticky-nav-sec .sub-sticky-nav .swiper .swiper-wrapper .swiper-slide {
		padding: 20px 14px;
	}
}
@media (width <=1024px)
{
	.white-sub-theme .sub-sticky-nav-sec .sub-sticky-nav .swiper .swiper-wrapper .swiper-slide {
    padding: 20px 22px;
}
}

@media (width <=1080px) {

	.sub-sticky-nav-sec .sub-sticky-nav .product-name {
		font-size: 16px;
	}
}

@media (width <=992px) {
	.sub-sticky-nav-sec .sub-sticky-nav .shop-by-collect,
	.sub-sticky-nav-sec .sub-sticky-nav .product-name,
	.sub-sticky-nav-sec .sub-sticky-nav .shop-by-prod {
		font-size: 12px;
		padding: 20px 18px;
	}
}

 @media (width <=768px) {
	.sub-sticky-nav-sec .sub-sticky-nav .shop-by-collect,
	.sub-sticky-nav-sec .sub-sticky-nav .shop-by-prod {
		display: none;
	}

	.sub-sticky-nav-sec .mobi-visible {
		display: block;
	}

	.sub-sticky-nav-sec .mobi-visible .shop-by-collect {
		text-transform: uppercase;
		border: 1px solid #BDA371;
		border-bottom: 0px;
		text-align: center;
		font-size: 8px;
		color: var(--text-color);
		background: var(--bg-color);
		padding: 10px 15px;
	}

	.sub-sticky-nav-sec .mobi-visible .shop-by-collect.active-page,
	.sub-sticky-nav-sec .mobi-visible .shop-by-prod.active-page {
		background: #BDA371;
		text-transform: uppercase;
		color: var(--active-tab-color);
	}

	.sub-sticky-nav-sec .mobi-visible .shop-by-collect:hover,
	.sub-sticky-nav-sec .mobi-visible .shop-by-prod:hover {
		border-right: 1px solid #BDA371;
		background-color: #BDA371;
		color: var(--hover-text-color);
	}


	.sub-sticky-nav-sec .mobi-visible .shop-by-prod {
		text-transform: uppercase;
		border: 1px solid #BDA371;
		border-bottom: 0px;
		text-align: center;
		font-size: 8px;
		color: var(--text-color);
		padding: 10px 15px;
	}

	.sub-sticky-nav-sec {
		padding: 0px;
		margin-bottom: 30px;
	}

	.sub-sticky-nav-sec .sub-sticky-nav .swiper .swiper-wrapper .swiper-slide {
		font-size: 10px;
		padding: 13px 0px;
	}

	.sub-sticky-nav-sec .sub-sticky-nav>a,
	.sub-sticky-nav-sec .sub-sticky-nav>span {
		padding: 13px 15px;
		font-size: 10px;
	}

	.sub-sticky-nav-sec .sub-sticky-nav .swiper .swiper-wrapper .swiper-slide.swiper-slide-custom-active::after,
	.sub-sticky-nav-sec .sub-sticky-nav .swiper .swiper-wrapper .swiper-slide:hover::after {
		width: auto;
		margin: 0 auto;
	}

}

  @media (width <=468px) {

	.sub-sticky-nav-sec .sub-sticky-nav>a,
	.sub-sticky-nav-sec .sub-sticky-nav>span {
		padding: 13px 15px !important;
		font-size: 10px !important;
	}

	.sub-sticky-nav-sec .sub-sticky-nav .swiper .swiper-button-prev,
	.sub-sticky-nav-sec .sub-sticky-nav .swiper .swiper-button-next {
		display: none;
	}

	.white-sub-theme .sub-sticky-nav-sec .sub-sticky-nav .swiper .swiper-wrapper .swiper-slide {
		padding: 20px 24px;
	}
}