:root {
	--theme-font: "Heebo", Arial, sans-serif;
	--theme-prime: #b8d54e;
	--theme-prime-rgb: 184, 213, 78;
	--theme-solid: #47555e;
	--theme-solid-rgb: 71, 85, 94;
	--theme-txt-color: #47555e;
	--theme-white: #fff;
	--theme-white-rgb: 255, 255, 255;
	--theme-black: #000;
	--theme-black-rgb: 0, 0, 0;
	--theme-dark: #151a03;
	--theme-dark-rgb: 21, 26, 3;
	--theme-bright: #f5f5f5;
	--theme-bright-rgb: 245, 245, 245;
	--theme-pale: #d5d5d5;
	--theme-pale-rgb: 213, 213, 213;
}

body {
	direction: rtl;
	text-align: right;
	font-family: var(--theme-font);
	font-size: 16px;
	font-weight: 400;
	color: var(--theme-txt-color);
}

.bg-theme {
	background-color: var(--theme-prime) !important;
}
.bg-theme-dark {
	background-color: var(--theme-dark) !important;
}
.bg-theme-bright {
	background-color: var(--theme-bright) !important;
}
.bg-theme-pale {
	background-color: var(--theme-pale) !important;
}
.bg-theme-solid {
	background-color: var(--theme-solid) !important;
}

.text-theme {
	color: var(--theme-prime) !important;
}
.text-theme-dark {
	color: var(--theme-dark) !important;
}
.text-theme-bright {
	color: var(--theme-bright) !important;
}
.text-theme-solid {
	color: var(--theme-solid) !important;
}
.text-theme-pale {
	color: var(--theme-pale) !important;
}

.btn-plain {
	--bs-btn-color: #fff;
	--bs-btn-bg: var(--theme-solid);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #626e76;
	--bs-btn-active-bg: #626e76;
	--bs-btn-active-border-color: #626e76;
	--bs-btn-active-color: #fff;
	position: relative;
	border: 0;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, outline 0.4s ease;
}
.btn-plain.prime {
	--bs-btn-bg: var(--theme-prime);
	--bs-btn-hover-bg: var(--theme-prime);
	--bs-btn-active-bg: var(--theme-prime);
	--bs-btn-active-border-color: var(--theme-prime);
	--bs-btn-hover-bg: #c2d971;
}
.btn-plain.pale {
	--bs-btn-color: var(--theme-solid);
	--bs-btn-bg: var(--theme-pale);
	--bs-btn-hover-color: var(--theme-solid);
	--bs-btn-hover-bg: var(--theme-pale);
	--bs-btn-active-bg: var(--theme-pale);
	--bs-btn-active-border-color: var(--theme-pale);
}
.btn-plain.whatsapp {
	--bs-btn-bg: #36dc54;
	--bs-btn-hover-bg: #25d366;
}
.btn-plain .icn {
	visibility: hidden;
	position: absolute;
	bottom: -100%;
	left: 0;
	right: 0;
	opacity: 0;
	z-index: -1;
	text-align: center;
	color: var(--bs-btn-hover-bg);
	pointer-events: none;
	transition: opacity .4s ease, visibility .4s linear;
}
.btn-plain:hover .icn {
	visibility: visible;
	opacity: 1;
	z-index: 1;
}
.btn-plain.outset-effect {
	--bs-btn-padding-x: 0.75rem;
	--bs-btn-padding-y: 0.125rem;
	outline: 1px solid transparent;
	outline-offset: 3px;
}
.btn-plain.outset-effect:hover,
.btn-plain.outset-effect:focus,
.btn-plain.outset-effect:active {
	outline-color: var(--bs-btn-hover-bg);
	outline-width: 1px;
	outline-style: solid;
}

.btn-main {
	--bs-btn-color: #000;
	--bs-btn-bg: var(--theme-prime);
	--bs-btn-border-color: var(--theme-prime);
	--bs-btn-hover-color: #000;
	--bs-btn-hover-bg: #c2d971;
	--bs-btn-hover-border-color: #c0d966;
	--bs-btn-focus-shadow-rgb: 11, 172, 204;
	--bs-btn-active-color: #000;
	--bs-btn-active-bg: #c2d971;
	--bs-btn-active-border-color: #c0d966;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #000;
	--bs-btn-disabled-bg: #d6d6d6;
	--bs-btn-disabled-border-color: #d6d6d6;
}

/*
 * DX Good stuff
 */
.adm-pos-tr {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 100;
}
.adm-pos-tl {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}
.adm-pos-br {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 100;
}
.adm-pos-bl {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 100;
}
.btn-adm, a.btn-adm {
	position: relative;
	display: inline-block;
	min-width: 30px;
	height: 30px;
	padding: 0;
	background-color: #c5c7ca;
	line-height: 30px;
	text-align: center;
	color: #3d3833;
	font-size: 18px;
	text-decoration: none;
	border: none;
	transition: all 0.4s ease 0s;
}
.btn-adm .on-label {
	display: inline-block;
	padding: 0 5px;
}
.btn-adm * {
	position: relative;
	z-index: 3;
}
.btn-adm::before,
.btn-adm::after {
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 100%;
	background-color: #2555a5;
	z-index: 0;
	content: "";
	transition: all 0.4s ease 0s;
}
.btn-adm::after {
	background-color: #e52b54;
	z-index: 1;
}
.btn-adm:hover {
	color: #fff;
}
.btn-adm:hover::before {
	width: 100%;
}
.btn-adm:hover::after {
	width: 4px;
}
.btn-adm.sm {
	min-width: 24px;
	height: 24px;
	line-height: 24px;
	font-size: 13px;
}
.hide-adm-ui .btn-adm,
.hide-adm-ui .adm-cont {
	display: none;
}

.form-error-msg {
	display: none;
	padding-top: 4px;
	font-size: 14px;
	color: #d00;
}
.form-error-msg.vis {
	display: block;
}
.form-error-msg.inline.vis {
	display: inline;
}

.dx-g-recaptcha {
	display: none;
}
.dx-recaptcha-notice {
	color: var(--theme-solid);
	font-size: 14px;
}
.dx-recaptcha-notice a {
	color: var(--theme-solid);
	text-decoration: underline;
}
.dx-recaptcha-notice a:hover {
	color: var(--theme-dark);
}

.dx-vect {
	--theme-fill-color: var(--theme-txt-color);
	--theme-hover-fill-color: var(--theme-txt-color);
	fill: var(--theme-fill-color);
	transition: fill .4s ease;
}
.text-white .dx-vect {
	--theme-fill-color: #fff;
	--theme-hover-fill-color: #fff;
}
.dx-vect.theme {
	--theme-fill-color: var(--theme-prime);
	--theme-hover-fill-color: var(--theme-prime);
}
.dx-vect.theme-solid {
	--theme-fill-color: var(--theme-solid);
	--theme-hover-fill-color: var(--theme-solid);
}
.dx-vect.theme-dark {
	--theme-fill-color: var(--theme-dark);
	--theme-hover-fill-color: var(--theme-dark);
}
.dx-vect.theme-bright {
	--theme-fill-color: var(--theme-bright);
	--theme-hover-fill-color: var(--theme-bright);
}
.dx-vect.theme-pale {
	--theme-fill-color: var(--theme-pale);
	--theme-hover-fill-color: var(--theme-pale);
}

.lt-link {
	--theme-cri-color: var(--theme-white);
	--theme-crt-color: var(--theme-prime);
}
.lt-link.inv {
	--theme-cri-color: var(--theme-prime);
	--theme-crt-color: var(--theme-white);
}
.thm-link {
	--theme-cri-color: var(--theme-solid);
	--theme-crt-color: var(--theme-prime);
}
.thm-link.alt, .xlink {
	--theme-cri-color: var(--theme-prime);
	--theme-crt-color: var(--theme-solid);
}
.drk-link {
	--theme-cri-color: var(--theme-dark);
	--theme-crt-color: var(--theme-prime);
}
.lt-link, .thm-link, .drk-link, .xlink {
	color: var(--theme-cri-color);
	text-decoration: none;
	transition: color 0.5s ease;
}
.lt-link:hover, .lt-link:focus,
.thm-link:hover, .thm-link:focus,
.drk-link:hover, .drk-link:focus,
.xlink:hover, .xlink:focus {
	color: var(--theme-crt-color);
}


.cr-shift {
	--theme-cri-bg: var(--theme-prime);
	--theme-cri-color: var(--theme-white);
	--theme-cri-border-color: var(--theme-prime);
	--theme-crt-bg: var(--theme-solid);
	--theme-crt-color: var(--theme-white);
	--theme-crt-border-color: var(--theme-solid);
	background-color: var(--theme-cri-bg);
	color: var(--theme-cri-color);
	transition: all 0.3s ease-in-out;
}
.xfrom-bg-none {
	--theme-cri-bg: transparent;
}
.xfrom-bg-theme {
	--theme-cri-bg: var(--theme-prime);
}
.xfrom-bg-solid {
	--theme-cri-bg: var(--theme-solid);
}
.xfrom-bg-pale {
	--theme-cri-bg: var(--theme-pale);
}
.xfrom-bg-black {
	--theme-cri-bg: var(--theme-black);
}
.xfrom-bg-dark {
	--theme-cri-bg: var(--theme-dark);
}
.xfrom-bg-white {
	--theme-cri-bg: var(--theme-white);
}
.xto-bg-none {
	--theme-crt-bg: transparent;
}
.xto-bg-solid {
	--theme-crt-bg: var(--theme-solid);
}
.xto-bg-pale {
	--theme-crt-bg: var(--theme-pale);
}
.xto-bg-black {
	--theme-crt-bg: var(--theme-black);
}
.xto-bg-dark {
	--theme-crt-bg: var(--theme-dark);
}
.xto-bg-white {
	--theme-crt-bg: var(--theme-white);
}
.xfrom-border-theme {
	--theme-cri-border-color: var(--theme-prime);
}
.xfrom-border-solid {
	--theme-cri-border-color: var(--theme-solid);
}
.xfrom-border-pale {
	--theme-cri-border-color: var(--theme-pale);
}
.xfrom-border-black {
	--theme-cri-border-color: var(--theme-black);
}
.xfrom-border-dark {
	--theme-cri-border-color: var(--theme-dark);
}
.xfrom-border-white {
	--theme-cri-border-color: var(--theme-white);
}
.xto-border-solid {
	--theme-crt-border-color: var(--theme-solid);
}
.xto-border-pale {
	--theme-crt-border-color: var(--theme-pale);
}
.xto-border-black {
	--theme-crt-border-color: var(--theme-black);
}
.xto-border-dark {
	--theme-crt-border-color: var(--theme-dark);
}
.xto-border-white {
	--theme-crt-border-color: var(--theme-white);
}
.xfrom-color-theme {
	--theme-cri-color: var(--theme-prime);
}
.xfrom-color-solid {
	--theme-cri-color: var(--theme-solid);
}
.xfrom-color-pale {
	--theme-cri-color: var(--theme-pale);
}
.xfrom-color-black {
	--theme-cri-color: var(--theme-black);
}
.xfrom-color-dark {
	--theme-cri-color: var(--theme-dark);
}
.xfrom-color-white {
	--theme-cri-color: var(--theme-white);
}
.xto-color-solid {
	--theme-crt-color: var(--theme-solid);
}
.xto-color-pale {
	--theme-crt-color: var(--theme-pale);
}
.xto-color-black {
	--theme-crt-color: var(--theme-black);
}
.xto-color-dark {
	--theme-crt-color: var(--theme-dark);
}
.xto-color-white {
	--theme-crt-color: var(--theme-white);
}
.cr-shift:hover {
	background-color: var(--theme-crt-bg);
	color: var(--theme-crt-color);
	border-color: var(--theme-crt-border-color);
}

