/*** INDEX ***\

= NORMALIZE

= CUSTOM RESETS

= WHOLE SITE STYLES

= MAIN SITE HEADER
- Top
-- Right
-- Left
- Bottom
-- Logo
-- Nav

= RESPONSIVE

\*** END INDEX ***/

/*
//======================================================================
// NORMALIZE
//======================================================================
*/

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

/*
//======================================================================
// NORMALIZE - END
//======================================================================
*/

/*
//======================================================================
// CUSTOM RESETS
//======================================================================
*/

a {
	text-decoration: none;
	color: inherit;
}

ul, ol {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

textarea {
	resize: vertical;
}

img {
	max-width: 100%;
	height: auto;
	display: block;
}

select {
	background-color: #fff;
}

pre {
	margin: 0;
	padding: 14px;
	border-radius: 20px;
	border: 1px solid #ccc;
	background-color: #eee;
	font-family: monospace;
}

span.wpcf7-not-valid-tip {
	direction: rtl;
}

.use-floating-validation-tip span.wpcf7-not-valid-tip {
	left: auto;
	right: 20%;
}

span.wpcf7-list-item {
	margin: 0 1em 0 0;
}

/*
//======================================================================
// CUSTOM RESETS - END
//======================================================================
*/

/*
//======================================================================
// WHOLE SITE STYLES
//======================================================================
*/

:root {
	--notif-hue: 210deg;
	--notif-sat: 3%;
	--notif-light: 15%;

	--black: #000;
	--black2: #161414;
	--black3: #2f2d2d;
	--white: #fff;
	--green: #c0ea6a;
	--darkgreen : #008000;
	--gray: #F6F6F5;
	--gray2: #c0ea6a;
	--gray3: #f0f0f0;

	--font15px: 0.938em;
	--font17px: 1.063em;
	--font20px: 1.250em;
	--font25px: 1.563em;
	--font35px: 2.188em;
	--font45px: 2.813em;
	--font50px: 3.125em;
	--font100px: 6.250em;

	--fw400: 400;
	--fw700: 700;
}

body {
	font-size: 16px;
	font-family:agas, arial;
}

body * {
	box-sizing: border-box;
}

main {
	background-color: #fff;
}

.login-as-user-top {
	top: initial !important;
	bottom: 0;
}

.bt-lazy-load {
	width: 100% !important;
	height: 300px !important;
}

.site-bg {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.container-1074 {
	max-width: 1074px;
	margin: 0 auto;
}

.transition-030 {
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	transition: all 0.30s ease-in-out;
}

.content-no-margin-top-bottom > :first-child,
.wnm > :first-child {
	margin-top: 0;
}

.content-no-margin-top-bottom > :last-child,
.wnm > :last-child {
	margin-bottom: 0;
}

.font200,  .afek-ultralight{font-weight: 200;}
.font300, .afek-light{font-weight: 300;}
.font400, .afek-regular{font-weight: 400;}
.font500, .afek-medium {font-weight: 700;}
.font600, .afek-demibold {font-weight: 700;}
.font700, .afek-bold {font-weight: 700;}
.font900, .afek-ultrabold {font-weight: 700;}

@media (max-width: 1023px) {
	.btba-jump-to-main-content {
		display: none !important;
	}
}

.site-loader {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgb(255 255 255 / 100%);
	z-index: 99999999;
	display: flex;
	align-items: center;
	justify-content: center;
}

.site-loader .logo-wrapper {
	border: 16px solid #f3f3f3;
	border-top: 16px solid #c0ea6a;
	border-radius: 50%;
	width: 180px;
	height: 180px;
	animation: spinloader 2s linear infinite;
	display: flex;
	align-items: center;
	justify-content: center;
}

.site-loader .logo-wrapper img {
	max-width:120px;
	animation: spinlogo 2s linear infinite;
}

@keyframes spinloader {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

@keyframes spinlogo {
	0% {
		transform: rotate(360deg);
	}

	100% {
		transform: rotate(0deg);
	}
}

.page-title {
	font-weight: 700;
	text-align: center;
	font-size: 60px;
	padding: 34px 0;
	margin:0 auto;
}

/*
//======================================================================
// WHOLE SITE STYLES - END
//======================================================================
*/

/*
//======================================================================
// MAIN SITE HEADER
//======================================================================
*/

.main-site-header {
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	height: 135px;
	z-index: 120;
}

.main-site-header .top,
.main-site-header .bottom {
	padding: 0 60px;
}

.left-content .mobile-login {
	display: none;
}

/*
//-----------------------------------------------------
// Top
//-----------------------------------------------------
*/

.main-site-header .top {
	background-color: #626469;
	color: #F6F6F5;
	color: var(--white, #F6F6F5);
	min-height: 44px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
}

/*
//-----------------------------------------------------
// Right
//-----------------------------------------------------
*/

.main-site-header .top .right,
.main-site-header .top .right .social ul {
	display: flex;
	align-items: center;
}

.main-site-header .top .right .phone .mobile {
	display: none;
}

.main-site-header .top .right .seperator {
	margin: 0 30px;
}

.main-site-header .top .right .social ul li:not(:last-child) {
	margin-left: 17px;
}

.main-site-header .top .right .social ul li img {
	max-height: 18px;
}

.main-site-header .top .right .share-buttons,
.main-site-header .bottom .share-buttons,
.single-product .summary .share-buttons{
	display: flex;
	align-items: center;
	gap: 10px;
}
.single-product .summary .share-buttons{
	position: relative;
}

.main-site-header .top .right .share-buttons .share-btn-svg,
.single-product .summary .share-buttons .share-btn-svg {
	height: 20px;
	width: 17px;
	cursor: pointer;
}

.main-site-header .bottom .share-buttons .share-btn-svg{
	height: 35px;
	width: 25px;
	cursor: pointer;
}

.main-site-header .top .right .share-buttons .buttons-container,
.main-site-header .bottom .share-buttons .buttons-container,
.single-product .summary .share-buttons .buttons-container{
	position: absolute;
	background-color: #fff;
	top: 100%;
	border: 1px solid #CCC;
	border-radius: 6px;
	width: 330px;
	z-index: 10;
	padding: .3rem .5rem;
	display: none;
}

.single-product .summary .share-buttons .title{
	font-size: 1.250em;
	font-weight: bold;
}

.main-site-header .bottom .share-buttons .buttons-container{
	left: 55px;
	top: -106px;
}

.main-site-header .top .right .share-buttons .buttons-container ul,
.main-site-header .bottom .share-buttons .buttons-container ul,
.single-product .share-buttons .buttons-container ul{
	display: flex;
	justify-content: space-between;
	margin-top: 5px;
}
.main-site-header .top .right .share-buttons .buttons-container li .link-name,
.main-site-header .bottom .share-buttons .buttons-container li .link-name,
.single-product .share-buttons .buttons-container li .link-name{
	display: none;
}

/*
//-----------------------------------------------------
// Right - end
//-----------------------------------------------------
*/

/*
//-----------------------------------------------------
// Left
//-----------------------------------------------------
*/

.main-site-header .top .left .links ul,
.main-site-header .top .left .links ul li a
.main-site-header .top .left .links ul li > button {
	display: flex;
	align-items: center;
}

.main-site-header .top .left .links ul li.translate-engine {
	position: relative;
    display: grid;
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    align-items: center;
    grid-template-columns: auto 0px;
}



#cloudflare-app-google-translate a{display:none !important;}
#cloudflare-app-google-translate > div{font-size:0;     visibility: hidden;     width: fit-content;}

#cloudflare-app-google-translate > div > div{font-size:14px;     visibility: visible;}
#cloudflare-app-google-translate > div > div > select{
	padding: 10px;
	height: 10px;
	width: fit-content;
}
.main-site-header .top .left .links ul li.translate-engine .start-engine {
	display: flex;
	width: 25px;
	color: #fff;
	background-color: transparent;
	border: unset;
}

.main-site-header .top .left .links ul li.translate-engine #google_translate_element {
	display: none;
	position: absolute;
	top: calc(100% + 5px);
	left: 0;
	padding: .7rem;
	border-radius: .2rem;
	min-width: 150px;
	background-color: #fff;
	z-index: 5;
	border: 1px solid #626469;
	font-size: 1rem;
}

.main-site-header .top .left .links ul li.translate-engine #google_translate_element * {
	font-size: 1rem;
}

iframe.goog-te-banner-frame {
	top: initial;
	bottom: 0;
}

.main-site-header .top .left .links ul li.logged_mode {
	position: relative;
	padding: 7px 0;
}

.main-site-header .top .left .links ul li.logged_mode > button {
	background-color: transparent;
	border: none;
	color: #fff;
	padding: 0 10px 0 0;
	cursor: pointer;
}

.logged_mode_name {
	margin-left: 4px;
}

.user-chevron-down {
	transform: rotate(90deg);
	display: inline-block;
	font-size: 18px;
}

.main-site-header .top .left .links ul li.logged_mode .bt-account-links {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	padding: 15px;
	white-space: nowrap;
	background-color: #fff;
	border: 1px solid #ddd;
	z-index: 2;
}

.main-site-header .top .left .links ul li.logged_mode:hover .bt-account-links {
	display: block;
}

.main-site-header .top .left .links ul li.logged_mode .bt-account-links ul {
	flex-direction: column;
	align-items: initial;
}

.main-site-header .top .left .links ul li.logged_mode .bt-account-links ul li {
	margin-left: 0;
}

.main-site-header .top .left .links ul li.logged_mode .bt-account-links ul li a {
	display: block;
	padding: .5rem 1rem;
	color: #000;
	transition: all .3s ease-in-out;
}

.main-site-header .top .left .links ul li.logged_mode .bt-account-links ul li a:hover {
	background-color: var(--green);
	font-weight: 500;
}

.main-site-header .top .left .links ul li:not(:last-child) {
	margin-left: 3.02vw;
}

.main-site-header .top .left .links ul li img {
	margin-left: 5px;
	max-height: 18px;
}

/*
//-----------------------------------------------------
// Left - end
//-----------------------------------------------------
*/

/*
//-----------------------------------------------------
// Top - end
//-----------------------------------------------------
*/

/*
//-----------------------------------------------------
// Bottom
//-----------------------------------------------------
*/

.main-site-header.scroll {
	top: 0;
	position: fixed;
	z-index: 120;
	width: 100%;
	-moz-box-shadow: 0 3px 10px 0 #333;
	-webkit-box-shadow: 0 3px 10px 0 #333;
	box-shadow: 0 3px 10px 0 #333;
}

.main-site-header .bottom {
	background-color: #fff;
	background-color: var(--white, #fff);
	min-height: 91px;
	display: grid;
}

.main-site-header .bottom.scroll {
	top: 0;
	position: fixed;
	z-index: 10;
	width: 100%;
	-moz-box-shadow: 0 -3px 10px 0 #333;
	-webkit-box-shadow: 0 -3px 10px 0 #333;
	box-shadow: 0 -3px 10px 0 #333;
}

.main-site-header .bottom > * {
	grid-column: 1/-1;
	grid-row: 1/-1;
}

.main-site-header .bottom .left-content {
	justify-self: end;
	display: flex;
	justify-content: center;
	align-items: center;
	align-self: center;
}

.main-site-header .bottom .left-content > *:not(:last-child) {
	margin-left: 20px;
}

.main-site-header .bottom .left-content .search-icon {
	display: flex;
	align-items: center;
}

.main-site-header .bottom .left-content .search-icon:hover {
	cursor: pointer;
}

/*
//-----------------------------------------------------
// Logo
//-----------------------------------------------------
*/

.main-site-header .bottom .logo {
	align-self: center;
	justify-self: start;
}

.main-site-header .bottom .logo a img {
	max-height: 68px;
	width:auto;
}

/*
//-----------------------------------------------------
// Logo - end
//-----------------------------------------------------
*/

/*
//-----------------------------------------------------
// Nav
//-----------------------------------------------------
*/

.main-site-header .bottom nav {
	justify-self: center;
}

.main-site-header .bottom nav > ul,
.main-site-header .bottom nav > ul > li > a {
	display: flex;
	height: 100%;
}

.main-site-header .bottom nav > ul > li.bold,
.mobile-menu.open ul.menu li.bold {
	font-weight: bold;
	font-size: 1.250rem;
}

.main-site-header .bottom nav > ul > li > a {
	align-items: center;
	padding: 0 1.46vw;
	transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

.main-site-header .bottom nav > ul > li:hover > a {
	background-color: #000;
	background-color: var(--black, #000);
	color: #fff;
	color: var(--white, #fff);
}

.main-site-header .bottom nav > ul > li {
	position: relative;
}

.main-site-header .bottom nav > ul > li > ul {
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	background-color: #000;
}

.main-site-header .bottom nav > ul > li > ul > li > a {
	color: #fff;
	display: block;
	padding: .8rem 1.46vw;
	white-space: nowrap;
}

.main-site-header .bottom nav > ul > li:hover > ul {
	display: block;
}

/*
//-----------------------------------------------------
// Nav - end
//-----------------------------------------------------
*/

.breadcrumbs {
	height: 75px;
	background-color: #f0f0f0;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.375em;
}

.breadcrumbs .seperator {
	margin: 0 17px;
}

.breadcrumbs .current-item {
	font-weight: bold;
}

.breadcrumbs .breadcrumb_last {
	font-weight: bold;
}

.breadcrumbs span:last-child span {
	/* 	font-weight: bold; */
}

.main-site-header .bottom .mobile-button {
	display: none;
}

/*
//-----------------------------------------------------
// Bottom - end
//-----------------------------------------------------
*/

/*
//-----------------------------------------------------
// Notifications
//-----------------------------------------------------
*/

.notifications {
	display: flex;
	position: relative;
	align-items: center;
}

.notifications .toggle-notifications {
	background-color: transparent;
	border: none;
	padding: 0;
	cursor: pointer;
	position: relative;
	outline: none;

	background-color: #E4E6EB;
	padding: 10px;
	border-radius: 100%;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .175s ease-in-out;
}

.notifications .bell-icon {
	transition: all .175s ease-in-out;
}

.notifications .toggle-notifications:hover .bell-icon,
.notifications .toggle-notifications.active .bell-icon {
	filter: invert(93%) sepia(33%) saturate(710%) hue-rotate(20deg) brightness(92%) contrast(98%);
}

.notifications .notifications-count {
	position: absolute;
	top: -10px;
	left: 100%;
	font-size: .75rem;
	color: red;

	left: calc(100% - 12px);
	top: -6px;
	font-size: .76rem;
	color: #ffffff;
	font-weight: 700;
	background-color: #E41E3F;
	width: 20px;
	height: 20px;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.notifications-wrapper {
	display: none;
	width: 400px;
	min-height: 220px;
	max-height: 440px;
	overflow: auto;
	border-radius: 8px;
	position: absolute;
	top: 45px;
	left: 0;
	z-index: 150;
	border: none;
	color: white;
	background-color: hsl(
		var(--notif-hue)
		var(--notif-sat)
		var(--notif-light)
	);
}

.notifications-wrapper .single-notification:not(:first-child) a {
	padding-top: 10px;
}

.notifications-wrapper .single-notification .inner-notification.have-image {
	display: grid;
	grid-gap: 10px;
	grid-template-columns: 100px 1fr;
	padding: 10px;
}

.notifications-wrapper .single-notification .image-wrapper {
	height: 80px;
}

.notifications-wrapper .single-notification .title {
	font-size: 1.063rem;
	font-weight: bold;
}

.notifications-wrapper .single-notification .content p {
	margin: 0;
}

.notifications-wrapper .single-notification:not(:last-child) {
	border-bottom: 1px solid;
}

/* NEW */
.notifications-wrapper.empty {
	height: 100%;
}

.notifications .toggle-notifications:not(.active):hover,
.notifications .toggle-notifications.active {
	background-color: #D8DADF;
}

.notifications .toggle-notifications:hover .bell-icon, .notifications .toggle-notifications.active .bell-icon {
	filter: unset;
}

.notifications-list {
	display: grid;
	padding: 10px;
	height: 100%;
}

.notifications ::-webkit-scrollbar {
	width: 10px;
}

.notifications ::-webkit-scrollbar-thumb {
	--notif-hue: 220deg;
	--notif-sat: 1%;
	--notif-light: 43%;
	background-color: hsl(
		var(--notif-hue)
		var(--notif-sat)
		var(--notif-light)
	);
	border-radius: 6px;
}

.notifications ::-webkit-scrollbar-thumb:hover {
	--notif-light: 35%;
	background-color: hsl(
		var(--notif-hue)
		var(--notif-sat)
		var(--notif-light)
	);
}

.notification-row .notification-link {
	display: block;
	padding: 0 10px;
}

.notification-row .notification-link:hover {
	--notif-light: 23%;
	background-color: hsl(
		var(--notif-hue)
		var(--notif-sat)
		var(--notif-light)
	);
}

.notification-row .notification-inner {
	display: flex;
	padding: 10px 0;
}

.notification-row:not(:last-child) .notification-inner {
	border-bottom: 1px solid var(--black3);
}

.notification-row .notification-inner > *:not(:last-child) {
	margin-left: 10px;
}

.notification-row .notification-img {
	height: 76px;
	max-width: 76px;
	width: 100%;
	object-fit: contain;
	object-position: top;
}

.notification-row .notification-content {
	display: grid;
	flex-grow: 1;
}

.notification-row .notification-content .message > * {
	display: inline;
}

.notification-row .notification-content .time {
	align-self: end;
	justify-self: end;
	font-size: 0.875rem;
	padding-left: 10px;
}

.notification-row .notification-mark {
	background-color: var(--green);
	border-radius: 100%;
	width: 10px;
	height: 10px;
	align-self: center;
	margin-right: auto;
	flex-shrink: 0;
	visibility: hidden;
}

.notification-row:not(.read) .notification-mark {
	visibility: visible;
}

.notifications-empty {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	height: 100%;
}

.notifications-empty img {
	margin-bottom: 26px;
	width: auto;
	height: 66px;
}

.notifications-list .bt-loader {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.notifications-list .bt-loader .loading-text {
	margin-bottom: -10px;
	letter-spacing: 1px;
	font-size: 1.125rem;
}

.lds-ellipsis {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
}
.lds-ellipsis div {
	position: absolute;
	top: 33px;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	background: var(--green);
	animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
	left: 8px;
	animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
	left: 8px;
	animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
	left: 32px;
	animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
	left: 56px;
	animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
	0% {
		transform: scale(0);
	}
	100% {
		transform: scale(1);
	}
}
@keyframes lds-ellipsis3 {
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(0);
	}
}
@keyframes lds-ellipsis2 {
	0% {
		transform: translate(0, 0);
	}
	100% {
		transform: translate(24px, 0);
	}
}

/*
//-----------------------------------------------------
// Notifications - End
//-----------------------------------------------------
*/

/*
//-----------------------------------------------------
// Mini cart
//-----------------------------------------------------
*/

.main-site-header .bt-minicart {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.main-site-header .bt-minicart .toggle-minicart {
	display: flex;
	padding: 0;
	position: relative;
	background-color: transparent;
	border: none;
	cursor: pointer;
}

.main-site-header .bt-minicart .icon-shopping-cart {
	font-size: 23px;
}

.main-site-header .bt-minicart .cart-link {
	display: none;
}

.main-site-header .bt-minicart .cart-items-count {
	position: absolute;
	top: -10px;
	right: -5px;
	font-size: 0.75rem;
}

.main-site-header .bt-minicart .widget_shopping_cart_content {
	position: absolute;
	top: 100%;
	left: 0;
	background-color: #eee;
	border: 1px solid #ddd;
	padding: 10px;
}

/*
//-----------------------------------------------------
// Mini cart - End
//-----------------------------------------------------
*/

/*
//-----------------------------------------------------
// Search
//-----------------------------------------------------
*/

.search-wrapper.open {
	display: flex;
}

.search-wrapper {
	display: none; 
	/*display: flex;*/
	justify-content: center;
	height: 612px;
	background: #fff;
	position: absolute;
	width: 100%;
	z-index: 100;
	opacity: 0.95;
}

.search-wrapper button.close-button {
	background: unset;
	border: unset;
	align-self: start;
}

.search-wrapper button.close-button:hover {
	cursor: pointer;
}

.search-wrapper form {
	width: 100%;
	display: flex;
	justify-content: center;
	align-self: start;
	margin-top: 40px;
	padding: 0 15px;
}

.search-wrapper form > input {
	border: none;
	background: transparent;
	border-bottom: 2px solid #000;
	max-width: 500px;
	width: 100%;
	color: #000;
	padding: 10px;
}

.search-wrapper form > button {
	border: none;
	background: transparent;
	cursor: pointer;
}

.visually-hidden { 
	position: absolute !important;
	height: 1px; 
	width: 1px;
	overflow: hidden;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	white-space: nowrap; /* added line */
}

/*
//-----------------------------------------------------
// Search - end
//-----------------------------------------------------
*/

.mobile-menu {
	display: none;
}

.mobile-menu.open {
	display: flex;
	flex-direction: column;
	/* 	height: calc(100vh - 91px); */
	height: 100vh;
	background-color: #fff;
	width: 100%;
	/* 	padding: 0 15px; */
	position: absolute;
	right: 0;
	width: 100%;
	z-index: 100;
}

.mobile-menu.open .close {
	text-align: left;
	font-size: 1.5rem;
	padding: 5px 0 0 10px;
	background: none;
	border: none;
	display: table;
	margin-right: auto;
}

.mobile-menu .translate-engine {
	position: relative;
	list-style-type: none;
	padding: 10px 15px;
	display: grid;
	 grid-template-columns: auto 0px;
	grid-template-rows: 1fr;
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	align-items: center;
	width: 100%;
	justify-content: start;
}

.mobile-menu .translate-engine .start-engine {
	display: flex;
	width: 25px;
	color: #fff;
	background-color: transparent;
	border: unset;
	padding: 0;
}

.mobile-menu .translate-engine .start-engine svg {
	filter: brightness(0.2);
}

.mobile-menu .translate-engine .google-translate-el {
	display: none;
	position: absolute;
	bottom: calc(100% + 5px);
	right: 15px;
	padding: 0.7rem;
	border-radius: 0.2rem;
	min-width: 150px;
	background-color: #fff;
	z-index: 5;
	border: 1px solid #626469;
	font-size: 1rem;
}

.mobile-menu .translate-engine .google-translate-el * {
	font-size: 1rem;
}

.mobile-menu.open .social {
	margin-top: auto;
	background-color: #c0ea6a;
	padding: 10px;
}

.mobile-menu.open .social ul {
	display: flex;
	justify-content: space-evenly;
	/* 	padding: 0 15px; */
}

.mobile-menu.open .social ul li:not(:last-child) {
	margin-left: 30px;
}

.mobile-menu.open .social ul li a {
	font-size: 1.3rem;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

.mobile-menu.open ul.menu {
	overflow-y: auto;
	padding: 40px 15px;
}

.mobile-menu.open ul.menu > li {
	margin-bottom: 15px;
	font-size: 1.2rem;
	border-bottom: 1px solid #ededed;
}

.mobile-menu.open ul.menu > li.active {
	border-bottom: none;
}

.mobile-menu.open ul.menu li:last-child {
	border-bottom: none;
	margin-bottom: 0;
}

.mobile-menu.open ul.menu li a {
	display: block;
	width: fit-content;
}

.mobile-menu ul.menu li.menu-item-has-children {
	position: relative;
	display: grid;
	grid-template-columns: 1fr auto;
}

.mobile-menu ul.menu li.menu-item-has-children .toggle-sub-menu {
	border: none;
	width: 1rem;
	height: 1rem;
	background-color: transparent;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
	background-color: var(--green);
	grid-area: 1/2;
}

.mobile-menu ul.menu li.menu-item-has-children .toggle-sub-menu .chevron {
	color: white;
	font-size: 26px;
	transform: rotate(90deg);
}

.mobile-menu ul.menu li.menu-item-has-children.active .toggle-sub-menu .chevron {
	transform: rotate(-90deg);
}

.mobile-menu ul.menu li.menu-item-has-children ul.sub-menu {
	display: none;
	background-color: var(--gray);
	margin: 10px 0;
	grid-area: 2/span 2;
}

.mobile-menu ul.menu li.menu-item-has-children ul.sub-menu a {
	padding: 10px;
}

.mobile-social {
	display: none;
}

/*
//======================================================================
// MAIN SITE HEADER - END
//======================================================================
*/

/*
//======================================================================
// RESPONSIVE
//======================================================================
*/

@media (max-width: 1560px) {
	.main-site-header .bottom nav > ul > li > a {
		padding: 0 1.1vw;
	}
}

@media (min-width: 981px) and (max-width: 1400px) {
	.main-site-header .bottom {
		grid-template-columns: auto minmax(0, 1fr) auto;
	}

	.main-site-header .bottom .logo {
		grid-column: 1/2;
	}

	.main-site-header .bottom nav {
		grid-column: 2/3;
	}

	.main-site-header .bottom .left-content {
		grid-column: 3/4;
	}
}

@media (max-width: 1200px) {
	.main-site-header .bottom nav > ul > li > a {
		padding: 0 10px;
	}
}

@media (max-width: 980px) {
	.main-site-header .top, 
	.main-site-header .bottom {
		padding: 0 15px;
	}

	.page-title{
		font-size: 2.2rem;
		padding: 34px 0 0;
	}

	.main-site-header .bottom nav.desktop {
		display: none;
	}

	.main-site-header .bottom > * {
		grid-column: unset;
		grid-row: unset;
	}

	.main-site-header .bottom .mobile-button {
		display: grid;
		grid-template-rows: repeat(3, 1fr);
		grid-gap: 5px;
		width: 20px;
	}

	.main-site-header .bottom .mobile-button .line {
		width: 100%;
		height: 2px;
		background-color: #000;
	}

	.main-site-header .bottom .mobile-button.open {
		margin-top: 12px;
	}

	.main-site-header .bottom .mobile-button.open .line:first-child {
		transform: rotate(45deg);
	}

	.main-site-header .bottom .mobile-button.open .line:nth-child(2) {
		display: none;
	}

	.main-site-header .bottom .mobile-button.open .line:last-child {
		transform: rotate(-45deg);
		margin-top: -7px;
	}

	.main-site-header .bottom {
		grid-template-columns: 100px auto 1fr;
		align-items: center;
	}

	.main-site-header.scroll .bottom {
		-webkit-box-shadow: 0px 5px 10px 5px rgba(0,0,0,0.2);
		-moz-box-shadow: 0px 5px 10px 5px rgba(0,0,0,0.2);
		box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.2);
	}

	.main-site-header .bottom .share-buttons {
		display: block;
		position: fixed;
		left: 0;
		top: 50%;
		background-color: #b3b3b3;
		display: flex;
		width: 50px;
		height: 50px;
		align-items: center;
		justify-content: center;
		border-radius: 100%;
	}
	.main-site-header .bottom .share-buttons .title {
		display: none;
	}

	.main-site-header .bottom .share-buttons .buttons-container{
		width: auto;
		border: none;
	}

	.main-site-header .bottom .share-buttons .buttons-container ul{
		flex-direction:column ;
		gap: 10px;
	}
	.main-site-header .bottom .share-buttons .buttons-container li svg {
		border-radius: 50%;
		height: 40px;
		width: 40px;
	}
}

@media (max-width: 800px) {
	.main-site-header .top {
		display: none;
	}

	.main-site-header {
		height: unset;
	}

	.main-site-header .bottom {
		grid-template-columns: 30px 1fr 40px;
	}

	.main-site-header .bottom .left-content {
		width: 100%;
		padding: 0 15px;
	}

	.main-site-header .bottom .left-content .bt-minicart {
		order: 1;
	}

	.main-site-header .bottom .left-content .search-icon {
		order: 2;
	}

	.main-site-header .bottom .logo {
		order: 3;
	}

	.main-site-header .bottom .logo a img {
		width: 40px;
	}

	.left-content .notifications,
	.left-content .search-icon {
		height: 24px;
	}

	.notifications-wrapper {
		right: -60px;
	}

	.left-content .mobile-login {
		align-items: center;
		display: flex;
		padding: 0 15px;
		position: relative;
	}

	.left-content .mobile-login span {
		margin-left: 5px;
	}

	.left-content .mobile-login .toggle-myaccount {
		padding: 0;
		background-color: transparent;
		border: none;
	}

	.left-content .mobile-login .bt-account-links {
		display: none;
		position: absolute;
		top: 100%;
		right: 0;
		padding: 15px;
		white-space: nowrap;
		background-color: #fff;
		border: 1px solid #ddd;
		z-index: 2;
	}

	.left-content .mobile-login .bt-account-links ul {
		flex-direction: column;
		align-items: initial;
	}

	.left-content .mobile-login .bt-account-links ul li {
		margin-left: 0;
	}

	.left-content .mobile-login .bt-account-links ul li a {
		display: block;
		padding: .5rem 1rem;
		color: #000;
	}

	.left-content .mobile-login .bt-account-links ul li:not(:last-child) a {
		border-bottom: 1px solid var(--gray3);
	}

	.left-content .mobile-login .bt-account-links ul li a:hover {
		background-color: #fafafa;
	}
}

@media (max-width: 600px) {
	.breadcrumbs {
		padding: 0 15px;
		font-size: 1em;
	}
}

@media (max-width: 500px) {
	.notifications {
		position: initial;
	}

	.notifications-wrapper {
		left: 0;
		right: 0;
		top: 100%;
		width: 92%;
		margin: 0 4%;
	}
	.single-product .summary .share-buttons .buttons-container{
		width: 110px;
		right: 40px;
	}
	.single-product .summary .share-buttons .buttons-container ul{
		flex-wrap: wrap;
		justify-content: space-around;
	}

	.single-product .summary .share-buttons .buttons-container li{
		flex-basis: 25%;
	}
}

@media (max-width: 370px) {
	.main-site-header .bottom .logo a img{width: 30px;}
	.left-content .mobile-login .toggle-myaccount{font-size: 0.7rem;}
	.main-site-header .bottom .left-content > *:not(:last-child) {
		margin-left: 10px;
	}
	.main-site-header .bottom .left-content {
		width: 100%;
		padding: 0 8px;
	}
	.main-site-header .bottom {
		grid-template-columns: 30px 1fr 30px;
	}

}
@media (min-width: 981px) {
	.mobile-menu.open {
		display: none;
	}
}

/*
//======================================================================
// RESPONSIVE - END
//======================================================================
*/

/*
//======================================================================
// MINI CART
//======================================================================
*/

.mobile-mini-cart {
	display: flex;
	flex-direction: column;
	left: 120%;
	position: fixed;
}

.mobile-mini-cart.open {
	max-width: 320px;
	position: fixed;
	left: 0;
	top: 0;
	width: 320px;
	background: #fff;
	z-index: 125;

	padding: 15px;
	-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.25);
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.25);

	transition: left 0.3s ease-in-out;
}

.mobile-mini-cart.open .widget_shopping_cart_content ul {
	height: 150px;
	overflow-x: auto;
}

.mobile-mini-cart.open a.remove {
	display: none;
}

.mobile-mini-cart.open .close-button {
	text-align: left;
	padding: 10px;
	background: unset;
	border: none;
}

.mobile-mini-cart.open .close-button:hover {
	cursor: pointer;
}

.mobile-mini-cart.open .title {
	/* 		font-size: 2.500em; */
	font-size: 2rem;
	font-weight: bold;
	padding-bottom: 11px;
	border-bottom: 1px solid #c0ea6a;
	border-bottom: 1px solid var(--green, #c0ea6a);
	margin-bottom: 16px;
	display: table;
}

.mobile-mini-cart.open p.woocommerce-mini-cart__total {
	padding-top: 17px;
	border-top: 1px solid #000;
	display: flex;
	justify-content: space-between;
	font-size: 1.250em;
	font-weight: bold;
	margin: 0;
}

.mobile-mini-cart.open p.woocommerce-mini-cart__total span.woocommerce-Price-amount {
	font-size: 1.250em;
	font-weight: 300;
}

.mobile-mini-cart.open p.woocommerce-mini-cart__buttons {
	margin: 26px 0 0;
	display: flex;
	justify-content: space-between;
}

.mobile-mini-cart.open p.woocommerce-mini-cart__buttons a.button.wc-forward {
	background-color: #c0ea6a;
	background-color: var(--green, #c0ea6a);
	color: #000;
	flex-basis: 136px;
	text-align: center;
	font-size: 100%;
	margin: 0;
	line-height: 1;
	cursor: pointer;
	position: relative;
	text-decoration: none;
	overflow: visible;
	padding: .618em 1em;
	font-weight: 700;
	border-radius: 3px;
	right: auto;
	border: 0;
	display: inline-block;
	background-image: none;
	box-shadow: none;
	text-shadow: none;
}

.mobile-mini-cart.open .woocommerce-mini-cart-item a:not(.remove) {
	display: flex;
	font-size: 1.250em;
	align-items: center;
	font-weight: unset;
}

.mobile-mini-cart.open .woocommerce-mini-cart-item .image-wrapper {
	width: 66px;
	height: auto;
	margin-left: 17px;
}

.mobile-mini-cart.open .woocommerce-mini-cart-item .content-wrapper {
	display: flex;
	flex-direction: column;
}

.mobile-mini-cart.open .woocommerce-mini-cart-item .content-wrapper .quantity {
	font-weight: bold;
	margin-top: 16px;
}

/*
//======================================================================
// MINI CART - END
//======================================================================
*/

/*
//======================================================================
// WEB TOUR
//======================================================================
*/
.wt-popover .buttons-container{
	display: flex;
	flex-direction: row-reverse;
	width: 100%;
	gap: 1rem;
}

/*
//======================================================================
// WEB TOUR - END
//======================================================================
*/


/*
//======================================================================
// 
floating_button
//======================================================================
*/

.floating_button_container {
	position: fixed;
	bottom: 100px;
	left: 20px;	
	z-index: 99;
}


.tracks_floating_button {
	padding:  10px 20px;
	font-size: 18px ;
	font-weight: 500 ;
	border-radius: 8px;
	display:flex;
	text-align:center;

}

.floating_button_closing-button {
	position:absolute ;
	top: -28px;
	right: -24px;
	border-radius: 50%;
	border: none;
	cursor: pointer;
	padding: 10px 6px;
	line-height:0;
}

.hide_floating_button {

	display:none;
}

.hidden {
	display:none;
}



@media screen and (max-width: 900px) {
	.floating_button_container {
		bottom: 10px;
	}
}

/*
//======================================================================
//
floating_button - END
//======================================================================
*/


