/* AUTOGENERATED - HEADWRAP - START - DO NOT TOUCH THIS COMMENT OR THE CODE BETWEEN THIS COMMENT AND THE AUTOGENERATED - END COMMENT */

/**
 * DESKTOP & MOBILE HEADER WRAPPER
 * ===============================
 * DESKTOP & MOBILE MENU
 * =====================
 */

/**
 * DESKTOP & MOBILE MENU VARS
 * ==========================
 */
.widget_nav_menu ul.menu, /* DROPDOWNABLE_WIDGETS */ 
.sk__header-wrapper, 
.sk__mobile-header-wrapper, 
.sk__menu-overlay {

	/**
	 * Navigation Menus Z-index vars
	 * =============================
	 */

	--modern-sidebar-z-index: 100000; /* #wpadminbar is 99999 */
	--mobile-menu-trigger-z-index: 9999;
	--sidebar-trigger-z-index: 9998;
	--header-wrapper-z-index: 9997;
	--mobile-menu-z-index: 9996;
	--mobile-menu-overlay-z-index: 9990;

	/* Mobile menu - general */
	
	--mobile-header-background-color: #ffffff;
	--mobile-header-border-bottom-color: #fcfcfc;
	--mobile-menu-background-color: #ffffff;
	--mobile-menu-deco-borders-color: #f4f4f4;

	--submenu-item-padding: 7px 14px 7px 14px;

}

.widget_nav_menu ul.menu, /* DROPDOWNABLE_WIDGETS */ 
.sk__menu-ul, 
.woocommerce-MyAccount-navigation-link > a, 
.sk__woo-myacc-header-user-info {

	/**
	 * Navigation Menu vars
	 * ====================
	 */

	/* Main menu - general */

	/* REMOVING --all-menu-items-font-family: var(--body-font-family, sans-serif); */
	--submenus-background-color: #ffffff;
	--submenus-padding: 12px 4px 6px 4px;
	--submenus-box-shadow: 0 6px 10px 0 rgba(15,15,15,0.12); /* CLEANDONE */
	--submenus-border-width: 0;
	--submenus-border-style: none;
	--submenus-border-color: transparent;
	--submenus-border-radius: 0;


	--subsubmenu-decorative-border-color: none; /* CANCELED */
	--menu-item-icon-font-size: 14px;
	--all-menu-items-icon-color: ;
	--all-menu-items-scrollstart-icon-color: ;
	--desktop-menu-deco-borders-initial-color: #e7e7e7;
	--desktop-menu-deco-borders-scrollstart-color: #e7e7e7;

	/* Menu item (top level) */
	--menu-item-font-size: 14px;
	--menu-item-text-color-normal: #373c44;
	--menu-item-text-color-hover: var(--brand-color);
	--menu-item-text-color-active: var(--brand-color);
	--menu-item-background-color-normal: transparent;
	--menu-item-background-color-hover: transparent;
	--menu-item-background-color-active: transparent;
	--menu-item-padding: 12px 16px 12px 16px;
	--menu-item-scrollstart-text-color-normal: #373c44;
	--menu-item-scrollstart-text-color-hover: var(--brand-color);
	--menu-item-scrollstart-text-color-active: var(--brand-color);
	--menu-item-scrollstart-background-color-normal: transparent;
	--menu-item-scrollstart-background-color-hover: transparent;
	--menu-item-scrollstart-background-color-active: transparent;
	--menu-item-scrollstart-padding: 12px 16px 12px 16px;

	/* Mobile menu items */
	--mobile-menu-items-font-size: 14px;
	--mobile-menu-items-font-weight: var(--menu-item-font-weight);
	--mobile-menu-items-text-color: #282f3a; /* No hover */
	--mobile-menu-items-background-color: transparent;

	/* Mobile menu items */
	--mobile-menu-subitems-font-size: 12px;
	--mobile-menu-subitems-font-weight: var(--submenu-item-font-weight);
	--mobile-menu-subitems-text-color: #465875; /* No hover */
	--mobile-menu-subitems-background-color: transparent;
}

.widget_nav_menu ul.menu > li > ul > li > a, /* DROPDOWNABLE_WIDGETS */ 
.sk__menu-ul > li > ul > li > a {
	/* Sub-menu item */
	--submenu-item-font-size: 14px;
	--submenu-item-text-color-normal: #373c44;
	--submenu-item-text-color-hover: var(--brand-color);
	--submenu-item-text-color-active: var(--brand-color);
	--submenu-item-background-color-normal: transparent;
	--submenu-item-background-color-hover: transparent;
	--submenu-item-background-color-active: transparent;
}

.widget_nav_menu ul.menu > li > ul > li > ul > li > a, /* DROPDOWNABLE_WIDGETS */ 
.sk__menu-ul > li > ul > li > ul > li > a {
	/* Sub-sub-menu item */
	--subsubmenu-item-font-size: 14px;
	--subsubmenu-item-text-color-normal: #373c44;
	--subsubmenu-item-text-color-hover: var(--brand-color);
	--subsubmenu-item-text-color-active: var(--brand-color);
	--subsubmenu-item-background-color-normal: transparent;
	--subsubmenu-item-background-color-hover: transparent;
	--subsubmenu-item-background-color-active: transparent;
	--subsubmenu-item-padding: 10px 10px 10px 10px;
}

.sk__top-menu-account-links {
	--login-icons-initial-color: ;
	--login-icons-scrollstart-color: ;
	--login-icons-initial-background-color: ;
	--login-icons-scrollstart-background-color: ;
}

.sk__menu-overlay, 
.sk__product-search-in-menu {

	--expanded-mobile-menu-tint: rgba(230,230,230,0.95);

}

.sk__menu-trigger-wrapper {
	--hamburger-menu-icon-color: #373c44;
	--hamburger-menu-icon-width: 35px;
	--hamburger-menu-icon-height: 30px;
	--hamburger-menu-icon-scale: 0.7;
	--hamburger-menu-icon-background-color: ;
	--hamburger-menu-button-border-width: 0;
	--hamburger-menu-button-border-style: none;
	--hamburger-menu-button-border-color: transparent;
	--hamburger-menu-button-border-radius: 0;
	--hamburger-menu-button-box-shadow: 0 0 0 0 transparent;
}