.th-cls-btn {
	position: absolute;
	width: 24px;
	height: 24px;
	background-color: var(--theme-pale);
	border: 0;
	border-radius: 50%;
}
.th-cls-btn::before,
.th-cls-btn::after {
	position: absolute;
	top: 5px;
	left: 11px;
	width: 2px;
	height: 14px;
	background-color: var(--theme-solid);
	content: "";
}
.th-cls-btn::before {
	transform: rotateZ(-45deg);
}
.th-cls-btn::after {
	transform: rotateZ(45deg);
}

@-webkit-keyframes menu-nice-drop {
	0% {
		transform: translateY(-100%);
	}
	100% {
		transform: translateY(0);
	}
}
@keyframes menu-nice-drop {
	0% {
		transform: translateY(-100%);
	}
	100% {
		transform: translateY(0);
	}
}

/** site main top bar **/
.site-top-bar {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 997;
}
body.scrolled-away .site-top-bar {
	position: fixed;
	-webkit-animation: .5s ease-out 1 menu-nice-drop;
	animation: .5s ease-out 1 menu-nice-drop;
}
.site-top-bar .main-bar {
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	width: 100%;
	height: 70px;
	padding: 0 15px;
	background-color: var(--theme-solid);
	color: var(--theme-pale);
}

.site-top-bar .main-bar .mobile-menu-act-btn {
	margin-left: 10px;
}
.site-top-bar .main-bar .home-logo {
	align-self: center;
	margin: 0 auto;
}
.site-top-bar .main-bar .home-logo .img {
	width: auto;
	max-height: 45px;
}

.top-btn {
	align-self: center;
	padding: 0;
	background-color: transparent;
	color: var(--theme-pale);
	border: 0;
	cursor: pointer;
	transition: color .4s ease;
}
.top-btn:hover {
	color: #fff;
}
.top-btn .face {
	fill: var(--theme-pale);
	transition: fill .4s ease;
}
.top-btn:hover .face {
	fill: #fff;
}

.cart-btn {
	position: relative;
	z-index: 1;
	margin-right: 10px;
}
.cart-btn .face {
	width: 24px;
}
.cart-btn .count {
	position: absolute;
	left: -4px;
	bottom: 0;
	min-width: 14px;
	height: 14px;
	padding: 0 3px;
	z-index: 2;
	pointer-events: none;
	background-color: var(--theme-prime);
	line-height: 14px;
	font-weight: 500;
	font-size: 15px;
	color: var(--theme-solid);
	border-radius: 9px;
}

.site-top-bar .main-bar .search-toggler {
	margin-right: 10px;
}
.site-top-bar .main-bar .search-toggler .alt {
	display: none;
}
.site-top-bar .main-bar.searching .search-toggler .main {
	display: none;
}
.site-top-bar .main-bar.searching .search-toggler .alt {
	display: inline;
}

.form-pill {
	position: relative;
	align-self: center;
	flex: 1 1 auto;
	overflow: hidden;
	border: 2px solid var(--theme-prime);
	border-radius: 26px;
}
.form-pill form {
	display: block;
	width: 100%;
}
.form-pill .textbox {
	width: 100%;
	height: 36px;
	padding: 0 18px 0 40px;
	background-color: transparent;
	line-height: 36px;
	font-size: 18px;
	color: #fff;
	border: 0;
	outline: 0;
}
.form-pill .textbox::-moz-placeholder {
	opacity: 1;
	color: var(--theme-pale);
}
.form-pill .textbox::placeholder {
	opacity: 1;
	color: var(--theme-pale);
}
.form-pill .submit {
	position: absolute;
	top: 0;
	left: 0;
	width: 36px;
	height: 36px;
	background-color: var(--theme-pale);
	border: 0;
	outline: 0;
	border-radius: 0 50% 50% 0;
	transition: background-color .4s ease;
}
.form-pill .submit .face {
	width: 18px;
	fill: var(--theme-solid);
}
.form-pill .submit:hover,
.form-pill .textbox:focus + .submit {
	background-color: #fff;
}
.site-top-bar .main-bar .form-pill {
	display: none;
}
.site-top-bar .main-bar.searching .form-pill {
	display: block;
}

.cat-traverse {
	position: static;
	display: flex;
}
.cat-traverse .cat-activator {
	font-size: 20px;
}
.cat-traverse .cat-activator .bars {
	display: none;
}
.cat-traverse .cat-activator .btn-text {
	display: none;
}
.cat-traverse .cat-menu {
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	width: 100vw;
	max-height: calc(100vh - 80px);
	margin: 0;
	padding: 10px 0;
	background-color: #fff;
	color: var(--theme-txt-color);
	border: 1px solid var(--theme-solid);
	border-radius: 0 0 10px 10px;
	z-index: 10;
	overflow: auto;
}
.cat-traverse .cat-menu.reveal {
	display: block;
}
.cat-traverse .cat-menu > li {
	display: block;
	position: relative;
	padding: 2px 10px;
	font-weight: 500;
}
.cat-traverse .cat-menu .submenu li {
	padding: 3px 15px;
	font-size: 16px;
}
.cat-traverse .cat-menu a {
	color: var(--theme-txt-color);
	text-decoration: none;
	transition: color .4s ease;
}
.cat-traverse .cat-menu a:hover {
	color: var(--theme-prime);
}
.cat-traverse .cat-menu > li.has-sub {
	position: relative;
	padding-left: 25px;
}
.cat-traverse .cat-menu > li .ctrbtn {
	position: absolute;
	top: 4px;
	left: 8px;
	width: 10px;
	height: 22px;
	transition: transform .4s ease;
}
.cat-traverse .cat-menu > li > .ctrbtn {
	top: 0;
}
.cat-traverse .cat-menu > li .ctrbtn::after {
	font-family: FontAwesome;
	font-size: 18px;
	font-weight: 400;
	content: "\f100";
}
.cat-traverse .cat-menu > li .submenu {
	display: none;
	width: 100%;
	padding: 0;
}
.cat-traverse .cat-menu > li .submenu.reveal {
	display: block;
}
.cat-traverse .cat-menu > li .submenu > li {
	display: block;
	position: relative;
	padding: 6px 15px;
}
.cat-traverse .cat-menu > li .submenu.reveal ~ .ctrbtn {
	transform: rotate(-90deg);
}
.site-top-bar .main-bar .main-nav {
	display: none;
	margin-left: auto
}
.site-top-bar .main-bar .main-nav .main-menu a {
	text-decoration: none;
	transition: color .4s ease;
}
.site-top-bar .main-bar .main-nav .main-menu {
	display: flex;
	flex-wrap: wrap;
	height: 100%;
	padding: 0;
}
.site-top-bar .main-bar .main-nav .main-menu li {
	position: relative;
	display: block;
	color: var(--theme-pale);
}
.site-top-bar .main-bar .main-nav .main-menu > li a {
	color: var(--theme-pale);
}
.site-top-bar .main-bar .main-nav .main-menu > li > a:hover {
	color: #fff;
}
.site-top-bar .main-bar .main-nav .main-menu > li,
.site-top-bar .main-bar .main-nav .main-menu > li.has-sub {
	display: flex;
	height: 100%;
	align-items: center;
	padding: 0;
	font-size: 18px;
}
.site-top-bar .main-bar .main-nav .main-menu > li.has-sub li,
.site-top-bar .main-bar .main-nav .main-menu > li.has-sub li a {
	color: var(--theme-solid);
}
.site-top-bar .main-bar .main-nav .main-menu > li.has-sub li a:hover {
	color: var(--theme-dark);
}
.site-top-bar .main-bar .main-nav .main-menu > li.has-sub > a::after {
	display: inline-block;
	width: 7px;
	height: 7px;
	margin: 0 3px 3px 0;
	border-left: 2px solid var(--theme-pale);
	border-bottom: 2px solid var(--theme-pale);
	transform: rotate(-45deg);
	content: "";
}
.site-top-bar .main-bar .main-nav .main-menu > li + li {
	margin-right: 15px;
}
.site-top-bar .main-bar .main-nav .main-menu li .submenu {
	visibility: hidden;
	display: block;
	position: absolute;
	top: 100%;
	right: 0;
	min-width: 250px;
	padding-right: 0;
	opacity: 0;
	z-index: -1;
	background-color: #fff;
	border: 1px solid var(--theme-solid);
	transition: all .4s ease;
}
.site-top-bar .main-bar .main-nav .main-menu li:hover > .submenu {
	visibility: visible;
	opacity: 1;
	z-index: 999;
}
.site-top-bar .main-bar .main-nav .main-menu > li .submenu > li.has-sub {
	padding-left: 20px;
}
.site-top-bar .main-bar .main-nav .main-menu > li .submenu > li.has-sub::before,
.site-top-bar .main-bar .main-nav .main-menu > li .submenu > li.has-sub::after {
	position: absolute;
	top: 13px;
	left: 8px;
	width: 8px;
	height: 8px;
	border-left: 1px solid var(--theme-solid);
	border-bottom: 1px solid var(--theme-solid);
	content: "";
	transform: rotate(45deg);
}
.site-top-bar .main-bar .main-nav .main-menu > li .submenu > li.has-sub::before {
	left: 12px;
}
.site-top-bar .main-bar .main-nav .main-menu .submenu > li {
	padding: 5px 10px;
}
.site-top-bar .main-bar .main-nav .main-menu .submenu > li > .submenu {
	top: 0;
	right: 100%;
}

.site-top-bar .main-bar.searching .cart-btn,
.site-top-bar .main-bar.searching .home-logo,
.site-top-bar .main-bar.searching .cat-traverse {
	display: none;
}

@media(min-width: 576px){
	.cart-btn .face {
		width: 36px;
	}
	.cart-btn .count {
		left: -6px;
		bottom: -4px;
		min-width: 18px;
		height: 18px;
		padding: 0 4px;
		line-height: 18px;
		font-size: 16px;
	}
}
@media(min-width: 992px){
	.site-top-bar .main-bar {
		height: 100px;
		padding: 0 38px;
	}
	.site-top-bar .main-bar .home-logo {
		margin: 0 0 0 20px;
	}
	.site-top-bar .main-bar .home-logo .img {
		max-height: 60px;
	}
	.cart-btn .face {
		width: 42px;
	}

	.form-pill {
		border-radius: 26px;
	}
	.form-pill .textbox {
		height: 48px;
		padding: 0 24px 0 50px;
		line-height: 48px;
		font-size: 20px;
	}
	.form-pill .submit {
		width: 48px;
		height: 48px;
	}
	.form-pill .submit .face {
		width: 22px;
	}

	.cat-traverse {
		position: relative;
		margin-left: auto;
	}
	.cat-traverse .cat-activator .face {
		display: none;
	}
	.cat-traverse .cat-activator .bars {
		display: inline;
		width: 13px;
	}
	.cat-traverse .cat-activator .btn-text {
		display: inline;
	}
	.cat-traverse .cat-menu {
		top: calc(100% - 20px);
		width: 250px;
		max-height: calc(100vh - 90px);
		overflow: visible;
		border-radius: 10px;
	}
	.cat-traverse .cat-menu li {
		font-size: 16px;
	}
	.cat-traverse .cat-menu > li .ctrbtn {
		display: none;
	}
	.cat-traverse .cat-menu > li.has-sub {
		padding-left: 25px;
	}
	.cat-traverse .cat-menu > li.has-sub::after {
		position: absolute;
		top: 0;
		left: 8px;
		font-family: FontAwesome;
		font-size: 18px;
		content: "\f100";
	}
	.cat-traverse .cat-menu > li .submenu {
		display: block;
		visibility: hidden;
		position: absolute;
		top: 0;
		left: -200px;
		width: 200px;
		padding: 10px 0;
		background-color: #fff;
		border: 1px solid var(--theme-solid);
		border-radius: 10px;
		opacity: 0;
		transform: translateX(15px);
		transition: all .4s ease;
	}
	.cat-traverse .cat-menu > li .submenu li {
		padding: 2px 10px;
		font-size: 16px;
	}
	.cat-traverse .cat-menu > li:hover .submenu {
		visibility: visible;
		opacity: 1;
		transform: translateX(0);
	}
}
@media(min-width: 1200px){
	.site-top-bar .main-bar .mobile-menu-act-btn {
		display: none;
	}
	.cat-traverse {
		margin-left: 20px;
	}
	.cat-traverse .cat-menu {
		width: 320px;
	}
	.cat-traverse .cat-menu > li .submenu {
		width: 250px;
		left: -250px;
	}
	.cat-traverse .cat-menu > li,
	.cat-traverse .cat-menu > li .submenu li {
		font-size: 18px;
	}

	.site-top-bar .main-bar .main-nav {
		display: block;
	}
}
@media(min-width: 1400px){
	.site-top-bar .main-bar .search-toggler {
		display: none;
	}
	.site-top-bar .main-bar.searching .cart-btn,
	.site-top-bar .main-bar.searching .home-logo{
		display: block;
	}
	.site-top-bar .main-bar.searching .cat-traverse {
		display: flex;
	}

	.site-top-bar .main-bar .form-pill,
	.site-top-bar .main-bar.searching .form-pill {
		flex: 0 0 auto;
		width: 280px;
		display: block;
	}

	.cat-traverse .cat-activator .bars {
		width: 14px;
	}
	.cat-traverse .cat-activator .btn-text {
		font-size: 22px;
	}
}
@media(min-width: 1600px){
	.site-top-bar .main-bar .home-logo,
	.cat-traverse {
		margin-left: 40px;
	}
	.cart-btn {
		margin-right: 30px;
	}

	.site-top-bar .main-bar .main-nav .main-menu > li,
	.site-top-bar .main-bar .main-nav .main-menu > li.has-sub {
		font-size: 22px;
	}
	.site-top-bar .main-bar .main-nav .main-menu > li + li {
		margin-right: 25px;
	}
}
@media(min-width: 1800px){
	.site-top-bar .main-bar .form-pill,
	.site-top-bar .main-bar.searching .form-pill {
		flex: 0 0 auto;
		width: 360px;
	}
}