/**
 * Main Mobile Menu Wrapper and Menu UL top pusher
 * 
 * Styled for all widths.
 * 
 * .sk__mobile-header-wrapper is display: none; on computed menus_breakpoint
 */
@media all and (min-width: 1400px) {
	.sk__mobile-header-wrapper {
		min-height: 86px;
		padding: 16px 4px 16px 16px;
	}
	.sk__mobile-menu-top-pusher {
		height: 128px;
	}
}
@media all and (min-width: 783px) and (max-width: 1399px) {
	.sk__mobile-header-wrapper {
		min-height: 80px;
		padding-block: 12px;
		padding-left: 16px;
		padding-right: 4px;
	}
	.sk__mobile-menu-top-pusher {
		height: 114px;
	}
}
@media all and (min-width: 601px) and (max-width: 782px) {
	.sk__mobile-header-wrapper {
		min-height: 60px;
		padding-block: 8px;
		padding-left: 16px;
		padding-right: 4px;
	}
	.sk__mobile-menu-top-pusher {
		height: 86px;
	}
}
@media all and (max-width: 600px) {
	.sk__mobile-header-wrapper {
		min-height: 42px;
		padding-block: 4px;
		padding-left: 16px;
		padding-right: 4px;
	}
	.sk__mobile-menu-top-pusher {
		height: 60px;
	}
}

/**
 * Menu item icon
 * 
 * icons color done separately
 * icons font-size
 */
span.sk__menu-icon {
	vertical-align: middle;
	margin: 0;
	display: inline-block;
	margin-right: 8px;
	font-size: var(--menu-item-icon-font-size:);
}

/**
 * Dropdown icon
 * 
 * icons color done separately
 */
.sk__menu-wrapper li.menu-item-has-children > a:after {
	content: "\ea3d";/*"\ea39";*/ /* Icomoon icon for menu item with children */
	font-family: icomoon;
	margin-left: 8px; /* Add spacing between icon and text */
	font-weight: 700; /* OK */
	font-size: 70%; /* OK */
}

/**
 * Product search in menu
 * Normal search in menu (yes, "product-search" wrappers used)
 */
.sk__woo-search-input-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.sk__product-search-in-menu form {
	position: relative;
}
/**
 * Header Wrapper WP Adminbar Fix - DESKTOP & MOBILE
 */

@media screen and (max-width: 600px) { 
	body.admin-bar .sk__header-wrapper {
		margin-top: 46px;
		height: calc(100vh - 46px);
	}
	body.admin-bar.sk__scrolling-started .sk__header-wrapper:not(.sk__shadow-pusher) {
		margin-top: 0;
		height: calc(100vh);
	}
	body.admin-bar .sk__mobile-header-wrapper {
		top: 46px;
	}
	body.admin-bar.sk__scrolling-started .sk__mobile-header-wrapper:not(.sk__shadow-pusher) {
		top: 0;
	}

}
@media screen and (min-width: 601px) and (max-width: 782px) { 
	body.admin-bar .sk__header-wrapper {
		margin-top: 46px;
		height: calc(100vh - 46px);
	}
	body.admin-bar .sk__mobile-header-wrapper {
		top: 46px;
	}

}
@media screen and (min-width: 783px) and (max-width: 1320px) { 
	body.admin-bar .sk__header-wrapper {
		margin-top: 32px;
		height: calc(100vh - 32px);
	}
	body.admin-bar .sk__mobile-header-wrapper {
		top: 32px;
	}

}
@media screen and (min-width: 1321px) { 
	body.admin-bar .sk__header-wrapper {
		top: 32px;
	}
	body.admin-bar.sk__scrolling-started .sk__header-wrapper:not(.sk__shadow-pusher) {
		top: 32px;
	}

}

/**
 * MOBILE HEADER WRAPPER
 * =====================
 * MOBILE MENU
 * ===========
 */

/**
 * MOBILE MENU VARS
 * ================
 */
@media all and (max-width: 1320px) {
	.sk__header-wrapper {
		--mobile-menu-content-x-position: end;
	}
}

/**
 * Mobile Menu
 * ===========
 */