.mobile-side-nav {
	visibility: hidden;
	display: flex;
	position: fixed;
	top: 0;
	right: 0;
	flex-direction: column;
	min-height: 100vh;
	width: 100%;
	padding: 50px 0 15px;
	opacity: 0;
	background-color: #fff;
	z-index: 999;
	border-left: 1px solid var(--theme-pale);
	transform: translate(100%,0);
	transition: transform .4s ease-in-out, opacity .4s linear, visibility .4s linear;
}
.mobile-side-nav .th-cls-btn {
	top: 15px;
	left: 15px;
}
.mobile-side-nav.shown {
	visibility: visible;
	opacity: 1;
	transform: translate(0,0);
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
}
.mobile-side-nav.watermark::before {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: -1;
	content: url("../images/logo-watermark.png");
}
.mobile-side-nav .navigator {
	display: block;
	flex: 1 1 auto;
	height: 0;
	padding: 0 15px;
	overflow-y: auto;
}
.mobile-side-nav .navigator .menu {
	display: block;
	margin: 0;
	padding: 0;
}
.mobile-side-nav .navigator .menu li,
.mobile-side-nav .navigator .menu a {
	color: var(--theme-solid);
	text-decoration: none;
}
.mobile-side-nav .navigator .menu a:hover {
	color: var(--theme-dark);
}
.mobile-side-nav .navigator .menu li {
	display: block;
	position: relative;
	padding-top: 5px;
	padding-bottom: 5px;
}
.mobile-side-nav .navigator .menu li.has-sub {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.mobile-side-nav .navigator .menu li.has-sub .mbt {
	display: block;
	position: relative;
	margin: 2px 0 4px 0;
	width: 18px;
	height: 18px;
	order: 1;
}
.mobile-side-nav .navigator .menu li.has-sub .mbt::after {
	position: absolute;
	top: 5px;
	left: 5px;
	width: 8px;
	height: 8px;
	line-height: 8px;
	font-family: FontAwesome;
	font-size: 18px;
	font-weight: 400;
	content: "\f100";
	transform-origin: 50% 50%;
	transition: transform .3s ease;
}
.mobile-side-nav .navigator .menu  li > a .icon {
	display: none;
}
.mobile-side-nav .navigator .menu li.has-sub.expanded > .mbt::after {
	transform: rotate(-90deg);
}
.mobile-side-nav .navigator .menu li .submenu {
	display: none;
	width: 100%;
	padding: 0 10px 0 0;
	order: 2;
}
.mobile-side-nav .navigator .menu li .submenu.reveal {
	display: block;
}
@media (min-width: 320px){
	.mobile-side-nav {
		width: 310px;
	}
}

.side-cart {
	visibility: hidden;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	width: 98%;
	height: 100%;
	padding: 60px 15px 15px;
	background-color: #fff;
	border-left: 1px solid transparent;
	z-index: 998;
	transition: all 250ms ease-in;
	transform: translate(-100%, 0);
}
.side-cart.vis {
	visibility: visible;
	opacity: 1;
	border-left-color: var(--theme-pale);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
	transform: translate(0, 0);
}
.side-cart .cart-inner {
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 100%;
	flex-direction: column;
	justify-content: space-between;
}
.side-cart .cart-title {
	position: absolute;
	top: 15px;
	right: 0;
	width: 100%;
	margin: 0;
	text-align: center;
	font-size: 24px;
	color: var(--theme-prime);
}
.side-cart .dismiss-btn {
	top: 15px;
	left: 15px;
}
.side-cart .cart-total {
	display: flex;
	justify-content: space-between;
	font-size: 20px;
	font-weight: 500;
}
.side-cart .cart-pane {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	overflow: auto;
}
.side-cart ul.listing {
	flex: 1 1 auto;
	width: 100%;
	padding: 0;
}
.side-cart ul.listing > li {
	display: -ms-flexbox;
	display: flex;
	padding: 5px 0 15px;
}
.side-cart ul.listing > li:first-child {
	padding-top: 0;
}
.side-cart ul.listing > li .p-img {
	display: flex;
	flex-direction: column;
	flex: 0 0 85px;
	justify-content: center;
	width: 85px;
	margin: 0 0 0 10px;
	padding: 4px;
	border: 1px solid var(--theme-solid);
	border-radius: 5px;
}
.side-cart ul.listing > li .p-img a {
	display: block;
	width: 100%;
}
.side-cart ul.listing > li .p-img a img {
	width: 100%;
	height: auto;
}
.side-cart ul.listing > li .info {
	position: relative;
	flex: 1 1 auto;
	font-size: 14px
}
.side-cart ul.listing > li .info .del {
	display: block;
	position: relative;
	float: left;
	width: 16px;
	height: 19px;
	margin: 0 4px 6px 0;
	background: var(--theme-solid);
	-webkit-mask-image: url("../images/icons/trash.svg");
	mask-image: url("../images/icons/trash.svg");
}
.side-cart ul.listing > li .info .del:hover {
	background: var(--theme-dark);
}
.side-cart ul.listing > li .info .heading {
	margin: 0 0 10px;
	font-size: 14px;
	font-weight: 600;
	color: var(--theme-solid);
}
.side-cart ul.listing > li .info .heading a {
	color: var(--theme-solid);
	text-decoration: none;
}
.side-cart ul.listing > li .info .product-var {
	display: block;
	font-style: italic;
}
.side-cart .cart-subtotal {
	padding: 15px 0 0;
}
.side-cart .subs .cart-subtotal:last-child {
	padding: 15px 0;
	border-bottom: 1px solid #ebebeb;
}
@media (min-width: 320px){
	.side-cart {
		width: 300px;
	}
}
@media (min-width: 576px){
	.side-cart {
		width: 420px;
		padding: 60px 25px 15px;
	}
	.side-cart .cart-title {
		top: 15px;
		right: 25px;
	}
}

.viewport {
	margin-top: 70px;
	overflow-x: hidden;
}
@media(min-width: 992px){
	.viewport {
		margin-top: 100px;
	}
}
.viewport.burrowed {
	margin-top: 0;
}

.page-heading {
	display: flex;
	align-items: center;
	font-size: 24px;
}
.page-heading.center {
	justify-content: center;
}
.page-heading::before,
.page-heading::after {
	width: 16px;
	height: 2px;
	margin: 0 10px;
	background-color: var(--theme-prime);
	content: "";
}
@media(min-width: 992px){
	.page-heading {
		font-size: 32px;
	}
}

.blog-page-meta {
	display: flex;
	padding: 0;
	gap: 10px 6px;
	list-style: outside none;
	font-weight: 200;
	color: var(--theme-txt-color);
}

.single-blog-post .blog-title {
	display: block;
	font-size: 18px;
	color: var(--theme-solid);
}
.single-blog-post .blog-title a {
	color: currentColor;
	text-decoration: none;
}
.single-blog-post .read-more-btn {
	font-weight: 600;
	color: var(--theme-prime);
	text-decoration: none;
}

.sidebar-widget .lister {
	display: block;
	padding: 0;
	list-style: outside none;
	color: var(--theme-txt-color);
}
.sidebar-widget .lister .linker,
.recent-single-post .media-side .linker {
	color: currentColor;
	text-decoration: none;
}
.recent-single-post {
	display: flex;
}
.recent-single-post .thumb-side {
	width: 80px;
	margin-left: 10px;
	flex-shrink: 0;
}
.recent-single-post .txt-sec {
	font-size: 14px;
	font-weight: 200;
	color: var(--theme-txt-color);
}

/** YT video showcase **/
.welcome-video-fs {
    position: relative;
    width: 100%;
	height: 100vh;
    display: block;
    background-color: var(--theme-pale);
	z-index: 90;
	overflow: hidden;
}
.welcome-video-fs .player-container {
    position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    z-index: 0;
}
.welcome-video-fs .video-blind {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: #000 url("../images/vid-blind-bg.jpg") scroll 50% 50% no-repeat;
	background-size: cover;
    opacity: 1;
    transition: opacity .5s linear 0s;
}
.welcome-video-fs.reveal .video-blind {
    opacity: 0;
}
.welcome-video-fs .video-blind .video-loader {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 1;
}
.welcome-video-fs .video-blind .video-loader::after {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	border-top: 10px solid var(--theme-prime);
	z-index: 2;
	content: "";
	transform-origin: 100% 0;
	animation: underswipe 1s linear infinite;
}
.welcome-video-fs .mute-button {
	position: absolute;
	top: 100px;
	left: 10px;
	width: 50px;
	height: 50px;
	z-index: 1;
	background: var(--theme-prime) url("../images/icons/mute-sound.svg") scroll 50% 50% no-repeat;
	background-size: 36px 36px;
	opacity: 0.8;
	cursor: pointer;
	border-radius: 50%;
}
.welcome-video-fs.reveal .mute-button {
	z-index: 4;
}
.welcome-video-fs .mute-button:hover {
	opacity: 1;
}
.welcome-video-fs .mute-button.muted {
	background-image: url("../images/icons/mute-sound-muted.svg");
}
.welcome-video-fs .player-container > iframe {
    margin: auto;
}
.welcome-video-fs .text-layer,
.welcome-video-fs .text-layer.overlayed::before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.welcome-video-fs .text-layer {
	display: flex;
	visibility: hidden;
	opacity: 0;
	flex-direction: column;
	justify-content: center;
	z-index: auto;
	transition: opacity .4s linear;
}
.welcome-video-fs.reveal .text-layer {
	visibility: visible;
	opacity: 1;
}
.welcome-video-fs .text-layer.overlayed::before {
	background-color: var(--theme-dark);
	opacity: .7;
	content: "";
}
.welcome-video-fs .text-layer.overlayed.o4::before {
	opacity: .4;
}
.welcome-video-fs .text-layer.overlayed.o5::before {
	opacity: .5;
}
.welcome-video-fs .text-layer.overlayed.o6::before {
	opacity: .6;
}
.welcome-video-fs .text-layer.overlayed.o8::before {
	opacity: .8;
}
.welcome-video-fs .text-layer.overlayed.o9::before {
	opacity: .9;
}
.welcome-video-fs .text-layer .inner {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0 30px;
	z-index: 3;
	color: #fff;
}
.welcome-video-fs .text-layer .inner .prominent {
	margin: 0;
	font-size: 55px;
	font-weight: 700;
}
.welcome-video-fs .text-layer .down-btn {
	width: 50px;
	height: 30px;
}
.welcome-video-fs .text-layer .down-btn img {
	width: 100%;
	height: auto;
	transition: transform .3s ease;
}
.welcome-video-fs .text-layer .down-btn:hover img {
	transform: translateY(10px);
}
@media(min-width: 768px){
	.welcome-video-fs .text-layer .inner {
		padding: 0 50px;
	}
	.welcome-video-fs .text-layer .inner .prominent {
		font-size: 80px;
	}
}
@media(min-width: 992px){
	.welcome-video-fs .mute-button {
		top: 130px;
	}
	.welcome-video-fs .text-layer .inner {
		width: 960px;
		padding: 0 15px;
	}
}
@media(min-width: 1200px){
	.welcome-video-fs .text-layer .inner {
		width: 1140px;
	}
	.welcome-video-fs .text-layer .inner .prominent {
		font-size: 120px;
	}
}

@keyframes underswipe {
	0% {
		transform: translateX(0) scaleX(0);
	}
	50% {
		transform: translateX(0) scaleX(1);
	}
	100% {
		transform: translateX(-100%) scaleX(0);
	}
}
@-webkit-keyframes underswipe {
	0% {
		-webkit-transform: translateX(0) scaleX(0);
	}
	50% {
		-webkit-transform: translateX(0) scaleX(1);
	}
	100% {
		-webkit-transform: translateX(-100%) scaleX(0);
	}
}


.breadcrumb-links {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	list-style: outside none;
	font-weight: 500;
}
.breadcrumb-links.center {
	justify-content: center;
}
.breadcrumb-links li {
	position: relative;
	white-space: nowrap;
}
.breadcrumb-links li a {
	color: var(--theme-txt-color);
	text-decoration: none;
}
.breadcrumb-links li a:hover {
	color: var(--theme-prime);
}
.breadcrumb-links li + li {
	margin-right: 10px;
}
.breadcrumb-links li:not(:last-child) {
	padding-left: 20px;
}
.breadcrumb-links li:not(:last-child)::after {
	position: absolute;
	top: 0;
	left: 0;
	font-family: "FontAwesome";
	font-weight: 400;
	content: "\f100";
}
@media (min-width: 992px){
	.breadcrumb-links {
		font-size: 20px;
	}
}

.inline-chain {
	margin-bottom: 10px;
	padding: 0;
	list-style: outside none;
	font-size: 18px;
	font-weight: 200;
}
.inline-chain > li {
	display: inline-block;
}
.inline-chain > li:not(:last-child)::after {
	display: inline-block;
	content: " /";
}
@media (min-width: 992px){
	.inline-chain {
		font-size: 24px;
	}
}
@media (min-width: 1600px){
	.inline-chain {
		font-size: 30px;
	}
}

.check-list {
	list-style: outside none;
	margin-right: -15px;
	padding: 0;
	font-size: 16px;
	font-weight: 500;
}
.check-list > li {
	display: flex;
	align-items: center;
	margin-bottom: 5px;
	padding-right: 15px;
}
.check-list > li::before {
	width: 28px;
	height: 28px;
	margin-left: 10px;
	background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='37' height='34' viewBox='-0.063 0.18 37 34' stroke='%23b8d54e'%3E%3Cpath fill='none' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round' d='M31.872,14.175c2.357,3.802,2.973,8.161,1.26,11.944c-3.096,6.843-12.621,9.213-21.277,5.299C3.198,27.499-1.307,18.777,1.788,11.938c3.095-6.839,12.619-9.21,21.275-5.294c0.145,0.065,0.287,0.132,0.428,0.199'/%3E	%3Cpolyline fill='none' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round' points='10.907,18.454 16.552,24.489 36.062,1.055'/%3E%3C/svg%3E") scroll 50% 50% no-repeat;
	background-size: contain;
	content: "";
}
.check-list.generic {
	margin: 0;
	font-size: inherit;
	font-weight: inherit;
}
.check-list.generic > li {
	display: block;
	padding-right: 0;
}
.check-list.generic > li::before {
	display: inline-block;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='37' height='34' viewBox='-0.063 0.18 37 34' stroke='%2347555e'%3E%3Cpath fill='none' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round' d='M31.872,14.175c2.357,3.802,2.973,8.161,1.26,11.944c-3.096,6.843-12.621,9.213-21.277,5.299C3.198,27.499-1.307,18.777,1.788,11.938c3.095-6.839,12.619-9.21,21.275-5.294c0.145,0.065,0.287,0.132,0.428,0.199'/%3E	%3Cpolyline fill='none' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round' points='10.907,18.454 16.552,24.489 36.062,1.055'/%3E%3C/svg%3E")
}

.list-cat {
	list-style: outside none;
	padding-right: 1rem;
	border-right: 2px solid var(--theme-solid);
}
.list-cat a {
	color: var(--theme-txt-color);
	text-decoration: none;
}
.list-cat li {
	font-size: 18px;
	font-weight: 500;
}

.non-public {
	display: none;
}

.hotspot {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
	content: "";
}

.feat-cell {
	position: relative;
	overflow: hidden;
	border: 2px solid var(--theme-solid);
	border-radius: 10px;
}
.feat-cell img {
	width: 100%;
	height: auto;
	transition: transform .4s ease;
}
.feat-cell:hover img {
	transform: scale(1.1);
}
.feat-cell .title {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 2px 5px;
	background-color: var(--theme-solid);
	text-align: center;
	font-weight: 500;
	color: #fff;
	white-space: nowrap;
}
@media (min-width: 1200px){
	.feat-cell .title {
		font-size: 20px;
	}
}

.get-to-know {
	padding-bottom: 60px;
	font-size: 20px;
	font-weight: 300;
}
.get-to-know strong {
	font-weight: 600;
}
.get-to-know .intro-logo {
	width: 100px;
	height: auto;
}
.get-to-know .shout {
	font-size: 24px;
	font-weight: 300;
}
.get-to-know .resp-top {
	margin-top: 40px;
}
.get-to-know .grph-place {
	position: absolute;
	top: 0;
	z-index: 0;
}
.get-to-know .grph-place.v1 {
	left: 0;
	width: 50px;
}
.get-to-know .solid-start {
	position: relative;
}
.get-to-know .solid-start {
	display: none;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 200px;
	height: auto;
	z-index: 0;
}
@media (min-width: 576px){
	.get-to-know {
		margin-bottom: 80px;
	}
	.get-to-know .p-sm-r {
		position: relative;;
	}
	.get-to-know .resp-top {
		margin-top: 60px;
	}
	.get-to-know .intro-logo {
		width: 140px;
	}
	.get-to-know .shout {
		font-size: 36px;
	}
	.get-to-know .grph-place.v1 {
		left: -120px;
		width: 70px;
	}
}
@media (min-width: 768px){
	.get-to-know {
		margin-bottom: 120px;
		font-size: 24px;
	}
	.get-to-know .p-md-r {
		position: relative;;
	}
	.get-to-know .resp-top {
		margin-top: 100px;
	}
}
@media (min-width: 992px){
	.get-to-know .p-lg-r {
		position: relative;;
	}
	.get-to-know .intro-logo {
		width: 200px;
	}
	.get-to-know .resp-top {
		margin-top: 120px;
	}
	.get-to-know .shout {
		font-size: 40px;
	}
	.get-to-know .solid-start {
		display: block;
		width: 240px;
	}
}
@media (min-width: 1200px){
	.get-to-know .p-xl-r {
		position: relative;;
	}
	.get-to-know {
		margin-top: -50px;
	}
	.get-to-know .resp-top {
		margin-top: 140px;
	}
	.get-to-know .shout {
		font-size: 60px;
	}
	.get-to-know .grph-place.v1 {
		left: -220px;
		width: 90px;
	}
	.get-to-know .solid-start {
		width: 300px;
	}
}
@media (min-width: 1400px){
	.get-to-know .p-xxl-r {
		position: relative;
	}
}
@media (min-width: 1600px){
	.get-to-know {
		margin-top: -80px;
		font-size: 32px;
	}
	.get-to-know .resp-top {
		margin-top: 200px;
	}
	.get-to-know .solid-start {
		width: 400px;
	}
}

.nav-tabs.rich {
	border-bottom: 0;
}
.nav-tabs.rich .nav-item {
	position: relative;
	margin-bottom: 0;
}
.nav-tabs.rich .nav-link {
	height: 100%;
	padding-bottom: 5px;
	border: 0;
	border-radius: 0;
	opacity: 0.5;
	color: var(--theme-txt-color);
	cursor: pointer;
	transition: border-color .5s ease;
}
.nav-tabs.rich .nav-item.show .nav-link,
.nav-tabs.rich .nav-link.active {
	opacity: 1;
}
.nav-tabs.rich .nav-link .heading {
	margin: 0 0 5px;
	line-height: 1;
	font-family: "Anton";
	font-size: 30px;
	font-weight: 400;
	color: var(--theme-prime);
	transition: font-size .4s ease;
}
@media (min-width: 576px){
	.nav-tabs.rich .nav-link .heading {
		font-size: 40px;
	}
}
@media (min-width: 1600px){
	.nav-tabs.rich .nav-link .heading {
		line-height: 80px;
		font-size: 50px;
	}
	.nav-tabs.rich .nav-link.active .heading {
		font-size: 80px;
	}
}
.nav-tabs.rich .page-heading {
	font-size: 16px;
	font-weight: 500;
}
.nav-tabs.rich .page-heading::before,
.nav-tabs.rich .page-heading::after {
	width: 10px;
	height: 2px;
}

.product-details-content a:not(.btn) {
	text-decoration: none;
	color: var(--theme-txt-color);
}

.product-details-content .prod-title-brand {
	width: 220px;
	margin-right: 10px;
}
.product-details-content .prod-title-brand img {
	display: inline-block;
	width: auto;
	max-width: 100%;
	height: auto;
}

.mobile-product-title {
	margin: 0 0 20px;
	padding-bottom: 5px;
	font-size: 20px;
	border-bottom: 2px solid var(--theme-prime);
}
.product-title {
	max-width: 300px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	font-size: 20px;
	font-weight: 500;
	border-bottom: 2px solid var(--theme-prime);
}
@media (min-width: 768px){
	.mobile-product-title {
		font-size: 24px;
	}
}
@media (min-width: 1200px){
	.product-title {
		max-width: 400px;
		padding-bottom: 10px;
		font-size: 33px;
	}
}
@media (min-width: 1600px){
	.product-title {
		max-width: 500px;
	}
}

.spec-heading{
	display: block;
	margin: 0;
	padding: 0 4px;
	background-color: var(--theme-pale);
	color: var(--theme-solid);
	font-size: 18px;
	font-weight: 600;
	line-height: 1.5;
}

.stock-available {
	--theme-stock-color: #13680c;
	display: inline-block;
	line-height: 20px;
	color: var(--theme-stock-color);
	font-size: 15px;
}
.stock-available.outof {
	--theme-stock-color: #b50c0c;
}
.stock-available .lines {
	stroke: var(--theme-stock-color);
	fill: var(--theme-stock-color);
}
.stock-available .icn {
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-left: 2px;
	background-color: var(--theme-stock-color);
	text-align: center;
	line-height: 18px;
	font-size: 11px;
	color: #fff;
	border-radius: 50%;
}

.swiper-button-next.themed,
.swiper-button-prev.themed {
	width: 15px;
	height: 30px;
	margin-top: -15px;
	background-color: transparent;
	background-size: 15px 30px;
	border: 0;
}
.swiper-button-prev.themed,
.swiper-container-rtl .swiper-button-next.themed {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='30' viewBox='0 0 15 30'%3E%3Cpolyline fill='none' stroke='%23fff' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' points='13,28 2,15 13,2'/%3E%3Cpolyline fill='none' stroke='%2347555e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' points='13,28 2,15 13,2'/%3E%3C/svg%3E");
}
.swiper-button-next.themed,
.swiper-container-rtl .swiper-button-prev.themed {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='30' viewBox='0 0 15 30'%3E%3Cpolyline fill='none' stroke='%23fff' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' points='2,28 13,15 2,2'/%3E%3Cpolyline fill='none' stroke='%2347555e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' points='2,28 13,15 2,2'/%3E%3C/svg%3E");
}

.product-info {
	position: relative;
	z-index: 1;
	font-size: 18px;
}
.product-info.restricted {
	max-height: 300px;
	overflow: hidden;
}
.product-info.restricted::after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 80px;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	z-index: 2;
	content: "";
}
@media (min-height: 800px){
	.product-info.restricted {
		max-height: 500px;
	}
}

.prod-var-sect .label {
	margin-bottom: 10px;
	font-weight: 500;
}

.pricing-meta .prod-price {
	font-size: 18px;
	font-weight: 300;
}
.pricing-meta .prod-price:not(.old) {
	color: var(--theme-prime);
	font-size: 24px;
}
@media (min-width: 1600px){
	.pricing-meta .prod-price {
		font-size: 20px;
	}
	.pricing-meta .prod-price:not(.old) {
		font-size: 32px;
	}
}

.pricing-price ul {
	padding: 0;
	list-style: outside none;
}
.current-price {
	color: var(--theme-prime);
	display: inline-block;
}
.old-price {
	display: inline-block;
	color: var(--theme-pale);
	font-weight: 400;
	text-decoration: line-through;
	margin-right: 2px;
	font-size: 14px;
}

.qty-ui-counter {
	--theme-qty-ui-height: 32px;
	--theme-qty-ui-btn-width: 24px;
	--theme-qty-ui-font-size: 16px;
	position: relative;
	display: flex;
	width: 100px;
	border: 1px solid var(--theme-solid);
	border-radius: 32px;
}
.qty-ui-counter.sm {
	--theme-qty-ui-height: 24px;
	--theme-qty-ui-font-size: 14px;
}
.qty-ui-counter > input {
	flex: 1 0 auto;
	width: calc(100% - 48px);
	height: var(--theme-qty-ui-height);
	margin: 0;
	padding: 0 var(--theme-qty-ui-btn-width);
	background-color: transparent;
	text-align: center;
	line-height: var(--theme-qty-ui-height);
	font-size: var(--theme-qty-ui-font-size);
	color: var(--theme-solid);
	border: 0;
	outline: 0;
}
.qty-ui-counter .qtybutton {
	position: absolute;
	top: 0;
	width: var(--theme-qty-ui-btn-width);
	height: 100%;
	padding: 0;
	background-color: var(--theme-solid);
	text-align: center;
	font-size: 18px;
	color: var(--theme-pale);
	border: none;
}
.qty-ui-counter .qtybutton:hover {
	color: #fff;
}
.qty-ui-counter .qtybutton.inc {
	left: 0;
	border-radius: 32px 0 0 32px;
}
.qty-ui-counter .qtybutton.dec {
	right: 0;
	border-radius: 0 32px 32px 0;
}

.pro-pagination-style {
	margin-top: 30px;
	font-size: 15px;
	font-weight: 400;
	color: var(--theme-dark);
}
.pro-pagination-style a, .pro-pagination-style .item {
	display: inline-block;
	width: 36px;
	height: 36px;
	padding: 0;
	background-color: var(--theme-pale);
	line-height: 36px;
	text-align: center;
	font-weight: 400;
	color: var(--theme-dark);
	text-decoration: none;
	border-radius: 50%;
	transition: color .4s ease, background-color .4s ease;
}
.pro-pagination-style ul {
	display: flex;
	justify-content: center;
	padding: 0;
	list-style: outside none;
}
.pro-pagination-style ul li + li {
	margin-right: 8px;
}
.pro-pagination-style .active,
.pro-pagination-style a:hover {
	background-color: var(--theme-solid);
	color: #fff;
}

.list-product {
	position: relative;
	display: flex;
	flex-direction: column;
	height: 100%;
	z-index: 1;
	color: var(--theme-txt-color);
	transition: all .3s linear;
}
.second-img {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
	transition: all .3s linear;
}
.list-product:hover .second-img {
	opacity: 1;
	visibility: visible;
}
.list-product .img-block {
	display: block;
	position: relative;
	width: 100%;
	overflow: hidden;
	border: 1px solid var(--theme-solid);
	border-radius: 10px;
}
.list-product .img-block::before {
	padding-top: 140%;
	float: left;
	content: "";
}
.list-product .img-block.square::before {
	padding-top: 100%;
}
.list-product .img-block .thumbnail {
	display: block;
	position: static;
	width: 100%;
	height: 100%;
}
.list-product .img-block .thumbnail .first-img,
.list-product .img-block .thumbnail .second-img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: auto;
	transform: translate(-50%,-50%);
	transition: all .4s ease;
}
.list-product .img-block .thumbnail .first-img img,
.list-product .img-block .thumbnail .second-img img {
	width: 100%;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}
.list-product .img-block .thumbnail .first-img.hbase,
.list-product .img-block .thumbnail .second-img.hbase {
	width: auto;
	height: 100%;
}
.list-product .img-block.chameleon .thumbnail .first-img,
.list-product .img-block.chameleon .thumbnail .second-img {
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: none;
}
.list-product .img-block.chameleon .thumbnail .first-img img,
.list-product .img-block.chameleon .thumbnail .second-img img {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
}
.list-product .img-block .thumbnail .second-img {
	opacity: 0;
	transform: translate(-50%,-50%) scale(1.1);
}
.list-product .img-block.chameleon .thumbnail .second-img {
	opacity: 0;
	transform: scale(1.1);
}
.list-product:hover .img-block .thumbnail .second-img {
	opacity: 1;
	transform: translate(-50%,-50%) scale(1);
}
.list-product.dimg:hover .img-block .thumbnail .first-img {
	opacity: 0;
	transform: translate(-50%,-50%) scale(.9);
}
.list-product:hover .img-block.chameleon .thumbnail .second-img {
	opacity: 1;
	transform: scale(1);
}
.list-product.dimg:hover .img-block.chameleon .thumbnail .first-img {
	opacity: 0;
	transform: scale(.9);
}
.list-product .img-block .brief-overlay {
	display: flex;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 10px;
	opacity: 0;
	justify-content: center;
	align-items: center;
	background-color: rgba(var(--theme-solid-rgb), .75);
	text-align: center;
	color: #fff;
	pointer-events: none;
	transition: opacity .4s ease;
}
.no-touchevents .list-product:hover .img-block .brief-overlay {
	opacity: 1;
}
.list-product .sale-badge {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 0 10px;
	text-align: center;
	transform: translateY(-50%);
	transition: transform .4s ease;
}
.list-product .sale-badge .inner {
	display: inline-block;
	max-width: 100%;
	height: 26px;
	padding: 2px 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	background-color: var(--theme-prime);
	line-height: 1.4;
	font-size: 16px;
	font-weight: 500;
	color: var(--theme-solid);
	border-radius: 30px;
	white-space: nowrap;
}
.list-product:hover .sale-badge {
	transform: translateY(-120%);
}
.list-product .product-flag {
	position: absolute;
	top: 0;
	right: 10px;
}
.list-product .product-flag img {
	max-width: 50px;
}
.list-product .product-flag.bigger img {
	max-width: 80px;
}
@media(min-width: 576px){
	.list-product .product-flag img {
		max-width: 60px;
	}
	.list-product .product-flag.bigger img {
		max-width: 90px;
	}
}
@media(min-width: 768px){
	.product-flag img {
		max-width: 50px;
	}
	.product-flag.bigger img {
		max-width: 80px;
	}
}
@media(min-width: 992px){
	.list-product .product-flag.bigger img {
		max-width: 90px;
	}
}
@media(min-width: 1200px){
	.list-product .product-flag img {
		max-width: 70px;
	}
	.list-product .product-flag.bigger img {
		max-width: 120px;
	}
}
@media(min-width: 1600px){
	.list-product .sale-badge .inner {
		height: 32px;
		font-size: 20px;
	}
}
.list-product .heading {
	margin-top: 10px;
	font-size: 18px;
}
.list-product .product-link {
	display: block;
	color: var(--theme-solid);
	text-decoration: none;
}
.list-product .product-link:hover {
	color: var(--theme-dark);
}
.list-product .foot {
	display: block;
	list-style: outside none;
	margin: auto 0 0;
	padding: 0;
	border-top: 2px solid var(--theme-prime);
}
.list-product .foot > li {
	display: inline-block;
	font-weight: 200;
}
.list-product .foot > li:not(:last-child)::after {
	content: "/";
}

.contact-map {
	height: 450px;
}
@media (min-width: 992px){
	.contact-map {
		height: 560px;
	}
}

.bg-img {
	background-position: 50% 50%;
	background-size: cover;
	position: relative;
	z-index: 1;
	background-color: #bebebe;
}
.bg-img.overlayed::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	background: #fff;
	z-index: -1;
	opacity: .2;
}

.slider-area, .slider-area .slider-height-6 {
	position: relative;
}
.slider-area .hotspot {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 1;
}
.slider-area .container {
	align-self: center;
}
.slider-height-6 {
	height: 400px;
}
.slider-ella {
	position: relative;
	height: 100vw;
}
@media (min-width:768px) {
	.slider-height-6 {
		height: 525px;
	}
	.slider-ella {
		height: 600px;
	}
}
.mslide.bg-img {
	background-position: 0 50%;
}
body.rtl .mslide.bg-img {
	background-position: 100% 50%;
}
.mslide.bg-img.centered,
body.rtl .mslide.bg-img.centered {
	background-position: 50% 50%;
}
.slider-area span {
	font-size: 17px;
	font-weight: 400;
	text-transform: uppercase;
	color: #253237;
	font-style: italic;
	margin-bottom: 10px;
	line-height: 1;
	display: block;
}
.slider-area .slider-content-11 span {
	color: #fff;
}
.slider-area .slider-content-11 h1 {
	color: #fff;
}
.slider-area .slider-content-11 p {
	color: #fff;
}
.slider-area .slider-content-20 h1 {
	color: #fff;
}
.slider-area .slider-content-20 p {
	color: #fff;
}
.slider-area h1 {
	font-size: 45px;
	font-weight: 600;
	color: #253237;
	margin-bottom: 30px;
	line-height: 1;
}