@media all and (max-width: 1320px) {
	
	.sk__header-wrapper.sk__shadow-pusher {
		display: none !important;
	}

	.sk__header-socials-wrapper {
		display: none;
	}

	/**
	 * Mobile Menu Socials
	 */

	.sk__mobile-socials-wrapper {
		padding: var(--submenu-item-padding) !important;
	}

	.mobile-socials-section {
		margin-top: 1rem;
		padding-top: 1rem;
		border-top: 1px solid var(--mobile-menu-deco-borders-color);
	}

	.mobile-socials-inner {
		margin-bottom: 1rem;
		padding-bottom: 1rem;
		border-bottom: 1px solid var(--mobile-menu-deco-borders-color);
	}

	.mobile-socials-section h3 {
		font-size: 19px;
		    margin-bottom: 0.5rem;
	}

	.mobile-socials-section p {
		font-size: 12px;
	}

	.sk__mobile-socials {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-flow: row wrap;
		        flex-flow: row wrap;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: start;
	}

	.sk__mobile-socials a i {
		display: inline-block;
		vertical-align: middle;
		font-size: 17px;
		font-weight: 400;
		text-align: left;
		margin-right: 8px;
		color: #6d8197;
		-webkit-filter: drop-shadow(0 0 0 );
				filter: drop-shadow(0 0 0 );
	}

	/**
	 * Mobile Menu Header
	 */

	.sk__mobile-header-wrapper {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-flow: row wrap;
		        flex-flow: row wrap;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		position: fixed;
		left: 0;
		-webkit-transition: all 0.4s ease 0s;
		-o-transition: all 0.4s ease 0s;
		transition: all 0.4s ease 0s;
		background-color: var(--mobile-header-background-color);
		border-bottom: 1px solid var(--mobile-header-border-bottom-color);
		-webkit-box-shadow: 0px -5px 9px 5px  rgba(0,0,0,0.1);
				box-shadow: 0px -5px 9px 5px  rgba(0,0,0,0.1);
	}
	.navbar-brand {
		display: block;
		-ms-flex-item-align: stretch;
		 -ms-grid-row-align: stretch;
				 align-self: stretch;
		width: 50%;
		position: relative;
	}
	.navbar-brand img {
		position: absolute;
		width: 100%;
		height: 100%;
		-o-object-fit: contain;
		object-fit: contain;
		-o-object-position: left center;
		object-position: left center;
	}

	.sk__header-wrapper {
		position: fixed;
		width: 100vw;
		height: 100vh;
		-webkit-transition: all 0.4s ease 0s;
		-o-transition: all 0.4s ease 0s;
		transition: all 0.4s ease 0s;
		z-index: var(--mobile-menu-z-index);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-flow: column;
		        flex-flow: column;
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: start; /* vertical alignment (because column) */
		-webkit-box-align: var(--mobile-menu-content-x-position);
		    -ms-flex-align: var(--mobile-menu-content-x-position);
		        align-items: var(--mobile-menu-content-x-position); /* horizontal alignment (because column) */
	}

	.sk__logo-wrapper {
		display: none;
	}

	.sk__menu-wrapper {
		z-index: var(--mobile-menu-z-index);
		/**
		 * Normal top position of MOBILE Header Wrapper
		 * Header Wrapper WP Adminbar Fix - DESKTOP & MOBILE logic done separately
		 */
		height: 100%; /* AFFECTED by #wpadminbar, body.admin-bar .sk__header-wrapper managed separately. FUUUUCK #wpadminbar */
		padding-inline: 16px;
		background-color: var(--mobile-menu-background-color);
	}

	.sk__main-menu {
		height: 100%;
		overflow: hidden;
		position: relative;
		top: 0;
	}

	ul.sk__menu-ul {
		display: -ms-grid;
		display: grid;
		grid-auto-flow: dense;
		grid-auto-rows: -webkit-min-content;
		grid-auto-rows: min-content;
		position: relative;
		overflow-x: hidden;
		overflow-y: scroll;
		top: 0;
		height: 100%;
		width: 100%;

		list-style: none;
		margin: 0;
		padding: 0 0 0 1px;
	}

	.sk__menu-overlay {
		content: "";
		z-index: var(--mobile-menu-overlay-z-index);
		position: fixed;
		top: 0;
		left: 0;
		width: 0;
		height: 0;
		-webkit-transition: opacity 0.4s ease 0s, top 0s ease 0.4s, left 0s ease 0.4s, width 0s ease 0.4s, height 0s ease 0.4s;
		-o-transition: opacity 0.4s ease 0s, top 0s ease 0.4s, left 0s ease 0.4s, width 0s ease 0.4s, height 0s ease 0.4s;
		transition: opacity 0.4s ease 0s, top 0s ease 0.4s, left 0s ease 0.4s, width 0s ease 0.4s, height 0s ease 0.4s;
		opacity: 0;
		background-color: var(--expanded-mobile-menu-tint);
	}
	.sk__menu-overlay.expanded {
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		-webkit-transition: opacity 0.4s ease 0s;
		-o-transition: opacity 0.4s ease 0s;
		transition: opacity 0.4s ease 0s;
		opacity: 1;
	}

	.sk__menu-ul li {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	/**
	 * All <a> Menu items (top items & all sub items)
	 */
	ul.sk__menu-ul li > a {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: start;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		padding: var(--submenu-item-padding);
	}


	/**
	 * Top-level <a> Menu Items
	 */
	ul.sk__menu-ul > li > a {
		color: var(--mobile-menu-items-text-color);
		background-color: var(--mobile-menu-items-background-color);
		font-size: var(--mobile-menu-items-font-size);
		font-weight: var(--mobile-menu-items-font-weight);
	}

	/**
	 * All <a> submenu & subsubmenu items
	 */
	.sk__menu-wrapper li > .sub-menu > li > a {
		color: var(--mobile-menu-subitems-text-color);
		background-color: var(--mobile-menu-subitems-background-color);
		font-size: var(--mobile-menu-subitems-font-size);
		font-weight: var(--mobile-menu-subitems-font-weight);
	}
	/**
	 * Mobile Header Wrapper
	 */
	.sk__mobile-header-wrapper {
		z-index: var(--mobile-menu-trigger-z-index);
	}

	/**
	 * Menu item icon: Rest oved to Desktop & Mobile menu CSS
	 */
	span.sk__menu-icon {
		color: var(--mobile-menu-items-text-color);
		opacity: 0.7;
	}

	/**
	 * Dropdown icon: Rest moved to Desktop & Mobile menu CSS
	 */
	.sk__menu-wrapper li.menu-item-has-children > a:after {
		color: var(--mobile-menu-items-text-color);
		opacity: 0.7;
	}

	/**
	 * Dropdown icon, move to right
	 */
	.sk__menu-wrapper ul.sk__menu-ul li.menu-item-has-children > a:after {
		-webkit-transition: all 0.3s ease 0s;
		-o-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
		margin-left: auto;
	}
	.sk__menu-wrapper ul.sk__menu-ul li.menu-item-has-children.sk__expand-children > a:after {
		-webkit-transform: rotate(180deg);
		    -ms-transform: rotate(180deg);
		        transform: rotate(180deg);
	}

	/**
	 * Mobile Menu Dropdown
	 */
	li.menu-item-has-children > ul {
		overflow: hidden;
		max-height: 0;
		-webkit-transition: all 0.2s cubic-bezier(.03,.95,.14,1) 0s;
		-o-transition: all 0.2s cubic-bezier(.03,.95,.14,1) 0s;
		transition: all 0.2s cubic-bezier(.03,.95,.14,1) 0s;
		margin-left: 0;
		margin-block: 0;
	}
	li.menu-item-has-children.sk__expand-children > ul {
		max-height: 100vh;
		-webkit-transition: all 0.5s ease-in 0s;
		-o-transition: all 0.5s ease-in 0s;
		transition: all 0.5s ease-in 0s;
	}

	/**
	 * Product search in menu
	 * Normal search in menu (yes, "product-search" wrappers used)
	 */
	.sk__product-search-in-menu-trigger {
		display: none;
	}
	li.custom-content.sk__product-search-in-menu-wrapper {
		-ms-grid-row: 3;
		grid-row: 3;
	}
	.sk__product-search-in-menu {
		display: block;
		width: 100%;
		margin-bottom: 1rem;
	}
	.sk__product-search-in-menu form {
		width: 100%;
		padding: 0;
		margin: 0;
		background-color: transparent;
		border: none;
		-webkit-box-shadow: none;
		        box-shadow: none;
	}
	.sk__product-search-in-menu input.search-field {
		font-size: 100%;
	}
	.sk__product-search-in-menu button.sk__search-button {
		top: 0;
	}
	.sk__product-search-in-menu .search-categories {
		display: none;
	}
}
@media all and (max-width: 1320px) {
	.sk__menu-wrapper {
		width: 300px;
	}
}
@media all and (max-width: 300px) {
	.sk__menu-wrapper {
		width: 100%;
	}
}

@media all and (max-width: 1320px) {
	.sk__header-wrapper {
		top: 0;
		left: 105vw;
	}
	.sk__header-wrapper.expanded {
		left: 0;
	}
}

/**
 * DESKTOP HEADER WRAPPER
 * ======================
 * DESKTOP MENU
 * ============
 */

/**
 * DESKTOP MENU VARS
 * =================
 */
@media all and (min-width: 1321px) {

	.sk__mobile-header-wrapper, 
	.sk__menu-overlay, 
	.sk__mobile-menu-pusher {
		display: none !important;
	}

	.sk__mobile-header-wrapper.sk__shadow-pusher {
		display: none !important;
	}

	.sk__mobile-menu-top-pusher, 
	.sk__mobile-socials-wrapper {
		display: none;
	}

	.sk__header-wrapper {

		/* Header Wrapper */

		--header-background-color-initial: #ffffff;
		--header-background-color-scrollstart: #ffffff;
		--header-border-style-initial: solid;
		--header-border-style-scrollstart: solid;
		--header-border-radius-initial: 16px;
		--header-border-radius-scrollstart: 0;
		--header-border-color-initial-top: transparent;
		--header-border-color-initial-right: transparent;
		--header-border-color-initial-bottom: transparent;
		--header-border-color-initial-left: transparent;
		--header-border-color-scrollstart-top: #ffffff;
		--header-border-color-scrollstart-right: #ffffff;
		--header-border-color-scrollstart-bottom: #ffffff;
		--header-border-color-scrollstart-left: #ffffff;
		--header-border-width-initial-top: 0;
		--header-border-width-initial-right: 0;
		--header-border-width-initial-bottom: 0;
		--header-border-width-initial-left: 0;
		--header-border-width-scrollstart-top: 0;
		--header-border-width-scrollstart-right: 0;
		--header-border-width-scrollstart-bottom: 0;
		--header-border-width-scrollstart-left: 0;
		--header-padding-initial-top: 20px;
		--header-padding-initial-right: 20px;
		--header-padding-initial-bottom: 20px;
		--header-padding-initial-left: 20px;
		--header-padding-scrollstart-top: 0;
		--header-padding-scrollstart-right: 0;
		--header-padding-scrollstart-bottom: 0;
		--header-padding-scrollstart-left: 16px;
		--header-margin-initial-top: 20px;
		--header-margin-initial-right: 20px;
		--header-margin-initial-bottom: 20px;
		--header-margin-initial-left: 20px;
		--header-margin-scrollstart-top: 0;
		--header-margin-scrollstart-right: 0px;
		--header-margin-scrollstart-bottom: 0;
		--header-margin-scrollstart-left: 0px;
		--header-box-shadow-initial: 0 3px 16px 4px rgba(0,0,0,0.05);
		--header-box-shadow-scrollstart: 0 3px 16px 4px rgba(0,0,0,0.04);

		/* Menu Wrapper */

		--menuwrap-background-color-initial: transparent;
		--menuwrap-background-color-scrollstart: transparent;
		--menuwrap-border-style-initial: none;
		--menuwrap-border-style-scrollstart: none;
		--menuwrap-border-radius-initial: 0;
		--menuwrap-border-radius-scrollstart: 0;
		--menuwrap-border-color-initial-top: transparent;
		--menuwrap-border-color-initial-right: transparent;
		--menuwrap-border-color-initial-bottom: transparent;
		--menuwrap-border-color-initial-left: transparent;
		--menuwrap-border-color-scrollstart-top: transparent;
		--menuwrap-border-color-scrollstart-right: transparent;
		--menuwrap-border-color-scrollstart-bottom: transparent;
		--menuwrap-border-color-scrollstart-left: transparent;
		--menuwrap-border-width-initial-top: 0;
		--menuwrap-border-width-initial-right: 0;
		--menuwrap-border-width-initial-bottom: 0;
		--menuwrap-border-width-initial-left: 0;
		--menuwrap-border-width-scrollstart-top: 0;
		--menuwrap-border-width-scrollstart-right: 0;
		--menuwrap-border-width-scrollstart-bottom: 0;
		--menuwrap-border-width-scrollstart-left: 0;
		--menuwrap-padding-initial-top: 0;
		--menuwrap-padding-initial-right: 0;
		--menuwrap-padding-initial-bottom: 0;
		--menuwrap-padding-initial-left: 0;
		--menuwrap-padding-scrollstart-top: 0;
		--menuwrap-padding-scrollstart-right: 0;
		--menuwrap-padding-scrollstart-bottom: 0;
		--menuwrap-padding-scrollstart-left: 0;
		--menuwrap-box-shadow-initial: 0 0 0 0 transparent;
		--menuwrap-box-shadow-scrollstart: 0 0 0 0 transparent;

		/* Logo Wrapper */

		--logowrap-background-color-initial: transparent;
		--logowrap-background-color-scrollstart: transparent;
		--logowrap-border-style-initial: none;
		--logowrap-border-style-scrollstart: none;
		--logowrap-border-radius-initial: 0;
		--logowrap-border-radius-scrollstart: 0;
		--logowrap-border-color-initial-top: transparent;
		--logowrap-border-color-initial-right: transparent;
		--logowrap-border-color-initial-bottom: transparent;
		--logowrap-border-color-initial-left: transparent;
		--logowrap-border-color-scrollstart-top: transparent;
		--logowrap-border-color-scrollstart-right: transparent;
		--logowrap-border-color-scrollstart-bottom: transparent;
		--logowrap-border-color-scrollstart-left: transparent;
		--logowrap-border-width-initial-top: 0;
		--logowrap-border-width-initial-right: 0;
		--logowrap-border-width-initial-bottom: 0;
		--logowrap-border-width-initial-left: 0;
		--logowrap-border-width-scrollstart-top: 0;
		--logowrap-border-width-scrollstart-right: 0;
		--logowrap-border-width-scrollstart-bottom: 0;
		--logowrap-border-width-scrollstart-left: 0;
		--logowrap-padding-initial-top: 0;
		--logowrap-padding-initial-right: 0;
		--logowrap-padding-initial-bottom: 0;
		--logowrap-padding-initial-left: 0;
		--logowrap-padding-scrollstart-top: 0;
		--logowrap-padding-scrollstart-right: 0;
		--logowrap-padding-scrollstart-bottom: 0;
		--logowrap-padding-scrollstart-left: 0;
		--logowrap-box-shadow-initial: 0 0 0 0 transparent;
		--logowrap-box-shadow-scrollstart: 0 0 0 0 transparent;
		--logowrap-desktop-width-initial: 146px;
		--logowrap-desktop-height-initial: 68px;
		--logowrap-desktop-width-scrollstart: 127px;
		--logowrap-desktop-height-scrollstart: 60px;

	}
	
	.sk__header-wrapper {
		background-color: var(--header-background-color-initial);
		border-style: var(--header-border-style-initial);
		border-radius: var(--header-border-radius-initial);
		border-top-color: var(--header-border-color-initial-top);
		border-right-color: var(--header-border-color-initial-right);
		border-bottom-color: var(--header-border-color-initial-bottom);
		border-left-color: var(--header-border-color-initial-left);
		border-top-width: var(--header-border-width-initial-top);
		border-right-width: var(--header-border-width-initial-right);
		border-bottom-width: var(--header-border-width-initial-bottom);
		border-left-width: var(--header-border-width-initial-left);
		padding-top: var(--header-padding-initial-top);
		padding-right: var(--header-padding-initial-right);
		padding-bottom: var(--header-padding-initial-bottom);
		padding-left: var(--header-padding-initial-left);
		margin-top: var(--header-margin-initial-top);
		margin-right: var(--header-margin-initial-right);
		margin-bottom: var(--header-margin-initial-bottom);
		margin-left: var(--header-margin-initial-left);
		-webkit-box-shadow: var(--header-box-shadow-initial);
		        box-shadow: var(--header-box-shadow-initial);
	}
	.sk__scrolling-started .sk__header-wrapper:not(.sk__shadow-pusher) {
		background-color: var(--header-background-color-scrollstart);
		border-style: var(--header-border-style-scrollstart);
		border-radius: var(--header-border-radius-scrollstart);
		border-top-color: var(--header-border-color-scrollstart-top);
		border-right-color: var(--header-border-color-scrollstart-right);
		border-bottom-color: var(--header-border-color-scrollstart-bottom);
		border-left-color: var(--header-border-color-scrollstart-left);
		border-top-width: var(--header-border-width-scrollstart-top);
		border-right-width: var(--header-border-width-scrollstart-right);
		border-bottom-width: var(--header-border-width-scrollstart-bottom);
		border-left-width: var(--header-border-width-scrollstart-left);
		padding-top: var(--header-padding-scrollstart-top);
		padding-right: var(--header-padding-scrollstart-right);
		padding-bottom: var(--header-padding-scrollstart-bottom);
		padding-left: var(--header-padding-scrollstart-left);
		margin-top: var(--header-margin-scrollstart-top);
		margin-right: var(--header-margin-scrollstart-right);
		margin-bottom: var(--header-margin-scrollstart-bottom);
		margin-left: var(--header-margin-scrollstart-left);
		-webkit-box-shadow: var(--header-box-shadow-scrollstart);
		        box-shadow: var(--header-box-shadow-scrollstart);
	}
	.sk__menu-wrapper {
		background-color: var(--menuwrap-background-color-initial);
		border-style: var(--menuwrap-border-style-initial);
		border-radius: var(--menuwrap-border-radius-initial);
		border-top-color: var(--menuwrap-border-color-initial-top);
		border-right-color: var(--menuwrap-border-color-initial-right);
		border-bottom-color: var(--menuwrap-border-color-initial-bottom);
		border-left-color: var(--menuwrap-border-color-initial-left);
		border-top-width: var(--menuwrap-border-width-initial-top);
		border-right-width: var(--menuwrap-border-width-initial-right);
		border-bottom-width: var(--menuwrap-border-width-initial-bottom);
		border-left-width: var(--menuwrap-border-width-initial-left);
		padding-top: var(--menuwrap-padding-initial-top);
		padding-right: var(--menuwrap-padding-initial-right);
		padding-bottom: var(--menuwrap-padding-initial-bottom);
		padding-left: var(--menuwrap-padding-initial-left);
		-webkit-box-shadow: var(--menuwrap-box-shadow-initial);
		        box-shadow: var(--menuwrap-box-shadow-initial);
	}
	.sk__scrolling-started .sk__header-wrapper:not(.sk__shadow-pusher) .sk__menu-wrapper {
		background-color: var(--menuwrap-background-color-scrollstart);
		border-style: var(--menuwrap-border-style-scrollstart);
		border-radius: var(--menuwrap-border-radius-scrollstart);
		border-top-color: var(--menuwrap-border-color-scrollstart-top);
		border-right-color: var(--menuwrap-border-color-scrollstart-right);
		border-bottom-color: var(--menuwrap-border-color-scrollstart-bottom);
		border-left-color: var(--menuwrap-border-color-scrollstart-left);
		border-top-width: var(--menuwrap-border-width-scrollstart-top);
		border-right-width: var(--menuwrap-border-width-scrollstart-right);
		border-bottom-width: var(--menuwrap-border-width-scrollstart-bottom);
		border-left-width: var(--menuwrap-border-width-scrollstart-left);
		padding-top: var(--menuwrap-padding-scrollstart-top);
		padding-right: var(--menuwrap-padding-scrollstart-right);
		padding-bottom: var(--menuwrap-padding-scrollstart-bottom);
		padding-left: var(--menuwrap-padding-scrollstart-left);
		-webkit-box-shadow: var(--menuwrap-box-shadow-scrollstart);
		        box-shadow: var(--menuwrap-box-shadow-scrollstart);
	}
	.sk__logo-wrapper {
		background-color: var(--logowrap-background-color-initial);
		border-style: var(--logowrap-border-style-initial);
		border-radius: var(--logowrap-border-radius-initial);
		border-top-color: var(--logowrap-border-color-initial-top);
		border-right-color: var(--logowrap-border-color-initial-right);
		border-bottom-color: var(--logowrap-border-color-initial-bottom);
		border-left-color: var(--logowrap-border-color-initial-left);
		border-top-width: var(--logowrap-border-width-initial-top);
		border-right-width: var(--logowrap-border-width-initial-right);
		border-bottom-width: var(--logowrap-border-width-initial-bottom);
		border-left-width: var(--logowrap-border-width-initial-left);
		padding-top: var(--logowrap-padding-initial-top);
		padding-right: var(--logowrap-padding-initial-right);
		padding-bottom: var(--logowrap-padding-initial-bottom);
		padding-left: var(--logowrap-padding-initial-left);
		-webkit-box-shadow: var(--logowrap-box-shadow-initial);
		        box-shadow: var(--logowrap-box-shadow-initial);
		width: var(--logowrap-desktop-width-initial);
		height: var(--logowrap-desktop-height-initial);
	}
	.sk__scrolling-started .sk__header-wrapper:not(.sk__shadow-pusher) .sk__logo-wrapper {
		background-color: var(--logowrap-background-color-scrollstart);
		border-style: var(--logowrap-border-style-scrollstart);
		border-radius: var(--logowrap-border-radius-scrollstart);
		border-top-color: var(--logowrap-border-color-scrollstart-top);
		border-right-color: var(--logowrap-border-color-scrollstart-right);
		border-bottom-color: var(--logowrap-border-color-scrollstart-bottom);
		border-left-color: var(--logowrap-border-color-scrollstart-left);
		border-top-width: var(--logowrap-border-width-scrollstart-top);
		border-right-width: var(--logowrap-border-width-scrollstart-right);
		border-bottom-width: var(--logowrap-border-width-scrollstart-bottom);
		border-left-width: var(--logowrap-border-width-scrollstart-left);
		padding-top: var(--logowrap-padding-scrollstart-top);
		padding-right: var(--logowrap-padding-scrollstart-right);
		padding-bottom: var(--logowrap-padding-scrollstart-bottom);
		padding-left: var(--logowrap-padding-scrollstart-left);
		-webkit-box-shadow: var(--logowrap-box-shadow-scrollstart);
		        box-shadow: var(--logowrap-box-shadow-scrollstart);
		width: var(--logowrap-desktop-width-scrollstart);
		height: var(--logowrap-desktop-height-scrollstart);
	}


	/**
	 * HEADER ELEMENTS
	 * 
	 * Header Wrapper
	 * Menu Wrapper
	 * Logo Wrapper
	 * 
	 * Logo image dimensions
	 */
	.sk__header-wrapper {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: var(--header-wrapper-z-index);
		width: calc(100% - (20px + 20px));
	}
	.sk__scrolling-started .sk__header-wrapper:not(.sk__shadow-pusher) {
		width: calc(100% - (0px + 0px));
	}

	/**
	 * Normal top position of DESKTOP Header Wrapper
	 * Header Wrapper WP Adminbar Fix - DESKTOP & MOBILE logic done separately
	 */
	.sk__header-wrapper {
		top: 0;
	}

	.sk__header-wrapper, 
	.sk__header-wrapper * {
		-webkit-transition: all 0.2s ease 0s;
		-o-transition: all 0.2s ease 0s;
		transition: all 0.2s ease 0s;
	}
	.sk__header-wrapper.logo_left_menu_right {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-flow: row;
		        flex-flow: row;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}

	.sk__header-wrapper.logo_right_menu_left {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		    -ms-flex-flow: row-reverse;
		        flex-flow: row-reverse;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}

	.navbar-brand {
		display: block; /* so logo would img grow */
		height: 100%; /* so logo would img grow */
		position: relative; /* so logo would img grow */
	}
	.navbar-brand img {
		min-width: 80px;
		position: absolute;
		width: 100%;
		height: 100%;
		-o-object-fit: contain;
		   object-fit: contain;
		-o-object-position: center;
		   object-position: center;
	}

	.sk__header-wrapper.logo_center_menu_right {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-flow: row;
		        flex-flow: row;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	.sk__header-wrapper.logo_center_menu_right .sk__logo-wrapper {
		margin-left: 50%;
		-webkit-transform: translateX(-50%);
		    -ms-transform: translateX(-50%);
		        transform: translateX(-50%);
	}
	.sk__header-wrapper.logo_center_menu_right .sk__menu-wrapper {
		margin-left: auto;
	}

	.sk__header-wrapper.logo_center_menu_left {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		    -ms-flex-flow: row-reverse;
		        flex-flow: row-reverse;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	.sk__header-wrapper.logo_center_menu_left .sk__logo-wrapper {
		margin-right: 50%;
		-webkit-transform: translateX(50%);
		    -ms-transform: translateX(50%);
		        transform: translateX(50%);
	}
	.sk__header-wrapper.logo_center_menu_left .sk__menu-wrapper {
		margin-right: auto;
	}

	.sk__header-wrapper.logo_top_menu_bottom {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-flow: column;
		        flex-flow: column;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}


	/**
	 * DESKTOP MENU
	 * ============
	 */

	/* Header socials */

	.sk__header-socials-wrapper {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		   -ms-flex-align: center;
			  align-items: center;
	}

	.sk__header-socials {
		padding-left: 25px;
		border-left: 1px solid var(--desktop-menu-deco-borders-initial-color);
	}
	.sk__scrolling-started .sk__header-socials {
		border-left: 1px solid var(--desktop-menu-deco-borders-scrollstart-color);
	}

	.sk__header-socials a i {
		display: inline-block;
		vertical-align: middle;
		font-size: 17px;
		font-weight: 400;
		text-align: left;
		width: 30px;
		height: 20px;
		margin-right: 8px;
		color: var(--breadcrumbs-icon-color-normal);
		-webkit-filter: drop-shadow(0 0 0 );
				filter: drop-shadow(0 0 0 );
	}
	.sk__scrolling-started .sk__header-socials a i {
		color: var(--breadcrumbs-icon-color-normal);
		-webkit-filter: drop-shadow(0 0 0 );
				filter: drop-shadow(0 0 0 );
	}
	.sk__header-socials a i:hover {
		color: var(--brand-color-brighter);
	}
	.sk__scrolling-started  .sk__header-socials a i:hover {
		color: var(--brand-color-brighter);
	}

	.sk__header-socials a:last-child {
		margin-right: 10px;
		margin-right: 4px; /* because of search icon */
	}

	

	/* Reset default list styles */
	.sk__menu-ul, 
	.sk__menu-ul ul,
	.sk__menu-ul > li /* WATCH IT, was .sk__menu-ul li */ {
		list-style: none;
		-webkit-transition: all 0.2s ease 0s;
		-o-transition: all 0.2s ease 0s;
		transition: all 0.2s ease 0s;
		margin: 0;
		padding: 0;
	}

	/* Main menu container */
	ul.sk__menu-ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex; /* Line up direct li children horizontally */
	}

	/**
	 * All Submenu uls
	 */
	ul.sub-menu.sk__submenu-ul, 
	ul.sub-menu.sk__sub-submenu-ul {
		background-color: var(--submenus-background-color);
		padding: var(--submenus-padding);
		border-width: var(--submenus-border-width);
		border-style: var(--submenus-border-style);
		border-color: var(--submenus-border-color);
		border-radius: var(--submenus-border-radius);
		-webkit-box-shadow: var(--submenus-box-shadow);
		        box-shadow: var(--submenus-box-shadow);
	}

	/**
	 * Sub-menu ul (initially hidden)
	 * 
	 * background-color
	 */
	ul.sub-menu.sk__submenu-ul {
		position: absolute;
		min-width: 180px;
		opacity: 0;
		max-height: 0;
		overflow: hidden;
	}
	/**
	 * Show submenu ul on hover
	 */
	.sk__menu-ul > li.menu-item:hover > ul.sub-menu.sk__submenu-ul {
		opacity: 1;
		max-height: 100vh;
		overflow: visible;
		max-height: 100vh;
	}

	/**
	 * Third-level submenu (initially hidden)
	 */
	ul.sub-menu.sk__sub-submenu-ul {
		opacity: 0;
		max-height: 0;
		position: absolute;
		top: 0;
		left: 100%;
		right: -100%;
	}

	/**
	 * Show third-level submenu on hover
	 */
	ul.sub-menu.sk__submenu-ul > li.menu-item:hover > ul.sub-menu.sk__sub-submenu-ul {
		opacity: 1;
		max-height: 100vh;
	}

	/**
	 * Top level menu item <li>
	 */
	ul.sk__menu-ul > li {
		-ms-flex-item-align: center;
		 -ms-grid-row-align: center;
				 align-self: center;
	}

	/**
	 * Top level menu item <a>
	 */
	ul.sk__menu-ul > li > a {
		/**
		 * Received from Rstyle + Fstyle
		 * 
		 * font-family
		 * text-transform
		 * font-weight
		 * font-weight when bold
		 * font-style (normal/italic)
		 * line-height
		 * letter-spacing
		 */
		display: inline-block;
		padding: var(--menu-item-padding);
		font-size: var(--menu-item-font-size);
		font-weight: var(--menu-item-font-weight);
		color: var(--menu-item-text-color-normal);
		background-color: var(--menu-item-background-color-normal);
	}
	/* Top-level menu item <a> / Scrolling Started */
	.sk__scrolling-started .sk__header-wrapper:not(.sk__shadow-pusher) ul.sk__menu-ul > li > a {
		padding: var(--menu-item-scrollstart-padding);
		color: var(--menu-item-scrollstart-text-color-normal);
		background-color: var(--menu-item-scrollstart-background-color-normal);
	}
	/**
	 * Top level menu item <a> on hover
	 */
	ul.sk__menu-ul > li:hover > a {
		color: var(--menu-item-text-color-hover);
		background-color: var(--menu-item-background-color-hover);
	}
	/* Top level menu item <a> on hover / Scrolling Started */
	.sk__scrolling-started .sk__header-wrapper:not(.sk__shadow-pusher) ul.sk__menu-ul > li:hover > a {
		color: var(--menu-item-scrollstart-text-color-hover);
		background-color: var(--menu-item-scrollstart-background-color-hover);
	}
	/**
	 * top level (current/active) menu item <a>
	 */
	ul.sk__menu-ul > li.current_page_item > a {
		color: var(--menu-item-text-color-active);
		background-color: var(--menu-item-background-color-active);
	}
	/* top level (current/active) menu item <a> / Scrolling Started */
	.sk__scrolling-started .sk__header-wrapper:not(.sk__shadow-pusher) ul.sk__menu-ul > li.current_page_item > a {
		color: var(--menu-item-scrollstart-text-color-active);
		background-color: var(--menu-item-scrollstart-background-color-active);
	}

	/**
	 * All <a> submenu & subsubmenu items
	 * 
	 * flex-stuff for positioning icon
	 */
	.sk__menu-wrapper li > .sub-menu > li > a {
		/**
		 * Received from Rstyle + Fstyle
		 * 
		 * font-family
		 * text-transform
		 * font-weight
		 * font-weight when bold
		 * font-style (normal/italic)
		 * line-height
		 * letter-spacing
		 */
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: start;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	/**
	 * All <a> submenu & subsubmenu items on hover
	 */
	li > .sub-menu > li:hover > a {

	}

	/**
	 * Second-level Menu Item <a>
	 * 
	 * inherits:
	 * - display block
	 * - position relative
	 */
	ul.sk__submenu-ul > li > a {
		font-size: var(--submenu-item-font-size);
		font-weight: var(--submenu-item-font-weight);
		color: var(--submenu-item-text-color-normal);
		background-color: var(--submenu-item-background-color-normal);
		padding: var(--submenu-item-padding);
	}
	/**
	 * Second-level Menu Item <a> on hover
	 */
	ul.sk__submenu-ul > li:hover > a {
		color: var(--submenu-item-text-color-hover);
		background-color: var(--submenu-item-background-color-hover);
	}
	/**
	 * Second-level (current/active) Menu Item <a>
	 */
	ul.sk__submenu-ul > li.current_page_item > a {
		color: var(--submenu-item-text-color-active);
		background-color: var(--submenu-item-background-color-active);
	}

	/**
	 * Third-level Menu Item <a>
	 * 
	 * inherits:
	 * - display block
	 * - position relative
	 */
	ul.sub-menu.sk__sub-submenu-ul > li > a {
		font-size: var(--subsubmenu-item-font-size);
		font-weight: var(--subsubmenu-item-font-weight);
		color: var(--subsubmenu-item-text-color-normal);
		background-color: var(--subsubmenu-item-background-color-normal);
		padding: var(--subsubmenu-item-padding);
	}
	/**
	 * Third-level Menu Item <a> on hover
	 */
	ul.sub-menu.sk__sub-submenu-ul > li:hover a {
		color: var(--subsubmenu-item-text-color-hover);
		background-color: var(--subsubmenu-item-background-color-hover);
	}
	/**
	 * Third-level (current/active) Menu Item <a>
	 */
	ul.sub-menu.sk__sub-submenu-ul > li.current_page_item > a {
		color: var(--subsubmenu-item-text-color-active);
		background-color: var(--subsubmenu-item-background-color-active);
	}

	/**
	 * Last X number third-level submenus will pop to left
	 * but only when menu is to the right
	 */
	.logo_left_menu_right ul.sk__menu-ul > li:nth-last-child(-n+3) ul.sub-menu.sk__sub-submenu-ul, 
	.logo_center_menu_right ul.sk__menu-ul > li:nth-last-child(-n+3) ul.sub-menu.sk__sub-submenu-ul {
		left: -100%;
		right: 100%;
	}

	/**
	 * Menu item icon: Rest oved to Desktop & Mobile menu CSS
	 */
	span.sk__menu-icon {
		color: var(--all-menu-items-icon-color);
	}
	.sk__scrolling-started span.sk__menu-icon {
		color: var(--all-menu-items-scrollstart-icon-color);
	}

	/**
	 * Dropdown icon: Rest oved to Desktop & Mobile menu CSS
	 */
	.sk__menu-wrapper li.menu-item-has-children > a:after {
		color: var(--all-menu-items-icon-color);
	}
	.sk__scrolling-started .sk__menu-wrapper li.menu-item-has-children > a:after {
		color: var(--all-menu-items-scrollstart-icon-color);
	}

	/**
	 * Dropdown icon: rotate in submenus
	 */
	.sk__menu-wrapper li > .sub-menu > li > a:after {
		-webkit-transform: rotate(-90deg);
		    -ms-transform: rotate(-90deg);
		        transform: rotate(-90deg);
		margin-left: auto;
	}

	/**
	 * Product search in menu
	 * Normal search in menu (yes, "product-search" wrappers used)
	 */
	li.sk__product-search-in-menu-wrapper {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		   -ms-flex-align: center;
			  align-items: center;
	}

	.sk__product-search-in-menu {
		-webkit-transition: all 0.4s ease 0s;
			 -o-transition: all 0.4s ease 0s;
				transition: all 0.4s ease 0s;
		position: fixed;
		top: 0;
		left: 100vw;
		width: 0;
		height: 100vh;
		background-color: var(--expanded-mobile-menu-tint);
		overflow: hidden;
	}

	.sk__product-search-in-menu.open {
		-webkit-transition: all 0.4s ease 0s;
			 -o-transition: all 0.4s ease 0s;
				transition: all 0.4s ease 0s;
		left: 0;
		width: 100vw;
		z-index: 9990;
	}

	.sk__product-search-in-menu-wrapper form {
		opacity: 0;
		width: 80%;
		max-width: 1260px;
		z-index: 9992;
	}

	@-webkit-keyframes fadeInSearchbar {
		0% {
			opacity: 0;
		}
		100% {
			opacity: 1;
		}
	}

	@keyframes fadeInSearchbar {
		0% {
			opacity: 0;
		}
		100% {
			opacity: 1;
		}
	}
	.sk__product-search-in-menu.open form {
		border: 80px solid transparent;
		-webkit-transform-origin: center center;
			-ms-transform-origin: center center;
				transform-origin: center center;
		-webkit-animation: fadeInSearchbar 0.6s ease 0.4s forwards;
				animation: fadeInSearchbar 0.6s ease 0.4s forwards;
	}

	@-webkit-keyframes retractSearchbar {
		0% {
			opacity: 1;
		}
		100% {
			opacity: 0;
		}
	}

	@keyframes retractSearchbar {
		0% {
			opacity: 1;
		}
		100% {
			opacity: 0;
		}
	}
	.sk__product-search-in-menu form {
		-webkit-transform-origin: center center;
			-ms-transform-origin: center center;
				transform-origin: center center;
		-webkit-animation: retractSearchbar 0.6s ease 0s forwards;
				animation: retractSearchbar 0.6s ease 0s forwards;
	}

	/* Product search in menu - trigger */

	.sk__product-search-in-menu-trigger {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		padding-left: 19px;
		padding-right: 20px;
		border-left: 1px solid var(--desktop-menu-deco-borders-initial-color);
		border-right: 1px solid var(--desktop-menu-deco-borders-initial-color);
		z-index: 9999;
	}
	.sk__scrolling-started .sk__product-search-in-menu-trigger {
		border-left: 1px solid var(--desktop-menu-deco-borders-scrollstart-color);
	}

	.sk__product-search-in-menu-trigger.clicked {
		border-left: 1px solid transparent;
	}

	.sk__product-search-in-menu-trigger > span {
		cursor: pointer;
		color: var(--menu-item-text-color-normal);
		-webkit-transition: all 0.4s ease 0s;
			 -o-transition: all 0.4s ease 0s;
				transition: all 0.4s ease 0s;
	}

	.sk__product-search-in-menu-trigger > span:hover {
		color: var(--menu-item-text-color-hover);
	}
}

/* AUTOGENERATED - HEADWRAP - END - DO NOT TOUCH THIS COMMENT OR THE CODE BETWEEN THIS COMMENT AND THE AUTOGENERATED - START COMMENT */