.owl-dot-style .owl-dots {
	position: absolute;
	bottom: 26px;
	left: 0;
	right: 0;
	text-align: center;
}
.owl-dot-style .owl-dots .owl-dot {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin: 0 5px;
	background: #fff none repeat scroll 0 0;
	border: 1px solid var(--theme-prime);
	border-radius: 100%;
	transition: all .3s ease;
}
.owl-dot-style .owl-dots .owl-dot:hover,
.owl-dot-style .owl-dots .owl-dot.active {
	background-color: var(--theme-prime);
}

.feat-cat-area {
	padding-bottom: 40px;
	background: transparent url("../images/graphs/solid-poly.svg") scroll 0 100% no-repeat;
	background-size: 80% auto;
}
@media(min-width: 768px){
	.feat-cat-area {
		padding-bottom: 100px;
	}
}
@media(min-width: 992px){
	.feat-cat-area {
		padding-bottom: 150px;
	}
}
@media(min-width: 1600px){
	.feat-cat-area {
		padding-bottom: 250px;
		background-size: 60% auto;
	}
}

.footer-area {
	margin-top: 60px;
}

.floor-floater {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 997;
}
.floor-floater .icn {
	height: 16px;
	margin-left: 0;
	transition: margin .4s ease;
}
.floor-floater:hover .icn {
	margin-left: 8px;
}

/*****************************************************/
.product-details-img.product-details-tab {
	display: flex;
	flex-direction: column;
}

.prod-media-box {
	display: block;
	position: relative;
	padding: 20px 10px;
	border: 1px solid var(--theme-solid);
	border-radius: 10px;
}
@media (min-width: 992px){
	.prod-media-box {
		padding: 20px;
	}
}

.badges-listing > li.badger {
	display: inline-block;
	margin: 0 0 10px 15px;
	padding: 0 10px;
	background-color: #000;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
}

.badges-vert-listing > li.badger {
	display: block;
	margin: 0 0 15px;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
}
.badges-vert-listing > li.badger .img {
	max-width: 80px;
}
@media (min-width: 576px){
	.badges-vert-listing > li.badger .img {
		max-width: 120px;
	}
}
.badges-vert-listing > li.badger > .cell {
	display: inline-block;
	padding: 0 10px;
	background-color: #000;
}
.badges-listing > li.badger.disc,
.badges-vert-listing > li.badger.disc > .cell {
	background-color: #f61212;
}
.prod-media-box .badges-vert-listing,
.prod-media-box .badges-listing {
	position: absolute;
	top: 15px;
	right: 15px;
	z-index: 10;
	pointer-events: none;
}

.prod-media-box .video-hover {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 20px;
	left: 20px;
	width: 60px;
	height: 60px;
	background-color: rgba(255, 255, 255, .75);
	z-index: 11;
}
.prod-media-box .video-hover .icn {
	display: block;
	width: 54px;
	height: 54px;
	margin: 0 auto;
	fill: var(--theme-solid);
	transition: fill .4s ease;
}
.prod-media-box .video-hover:hover .icn,
.prod-media-box .video-hover:focus .icn {
	fill: var(--theme-prime);
}

.side-hovers {
	position: fixed;
	bottom: 80px;
	left: 0;
	z-index: 990;
}
.side-hovers.upper {
	top: 120px;
	bottom: auto;
}
.side-hovers.toright {
	right: 0;
	left: auto;
}
@media(min-width: 768px){
	.side-hovers {
		bottom: 120px;
	}
	.side-hovers.upper {
		bottom: auto;
	}
}
@media(min-width: 992px){
	.side-hovers.upper {
		top: 140px;
	}
}
.side-hovers .sbtn {
	display: block;
	position: relative;
	bottom: 0;
	left: -3px;
	width: 56px;
	height: 46px;
	margin-bottom: 10px;
	background-color: var(--theme-pale);
	line-height: 46px;
	text-align: center;
	font-size: 28px;
	color: var(--theme-solid);
	border: 0;
	border-radius: 0 23px 23px 0;
	transition: transform .4s ease;
	transform: translateX(-10px);
}
.side-hovers .sbtn:last-child {
	margin-bottom: 0;
}
.side-hovers.toright .sbtn {
	right: -3px;
	left: auto;
	border-radius: 23px 0 0 23px;
	transform: translateX(10px);
}
.side-hovers .sbtn:hover {
	transform: translateX(0);
}
.side-hovers .sbtn.square,
.side-hovers.toright .sbtn.square {
	border-radius: 0;
}
.side-hovers .sbtn.main {
	background-color: var(--theme-prime);
}
.side-hovers .sbtn.whatsapp {
	background-color: #36dc54;
	color: #fff;
}
@media (min-width: 1600px){
	.side-hovers .sbtn {
		width: 86px;
		height: 64px;
		line-height: 64px;
		font-size: 42px;
		border-radius: 0 32px 32px 0;
	}
	.side-hovers.toright .sbtn {
		border-radius: 32px 0 0 32px;
	}
}

.range-slider {
	background-color: var(--theme-pale);
}
.range-slider .bar {
	top: 0;
	background-color: var(--theme-dark);
}
.range-slider .range-slider-leftgrip,
.range-slider .range-slider-rightgrip {
	background-color: #fff;
	border: 5px solid var(--theme-dark);
	box-shadow: none;
	transition: none;
}

.form-control.theme,
.form-select.theme {
	color: var(--theme-txt-color);
	border-color: var(--theme-solid);
}
.form-control.theme.v2,
.form-select.theme.v2 {
	border-color: transparent;
	border-radius: 0;
}
.form-control.theme:focus {
	border-color: var(--theme-prime);
	box-shadow: none;
}
.form-select.theme:focus {
	box-shadow: none;
}
.form-control.error {
	border-color: #d00;
}

.form-check-input.theme:checked {
	background-color: var(--theme-dark);
	border-color: var(--theme-dark);
}
.form-check-input.theme:focus {
	border-color: var(--theme-dark);
	outline: 1px solid var(--theme-dark);
	box-shadow: none;
}

.card.theme {
	--bs-card-border-color: var(--theme-solid);
}

/* owl nav */
.owl-nav-style .owl-nav > div.owl-prev {
	right: 43px;
}
body.rtl .owl-nav-style .owl-nav > div.owl-prev {
	top: -55px;
	left: 43px;
	right: auto;
}
.owl-nav-style.owl-nav-style-5 .owl-nav > div {
	top: -52px;
}
.responsive-owl-nav-style.owl-nav-style.owl-nav-style-5 .owl-nav > div {
	top: -52px;
}
.owl-nav-style .owl-nav > div {
	display: inline-block;
	position: absolute;
	top: -71px;
	width: 34px;
	height: 34px;
	background-color: var(--theme-bright);
	text-align: center;
	font-size: 0;
	line-height: 1;
	color: var(--theme-solid);
	border: 1px solid var(--theme-pale);
	cursor: pointer;
	z-index: 1;
	opacity: 1;
	border-radius: 50%;
	transition: all .3s linear;
}
.owl-nav-style .owl-nav > div.owl-prev::before {
	content: "\f053";
}
body.rtl .owl-nav-style .owl-nav > div.owl-prev::before {
	content: "\f054";
}

.owl-nav-style .owl-nav > div::before {
	display: block;
	line-height: 32px;
	font-family: "FontAwesome";
	font-size: 14px;
	font-weight: 400;
}
.owl-nav-style .owl-nav > div.owl-next::before {
	content: "\f054";
}
body.rtl .owl-nav-style .owl-nav > div.owl-next::before {
	content: "\f053";
}
.owl-nav-style .owl-nav > div.owl-next {
	right: 0;
}
body.rtl .owl-nav-style .owl-nav > div.owl-next {
	top: -55px;
	left: 0;
	right: auto;
}
.brand-slider.owl-nav-style .owl-nav > div.owl-next,
.slider-home-16.owl-nav-style .owl-nav > div.owl-next {
	right: 15px;
}
body.rtl .brand-slider.owl-nav-style .owl-nav > div.owl-next,
body.rtl .slider-home-16.owl-nav-style .owl-nav > div.owl-next {
	left: 15px;
	right: auto;
}
.owl-nav-style .owl-nav > div:hover {
	background-color: var(--theme-solid);
	color: #fff;
	border-color: var(--theme-solid);
}


.swiper-container.framed,.swiper-wrapper .swiper-slide.framed {
	overflow: hidden;
	border: 1px solid var(--theme-pale);
	border-radius: 5px;
}
.swiper-wrapper .swiper-slide.framed.active-frame {
	border-color: var(--theme-solid);
}

.modal.dx-theme .modal-content {
	border: 1px solid var(--theme-solid);
	border-radius: 0;
}
.modal.dx-theme .modal-header {
	background-color: var(--theme-solid);
	border-radius: 0;
}
.modal.dx-theme .modal-title {
	color: #fff;
	margin: 0;
}
.modal.dx-theme .close {
	color: #fff;
	text-shadow: none;
	opacity: .6;
}
.modal.dx-theme .close:hover {
	opacity: 1;
}

.modal {
	z-index: 9999;
}
.modal {
	top: 50px;
}
.modal .pro-details-size-color {
	margin: 15px 0 0;
}
.modal-dialog.modal-highlight .modal-content {
	border: 0;
	box-shadow: 0 0 40px #fff;
}

/*
 * Responsive cart table:
*/
.table.cart-table {
	border: 1px solid #ebebeb;
}
.table.cart-table a {
	text-decoration: none;
}
.table.cart-table > thead > tr {
	background-color: #f9f9f9;
	border: 1px solid #ebebeb;
}
.table.cart-table > thead > tr th {
	padding: 21px 15px 22px;
	border: none;
	text-align: right;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	vertical-align: middle;
	white-space: nowrap;
}
.table.cart-table tbody > tr td {
	padding: 30px 15px;
	text-align: right;
	font-size: 15px;
	font-weight: 500;
	vertical-align: middle;
}
.table.cart-table tbody > tr td.price-total {
	font-weight: 600;
	color: #000;
}
.table.cart-table .prod-img-name {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
}
.table.cart-table .prod-img-name .fig {
	display: block;
	width: 80px;
	margin: 0 0 0 20px;
}
.table.cart-table .prod-img-name .fig > a {
	display: block;
	width: 100%;
}
.table.cart-table .prod-img-name .fig img {
	width: 100%;
	height: auto;
}
.table.cart-table .prod-img-name .naming {
	font-size: 15px;
	font-weight: 500;
	color: #212529;
}
.table.cart-table .prod-img-name .naming .variant {
	font-style: italic;
	color: #333;
}
.table.cart-table .prod-img-name .naming:hover {
	color: #000;
}
.table.cart-table .btn-remove {
	display: inline-block;
	padding: 3px;
	background-color: transparent;
	border: none;
}
.table.cart-table .btn-remove:hover {
	color: #000;
}
@media (max-width:991px) {
	.table.cart-table > thead {
		display: none;
	}
	.table.cart-table tbody > tr {
		display: block;
		position: relative;
		padding: 42px 0 40px;
		border-top: 1px solid #ebebeb;
	}
	.table.cart-table tbody > tr td {
		display: block;
		width: 100%;
		padding: 1px 15px;
		text-align: center;
		border-top: none;
	}
	.table.cart-table tbody > tr td .qty-ui-counter {
		margin-right: auto;
		margin-left: auto;
	}
	.table.cart-table tbody > tr td.action-cell {
		position: absolute;
		top: 5px;
		left: 0;
		width: auto;
	}
}

.rb-cell {
	position: relative;
}
.rb-cell .crb {
	position: absolute;
	top: 0;
	left: 0;
	width: 1rem;
	height: 1.25rem;
	z-index: -1;
	opacity: 0;
}
.rb-cell .cell-face {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	top: 0;
	left: 0;
	height: 100%;
	padding: 15px;
	background-color: #fff;
	font-size: 16px;
	color: #000;
	border: 1px solid #000;
	opacity: 0.4;
	cursor: pointer;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.rb-cell input.crb:checked ~ .cell-face {
	opacity: 1;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.rb-cell .cell-face .txt,
.rb-cell .cell-face .fig {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
	text-align: center;
}
.rb-cell .cell-face .fig > img {
	width: auto;
	max-width: 100%;
	height: auto;
}
@media (min-width: 576px){
	.rb-cell .cell-face .txt {
		font-size: 18px;
	}
}
@media (min-width: 768px){
	.rb-cell .cell-face .txt {
		font-size: 24px;
	}
}
@media (min-width: 992px){
	.rb-cell .cell-face .txt {
		font-size: 18px;
	}
}
@media (min-width: 1200px){
	.rb-cell .cell-face .txt {
		font-size: 21px;
	}
}

.table.order-sumup {
	color: var(--theme-dark);
}
.table.order-sumup td,
.table.order-sumup th {
	padding: 10px 0;
	border: none;
}
.table.order-sumup tr.item-line td {
	font-weight: 200;
}
.table.order-sumup tr.item-line td,
.table.order-sumup tr.item-line th {
	padding: 0 0 20px;
}
.table.order-sumup .sum {
	text-align: left;
}
.table.order-sumup tr.distance td,
.table.order-sumup tr.distance th {
	padding-top: 20px;
}
.table.order-sumup tr.distance.both td,
.table.order-sumup tr.distance.both th {
	padding-bottom: 20px;
}
.table.order-sumup tr.sub td,
.table.order-sumup tr.sub th {
	font-weight: 500;
}
.table.order-sumup tr.stress td,
.table.order-sumup tr.stress th,
.table.order-sumup tr.total-line td,
.table.order-sumup tr.total-line th {
	font-weight: 600;
}
.table.order-sumup .desc {
	display: flex;
}
.table.order-sumup .desc .img {
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex: 0 0 60px;
	width: 60px;
	height: auto;
	margin-left: 10px;
	padding: 5px;
	background-color: #fff;
	border: 1px solid var(--theme-dark);
	border-radius: 5px;
}
.table.order-sumup .desc .txt {
	flex: 0 1 auto;
}
.table.order-sumup .desc .variant {
	font-size: 14px;
	color: var(--theme-solid);
	font-style: italic;
}

.in-page-payment-frame {
	width: 100%;
	min-height: 800px;
	border: none;
}

.dx-user-input {
	display: block;
	position: relative;
}
.dx-user-input .adjustable {
	display: block;
	width: 100%;
	height: 36px;
	min-height: 36px;
	padding: 2px;
	border: 1px solid #666;
	resize: vertical;
}
.dx-capsule-input {
	display: flex;
	flex-wrap: wrap;
}

.dx-capsule-input .dx-cap {
	display: inline-block;
	height: 32px;
	min-width: 32px;
	padding: 0 10px;
	margin: 0 0 5px 5px;
	line-height: 32px;
	text-align: center;
	color: var(--theme-solid);
	text-decoration: none;
	border: 1px solid var(--theme-solid);
	border-radius: 16px;
	cursor: pointer;
}
.dx-capsule-input .dx-cap.active {
	background-color: var(--theme-solid);
	border-color: var(--theme-solid);
	color: #fff;
}
.dx-capsule-input .dx-cap.color.active {
	border-color: #000;
}
.dx-capsule-input .dx-cap.color {
	position: relative;
	padding: 0;
	background-color: #fff;
	border-radius: 0;
	box-shadow: 2px 2px 4px 0 rgba(0,0,0,.2);
}
.dx-capsule-input .dx-cap.color.active::after {
	position: absolute;
	top: 1px;
	left: 1px;
	width: 28px;
	height: 28px;
	border: 2px solid var(--theme-pale);
	content: "";
}
.dx-capsule-input .dx-del {
	position: relative;
	display: inline-block;
	height: 32px;
	min-width: 32px;
	margin-bottom: 5px;
	line-height: 32px;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}
.dx-capsule-input .dx-del::after,
.dx-capsule-input .dx-del::before {
	position: absolute;
	top: 16px;
	left: 8px;
	width: 16px;
	height: 1px;
	background-color: var(--theme-solid);
	content: "";
}
.dx-capsule-input .dx-del::before {
	transform: rotate(45deg);
}
.dx-capsule-input .dx-del::after {
	transform: rotate(-45deg);
}

.dx-browse-filter-container {
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	height: 100vh;
	max-width: 100%;
	padding: 25px 15px 15px;
	background-color: #fff;
	overflow: auto;
	z-index: 9500;
	transform: translateX(100%);
	transition: transform .4s ease;
}
.dx-browse-filter-container.reveal {
	transform: translateX(0);
}
.dx-browse-filter-container .th-cls-btn {
	top: 5px;
	left: 10px;
}
@media(min-width:360px) {
	.dx-browse-filter-container {
		width: 320px;
	}
}
@media(min-width:992px) {
	.dx-browse-filter-container {
		position: static;
		top: auto;
		right: auto;
		width: 100%;
		height: auto;
		padding: 0;
		background-color: transparent;
		z-index: auto;		transform: none;
	}
}

.dx-filter-toggle {
	padding: 1px 17px;
	background-color: #fff;
	border: 1px solid #ebebeb;
}

.indicator.alert-info,
.indicator.alert-default,
.indicator.alert-primary,
.indicator.alert-secondary,
.indicator.alert-dark,
.indicator.alert-success,
.indicator.alert-warning,
.indicator.alert-danger {
	background-color: transparent;
}

.single-widget-range-price {
	margin-top: 25px;
}

.multi-var-select .toggler {
	position: relative;
	display: block;
	width: 100%;
	padding: 4px 20px 4px 5px;
	margin: 0;
	background-color: transparent;
	border: none;
	text-align: right;
	font-weight: 400;
}
.multi-var-select .toggler::before {
	position: absolute;
	top: 11px;
	right: 0;
	width: 12px;
	height: 12px;
	background-color: transparent;
	border: solid 1px var(--theme-solid);
	content: "";
}
.multi-var-select .toggler.checked {
	font-weight: 600;
}
.multi-var-select .toggler.checked::before {
	background-color: var(--theme-solid);
}

.inline-coupon-rig {
	display: block;
	position: relative;
}
.inline-coupon-rig .tbox {
	padding: .375rem .75rem .375rem 40px;
}
.inline-coupon-rig .btn-inln {
	position: absolute;
	top: 3px;
	left: 2px;
	width: 36px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	color: var(--theme-txt-color);
}
.inline-coupon-rig .btn-inln .fa {
	font-size: 20px;
}

ul.coupon-listing {
	margin: 15px 0 0;
	padding: 0;
	list-style: outside none;
}
ul.coupon-listing a {
	text-decoration: none;
}
ul.coupon-listing > li {
	position: relative;
	padding: 0 20px 10px 0;
}
ul.coupon-listing > li::before {
	position: absolute;
	top: -2px;
	right: 0;
	font-family: FontAwesome;
	color: #155724;
	content: "\f00c";
}
ul.coupon-listing > li .remove {
	display: flex;
	align-items: center;
	flex: 0 0 auto;
	width: auto;
	height: 18px;
	padding: 0 6px;
	margin: 3px 10px 0 0;
	background-color: var(--theme-solid);
	line-height: 1;
	text-align: center;
	font-size: 11px;
	color: #fff;
	border-radius: 9px;
	transition: background-color .4s ease;
}
ul.coupon-listing > li .remove::before {
	font-size: 17px;
	line-height: 1;
	content: "\00d7";
}
ul.coupon-listing > li .remove:hover {
	background-color: var(--theme-dark);
}
ul.coupon-listing > li .description {
	font-size: 14px;
	color: var(--theme-solid);
}

.embeded-iframe {
	width: 100%;
	min-height: 800px;
	border: 0;
	overflow: auto;
}

.dx-datepicker {
	position: relative;
}
.dx-datepicker .input {
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	border: none;
	z-index: 1;
}
.dx-datepicker .display {
	position: relative;
	top: 0;
	right: 0;
	width: 100%;
	min-height: 32px;
	padding: 4px 30px 4px 15px;
	background-color: #fff;
	font-size: 18px;
	border: 1px solid #ccc;
	z-index: 2;
}
.dx-datepicker .display::before {
	position: absolute;
	top: 4px;
	right: 6px;
	font-family: FontAwesome;
	color: var(--theme-solid);
	content: "\f073";
}
.dx-datepicker.time .display::before {
	content: "\f017";
}
.dx-datepicker .input.error ~ .display {
	border-color: #d00;
}
.dx-datepicker .bootstrap-datetimepicker-widget table td.active,.dx-datepicker .bootstrap-datetimepicker-widget table td.active:hover {
	background-color: var(--theme-dark);
	color: #fff;
}
.dx-datepicker .bootstrap-datetimepicker-widget table td.today::before {
	border-bottom-color: var(--theme-dark);
}
.dx-datepicker .bootstrap-datetimepicker-widget table td span.active {
	background-color: var(--theme-dark);
}

.dx-hover-alert {
	display: none;
	position: fixed;
	top: 0.5rem;
	left: 50%;
	width: calc(100vw - 1rem);
	z-index: 10000;
	transform: translateX(-50%);
}
.dx-hover-alert.fade {
	opacity: 0;
	transition: opacity 0.3s ease-out;
}
.dx-hover-alert.showing {
	display: block;
}
.dx-hover-alert.show {
	display: block;
	opacity: 1;
}
.dx-hover-alert.fade .alert {
	margin-bottom: 0;
	transform: translateY(-30px);
	transition: transform 0.3s ease-out;
}
.dx-hover-alert.fade.show .alert {
	transform: none;
}
.dx-hover-alert.center {
	top: 50%;
	transform: translate(-50%, -50%);
}
.dx-hover-alert.bottom {
	top: auto;
	bottom: 0.5rem;
}
.dx-hover-alert.to-left {
	left: 0.5rem;
	transform: none;
}
.dx-hover-alert.to-right {
	right: 0.5rem;
	left: auto;
	transform: none;
}
.dx-hover-alert.center.to-left,
.dx-hover-alert.center.to-right {
	transform: translateY(-50%);
}
@media (min-width: 360px){
	.dx-hover-alert.sm {
		width: 300px;
	}
}
@media (min-width: 576px){
	.dx-hover-alert {
		top: 1.75rem;
		width: 500px;
	}
	.dx-hover-alert.bottom {
		bottom: 1.75rem;
	}
	.dx-hover-alert.to-left {
		left: 1.75rem;
	}
	.dx-hover-alert.to-right {
		right: 1.75rem;
	}
}
@media (min-width: 992px){
	.dx-hover-alert.lg,
	.dx-hover-alert.xl {
		width: 800px;
	}
}
@media (min-width: 1200px){
	.dx-hover-alert.xl {
		width: 1040px;
	}
}

.dx-hinter-container {
	display: block;
	position: relative;
	width: 100%;
}
.dx-hinter {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 0;
	list-style: outside none;
	background-color: #fff;
	border: 1px solid #ebebeb;
	z-index: 1051;
}
.dx-hinter.show {
	display: block;
}
.dx-hinter .item {
	display: block;
	padding: 2px 8px;
	background-color: #fff;
	color: #000;
}
.dx-hinter .item.weak {
	color: #aaa;
}
.dx-hinter .item.active {
	background-color: #000;
	color: #fff;
}

.super-notice {
	position: fixed;
	visibility: hidden;
	z-index: -1;
}
.super-notice .bg-hotspot {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 0;
}
.super-notice.coupon {
	display: flex;
	flex-direction: column;
	bottom: 140px;
	left: 0;
	width: 100%;
	min-height: 200px;
	padding: 20px;
	background-color: #fff;
	color: #000;
	border: 3px dashed #000;
	border-radius: 0 20px 0 0;
	transition: all .4s ease;
	transform: translate(-100%, 0);
}
.super-notice.coupon.toright {
	right: 0;
	left: auto;
	bottom: 15px;
	border-radius: 20px 0 0 0;
	transform: translate(100%, 0);
}
.super-notice.coupon::before {
    position: absolute;
    top: -15px;
    right: 25px;
    width: 48px;
    height: 26px;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 26'%3e%3cpath fill='%23fff' d='M7,26c-3.6,0-6.5-1.8-6.9-4.3c-0.2-1,0-1.9,0.6-2.7c1-1.4,3.2-2.5,6.6-3.1c1-0.2,2-0.3,2.9-0.3L20.2,13l-10.1-2.6c-0.9,0-1.9-0.1-2.9-0.3C0.7,8.9-0.3,6.3,0.1,4.3C0.5,1.8,3.4,0,7,0c0.7,0,1.3,0.1,2,0.2c1.6,0.3,3.1,0.9,4.3,1.8l0,0c0.3,0.2,1,0.7,2.2,1.6c2.1,1.6,5.5,4.2,6.4,4.6c0.9,0.4,1.4,1,1.4,1.6c0,0,0,0.1,0,0.1c0.2,0.1,0.4,0.2,0.6,0.3l0.6-0.5l0.2-0.1c0.7-0.2,16.6-5,20.3-5.5l2-0.2l-1,1.7C46,6.1,45.8,6.3,30.5,13c15.4,6.7,15.5,6.9,15.7,7.3l0.9,1.7l-1.9-0.2c-3.8-0.4-19.7-5.2-20.3-5.5l-0.2-0.1l-0.6-0.5c-0.2,0.1-0.5,0.2-0.6,0.3c0,0,0,0.1,0,0.1c0,0.7-0.5,1.2-1.4,1.6c-0.9,0.4-4.4,3-6.5,4.6c-1.1,0.9-1.8,1.4-2.1,1.6l-0.2,0.2l-0.1,0C12,25,10.5,25.6,9,25.8C8.3,25.9,7.6,26,7,26z'/%3e%3cpath fill='%23000' d='M45.3,5.2c-3.7,0.4-20.2,5.4-20.2,5.4l-0.9,0.8c-1.3-0.6-2.1-0.9-2.1-0.9s1-0.6-0.5-1.3c-1.5-0.7-8-5.8-8.8-6.3c0,0,0,0,0,0c-1.1-0.8-2.4-1.4-4-1.6C5,0.5,1.5,2,1,4.5C0.6,7,3.6,8.4,7.4,9.1c1,0.2,2,0.3,2.9,0.3l0,0l10.8,2.8l0.6,0.1l0.8,0.7l-0.8,0.7l-0.6,0.1l-10.8,2.8l0,0c-0.9,0-1.9,0.1-2.9,0.3c-3.8,0.7-6.8,2.1-6.4,4.6s3.9,4,7.8,3.3c1.5-0.3,2.9-0.9,4-1.6c0,0,0,0,0,0c0.8-0.5,7.3-5.6,8.8-6.3c1.5-0.7,0.5-1.3,0.5-1.3s0.8-0.3,2.1-0.9l0.9,0.8c0,0,16.5,5,20.2,5.4C45.2,20.5,34.8,16,28,13C34.8,10,45.2,5.5,45.3,5.2z M13.9,6.5c-0.3,1.8-3.1,1.9-6.3,1.4S1.7,6.2,2,4.4s3.2-2.8,6.5-2.2C11.8,2.8,14.2,4.7,13.9,6.5z M8.5,23.8c-3.3,0.6-6.2-0.4-6.5-2.2c-0.3-1.8,2.2-2.9,5.5-3.4s6-0.4,6.3,1.4C14.2,21.3,11.8,23.2,8.5,23.8z'/%3e%3c/svg%3e") scroll 0 0 no-repeat;
    z-index: 1;
    content: "";
}
.super-notice.coupon.toright::before {
    left: 25px;
	right: auto;
}
.super-notice.coupon.showing,
.super-notice.coupon.toright.showing {
	visibility: visible;
	z-index: 29999;
	transform: translate(0, 0);
}
.super-notice.coupon .close-btn {
	position: absolute;
	top: 20px;
	right: 5px;
	width: 24px;
	height: 24px;
	background-color: #fff;
	line-height: 1.2;
	text-align: center;
	font-size: 16px;
	color: #000;
	border: 1px solid #000;
	border-radius: 50%;
}
.super-notice.coupon.toright .close-btn {
	left: 5px;
	right: auto;
}
.super-notice.coupon .close-btn:hover {
	background-color: #000;
	color: #fff;
}
.super-notice.coupon .coupon-code {
	display: block;
	margin: .5rem 0 0;
	text-align: center;
}
.super-notice.coupon .coupon-code .inner {
	display: inline-block;
	padding: 5px 10px;
	background-color: #eee;
	font-size: 26px;
	color: #000;
	border: 1px solid #ccc;
}
.super-notice.coupon .auto-act {
	padding: 4px 15px;
	background-color: #fff;
	font-size: 18px;
	font-weight: 500;
	color: #000;
	border: 2px solid #000;
	transition: all 0.4s ease;
}
.super-notice.coupon .auto-act:hover {
	background-color: #000;
	color: #fff;
}
.super-notice.coupon .ext-coupon .action-indicator {
	font-size: 16px;
	color: #000;
}
.super-notice.coupon .ext-coupon .action-indicator.ok {
	color: #0a0;
}
@media (min-width: 320px){
	.super-notice.coupon {
		width: 300px;
	}
	.super-notice.coupon .close-btn {
		right: -13px;
	}
	.super-notice.coupon.toright .close-btn {
		left: -13px;
		right: auto;
	}
}
.super-maximizer.coupon {
	position: fixed;
	bottom: 190px;
	left: 0;
	background-color: #fff;
	border: 2px dashed #000;
	color: #000;
	padding: 0 10px;
	line-height: 1.4;
	font-size: 16px;
	z-index: 29000;
	transform: translate(-100%, 0) rotateZ(90deg) translate(50px, 100%);
	transform-origin: 100% 100%;
	transition: all .4s ease;
}
.super-maximizer.coupon.toright {
	right: 0;
	left: auto;
	bottom: 15px;
	transform: translate(100%, 0) rotateZ(-90deg) translate(50px, 100%);
	transform-origin: 0 100%;
}
.super-maximizer.coupon.shown {
	transform: translate(-100%, 0) rotateZ(90deg) translate(50px, 0);
}
.super-maximizer.coupon.toright.shown {
	transform: translate(100%, 0) rotateZ(-90deg) translate(50px, 0);
}
@media (min-width: 768px){
	.super-notice.coupon {
		bottom: 180px;
	}
	.super-maximizer.coupon {
		bottom: 230px;
	}
}
.super-notice.coupon .ok-icon {
	display: block;
	width: 60px;
	height: 60px;
	margin: 0 auto;
	line-height: 60px;
	text-align: center;
	font-size: 32px;
	color: #28a745;
	border: 3px solid #28a745;
	border-radius: 50%;
}

.super-notice.hot {
	display: flex;
	flex-direction: column;
	justify-content: center;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.6);
}
.super-notice.hot.showing {
	visibility: visible;
	z-index: 9998;
}
.super-notice.hot .notice-body {
	position: relative;
	width: calc(100% - 30px);
	max-height: calc(100% - 30px);
	margin: 0 auto;
	padding: 20px;
	overflow: auto;
	background-color: #fff;
	color: #000;
	border: 4px solid #000;
	border-radius: 5px;
	opacity: 0;
	z-index: 1;
	box-shadow: 0 0 0 #fff;
	transition: all .4s ease;
	transform: scale(0.9);
}
.super-notice.hot.showing .notice-body {
	opacity: 1;
	box-shadow: 0 0 40px #fff;
	transform: scale(1);
}
.super-notice.hot .close-btn {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 24px;
	height: 24px;
	background-color: #fff;
	line-height: 1.2;
	text-align: center;
	font-size: 16px;
	color: #000;
	border: 1px solid #000;
	border-radius: 50%;
	z-index: 10;
}
.super-notice.hot .close-btn:hover {
	background-color: #000;
	color: #fff;
}
@media (min-width: 768px){
	.super-notice.hot .notice-body {
		width: 720px;
	}
}
@media (min-width: 992px){
	.super-notice.hot .notice-body {
		width: 850px;
	}
}
@media (min-width: 1200px){
	.super-notice.hot .notice-body {
		width: 1000px;
	}
}

.added-prods-gizmo {
	display: flex;
	flex-wrap: wrap;
}
.added-prods-gizmo .adp-cell {
	position: relative;
	margin: 0 0 15px 15px;
	padding: 4px;
	border: 1px solid var(--theme-pale);
}
.added-prods-gizmo .adp-cell .thumb {
	display: block;
	position: relative;
	width: 100px;
	z-index: 0;
}
.added-prods-gizmo .adp-cell.chosen {
	border-color: var(--theme-solid);
}
.added-prods-gizmo .adp-cell .thumb .sel-disp {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(var(--theme-solid-rgb), 0.8);
	opacity: 0;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	border-radius: 4px;
	z-index: 1;
	transition: opacity 0.25s ease;
}
.added-prods-gizmo .adp-cell.chosen .thumb .sel-disp {
	opacity: 1;
}
.added-prods-gizmo .adp-cell .add-btn {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
}
.added-prods-gizmo .adp-cell .zoom-btn {
	position: absolute;
	top: 4px;
	left: 4px;
	width: 24px;
	background-color: var(--theme-pale);
	text-align: center;
	line-height: 24px;
	font-size: 16px;
	color: var(--theme-solid);
	border-radius: 4px;
	z-index: 2;
}
.added-prods-gizmo .adp-cell .thumb img {
	width: 100%;
	height: auto;
}
.added-prods-gizmo .adp-cell .price-label {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 5px;
	font-size: 16px;
	color: var(--theme-prime);
}
.added-prods-gizmo .adp-cell .price-label .oldprice {
	display: inline-block;
	margin-right: 0.75rem;
	font-size: 14px;
	color: var(--theme-txt-color);
	text-decoration: line-through;
}
.added-prods-gizmo .adp-cell .title {
	display: block;
	max-width: 100px;
	line-height: 1.2;
	font-size: 13px;
}
.added-prod-controls .added-prod-heading {
	margin: 0 0 8px;
	font-size: 16px;
	font-weight: 600;
}
.added-prod-controls .added-prod-heading .ctrl {
	font-size: 14px;
	font-weight: 400;
	color: #999;
}
.added-prod-controls .clear-btn {
	display: none;
	position: relative;
	padding: 0 18px 0 0;
	min-width: 18px;
	height: 18px;
	line-height: 18px;
	font-size: 12px;
	color: var(--theme-dark);
}
.added-prod-controls .clear-btn.shown {
	display: inline-block;
}
.added-prod-controls .clear-btn::before,
.added-prod-controls .clear-btn::after {
	position: absolute;
	top: 9px;
	right: 1px;
	width: 16px;
	height: 1px;
	background-color: var(--theme-solid);
	content: "";
}
.added-prod-controls .clear-btn::before {
	transform: rotate(45deg);
}
.added-prod-controls .clear-btn::after {
	transform: rotate(-45deg);
}