#wpadminbar{
	position:fixed;
	top:-30px;
	width:100vw;
	transition:all .3s ease-in-out;
	overflow:hidden;
}
#wpadminbar:hover{
	top:0;
	overflow:visible;
}
/*top menu*/
#header{
	background:#FFF;
}
#top-bar{
	position:fixed;
	z-index:99999;
	background: #FFF;
	width:100vw;
	height:30px;
	top:0;
	left:0;
	text-align:center;
	transition: top .2s ease-in-out;

}
body.logged-in #top-bar{
	
}
#header.up #top-bar{
	top: -100px !important;;
}
#header.up #digia-language-switcher{
	display:none;
}
#top-bar-positioner{
	width:calc( 100vw - 60px );
	max-width:1460px;
	margin:auto;
	position:relative;
}



#header-menu{
	margin-top:20px;
	list-style:none;
	text-align:right;
    margin-bottom: 20px;
    margin: 10px 0;
}
#header-menu li.menu-item{
	display:inline-block;
	margin-right:20px;
}
#header-menu .menu-item a{
	color:var(--e-global-color-primary);;
	font-size:14px;
	text-decoration:none;
}
#header-menu .menu-item .sub-menu .menu-item a{
	color:var(--e-global-color-primary);;
}
/*product category menu*/
#menuToggle{
    display: inline-block;
    position: relative;
    -webkit-user-select: none;
    user-select: none;
}

#menuToggle input{
    display: block;
    width: 40px;
    height: 32px;
    position: absolute;
    top: -7px;
    left: -5px;
    cursor: pointer; 
    opacity: 0; 
    z-index: 2;   
    -webkit-touch-callout: none;
}
  
#menuToggle span{
    display: block;
    width: 33px;
    height: 4px;
    margin-bottom: 5px;
    position: relative;
    background: var(--e-global-color-primary);
    border-radius: 3px;
    z-index: 1;
    transform-origin: 4px 0px;
    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
                background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
                opacity 0.55s ease;
}
  
#menuToggle span:first-child{
    transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2){
    transform-origin: 0% 100%;
}

#menuToggle input:checked ~ span{
    opacity: 1;
    transform: rotate(45deg) translate(-10px, -10px);
}

#menuToggle input:checked ~ span:nth-last-child(3){
    opacity: 0;
    transform: rotate(0deg) scale(0.2, 0.2);
}

#menuToggle input:checked ~ span:nth-last-child(2){
    transform: rotate(-45deg) translate(-10px, 10px);
}

/*breadcrumbs*/
nav#breadcrumb{
	border-bottom:1px solid #DDD;
	padding:20px 0 30px 0;
    padding: 30px 0 30px 0;
    margin:0 0 50px 0;
}
#breadcrumb#breadcrumb{
    margin-top: 0!important;
}
nav#breadcrumb a{ 
	text-decoration:none;
	color:#303133;
}
nav#breadcrumb a:hover{ 
	color:var(--digia-color-blue);;
}

#product-menu-title{
	margin-left:10px;
	font-size:14px;
	font-family: var( --e-global-typography-text-font-family ), Sans-serif;
	width:100px;
	color:var(--e-global-color-primary);
}

#product-category-navigation-wrapper{
    position:fixed;
    display:none;
    top:145px;
    left:-100vw;
    z-index:9999;
    overflow-y:scroll;overflow-x:hidden;
    width:calc( 100vw - 30px );
    padding: 0;
    opacity:0;
    scrollbar-width: none;
    -ms-overflow-style: none;
    height:calc( 100vh - 100px );
}

#product-category-navigation-wrapper::-webkit-scrollbar{
    display: none;
}

#product-category-navigation {
    display:inline-block;
    width:auto;
    background-attachment:fixed;
    position:relative;
}

#product-category-navigation ul{
    list-style:none;
}

#product-category-navigation .product_menu:not(.sub_menu){
      /*  box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.1);*/
    padding-left: 0;
    margin-top: 0;
}

#product-category-navigation li.product_menu_item{
    border-bottom:1px rgb(110, 110, 111) dotted;
    min-width:260px;
    word-wrap:nowrap;
    display:block;
    width:100%;
    background-color:rgba(247, 247, 247, 0.95);
    position: relative;
}

#product-category-navigation li.product_menu_item:last-child{
    border-bottom:none;
    margin-bottom:150px;

}

#product-category-navigation .product_menu_item a{
    display:block;
    text-decoration:none;
    color:#333;
    padding:10px 30px;
    padding:12px 30px;

    font-size:16px;
    position:relative;
}
#digia-close-menu{
    height: 30px;
    width:20px;
}
#product-category-navigation .product_menu_item a:hover{
    background:var(--e-global-color-primary);
	color:#FFF;
    /*background-color:#333;
        background-color: #33333329;*/
    /*color: var(--e-global-color-primary);*/
}

.product_menu_item_submenu_indicator svg{
    height:14px;
    position:absolute;
    top:calc( 50% - 7px );
    right:10px;
}

.product_menu_item_submenu_indicator svg path{
    fill:#999;
}

#product-category-navigation li.has_children ul {
    display:none;
    position:absolute;
    z-index:9999;
    left:100%;
    top:0px;
    height:100vh;
    background-color:rgba(247, 247, 247, 0.95);
	border-left:10px solid #eee;;
    border-left: 0;
    padding-left: 0;
}

#product-category-navigation li.has_children:hover>ul{
    display:block;
}
#product_menu_item_all_products a{
	font-weight: 800!important;
}
/*Main menu*/
#main-menu-nav{
	background: #FFF;
	box-shadow: 0px 0px 6px -3px rgba(125,125,125,1);
	position:fixed;
	z-index:999;
	top:29px;
	width:calc( 100vw - 60px );
 	padding:0 30px;
	transition: top .2s ease-in-out;
}

#header.up #main-menu-nav{
	top:0;
}
#header.up  #product-category-navigation-wrapper{
    top:85px;
}
#main-menu-container{
	max-width:1460px;
	display:flex;
	flex-direction: row;
	align-items:center;
	margin:0 auto;
    padding:13px 0px 13px 0;
	position:relative;
}
#main-menu{
	list-style:none;
	padding:16px 90px 16px 16px;
	text-align:left;
	width: calc( 100%  );
	margin-left:30px
}
#main-menu li.menu-item{
	display:inline-block;
	margin-right:30px;
}
#main-menu li.menu-item:last-child{
	margin-right:0;
}
#main-menu .menu-item a{
	color:var(--e-global-color-primary);
	font-size:14px;
	text-decoration:none;
	text-transform:uppercase;
}

/*Web menu*/
#web-menu-nav{
	background: #FFF;
	box-shadow: 0px 0px 6px -3px rgba(125,125,125,1);
	position:fixed;
	z-index:999;
	top:29px;
	width:calc( 100vw - 60px );
 	padding:0 30px;
	transition: top .2s ease-in-out;
}

#header.up #web-menu-nav{
	top:0;
}
#header.up  #product-category-navigation-wrapper{
    top:85px;
}
#web-menu-container{
	max-width:1460px;
	display:flex;
	flex-direction: row;
	align-items:center;
	margin:0 auto;
	padding:20px 50px 13px 0;
	position:relative;
}
#web-menu{
	list-style:none;
	padding:16px;
	text-align:right;
	align-self: end;
	width: calc( 100%  );
}
#web-menu li.menu-item{
	display:inline-block;
	margin-right:30px;
}
#web-menu li.menu-item:last-child{
	margin-right:0;
}
#web-menu .menu-item a{
	color:var(--e-global-color-primary);
	font-size:14px;
	text-decoration:none;
	text-transform:uppercase;
}

/*site logo'*/
#site-logo-link{
	display:inline-block;
	vertical-align:center;
	width:200px;
	margin-left:30px;
    margin-left: 0;
	margin-right:30px;
	position:relative;
}
#site-logo{
	width:100%;
	height:auto;
}
li.menu-item a{
    font-family: var( --e-global-typography-text-font-family ), Sans-serif;
}
.menu-item a:hover{
	color:var(--e-global-color-primary)!important;
    color: #1e1e1e!important;
}
#header-menu > .menu-item.has-children{
	position:relative;
	/*padding-right:17px!important;*/
}

#header-menu .sub-menu{
	border-top: 3px solid var(--e-global-color-primary );
}
.menu-item.has-children  .sub-menu-wrapper{
	position:absolute;
	z-index: 1000;
	top:0;
    top:0px;
    left: -15px;
	max-height:0;
    opacity:0;
	overflow:hidden;
}
.sub-menu{
  text-align: left;
  background:#000;
  padding:0 20px 5px;
  display:block;
  text-align:left;
  box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.1);
  border-top: 3px solid var(--digia-color-blue);
  border-top: 3px solid #520A76;
  text-wrap:wrap;
}
.menu-item.has-children:hover > .sub-menu-wrapper{
	max-height:100vh;
	height:auto!important;
    opacity:1;
	padding: 30px 15px 20px 0px;
	top:20px;
	overflow:hidden;
	padding-bottom:200px;
}
#header-menu .menu-item.has-children:hover > .sub-menu-wrapper{
	padding-top:10px;
	top:20px;
}
#header-menu .menu-item.has-children:hover  .sub-menu-wrapper .sub-menu-wrapper {
	left:30%;
	top:-10px;
}
/*.menu-item:not(.sub-menu-item):last-child .sub-menu-wrapper{
	left:auto;
	right:-15px;
}*/
.sub-menu-item{
	display:block;
	border-top:1px solid #DDD;
	white-space: nowrap;
	padding:10px 0;
	width:100%;
}
li.sub-menu-item:first-child{
	border:none;
}
body.logged-in .menu-item.logged-out{
	display:none!important;
}
body:not(.logged-in) .menu-item.logged-in{
	display:none!important;
}
#main-menu-hamburger, #main-menu-close{
	display:none;
}

#main-menu .menu-item.main-menu {
	font-weight:600
}
#header-menu li.menu-item{
	font-weight:600;
	margin-bottom:rem;
}

#main-menu{
    padding: 25px 90px 25px 16px;
    padding: 25px 0px 25px 16px;
    padding: 5px 0px 5px 0px;

}

.digia-language-switcher-language.current .digia-language-switcher-name{
	font-weight:600;
}
#main-menu.open #main-menu-close{
	display:block;
	float:right;
	margin-top:-35px;
	font-size:20px;
	transform:scale(1.2, 1);
}
.product-search-submit{
     position:absolute;
     text-transform:none!important;
     border-radius:500px!important;
     right:-5px;
     margin:0!important;
     padding:0;
}
 input.product-search-submit {
     cursor:pointer;
     padding:12px 33px!important;
}
 #digia-live-search input#s{
     border-radius:500px;
     border:1px solid #DEDEDE;
     padding:14px 30px 12px 10px;
}
 #digia-live-search input#s:focus-visible{
     outline: none;

}
#top-bar{
	background-color:#F7F7F7;
	display:flex;
	position:relative;
	height:unset;
}

#main-menu-nav{
	position:relative;
    transition: top .2s ease-in-out;
	top:unset;

}
#header{
    position:fixed;
	z-index:91

}
#header.up{
    position:fixed;
    transition: all .2s ease-in-out;
}

#header.up #main-menu-nav{
	position:fixed!important;
	top:0!important;
	z-index:91;
    transition: all .2s ease-in-out;
}

#top-bar-positioner{
	display:flex;
	justify-content:space-between;
    align-items: center;

}
.top-bar-navigation{
	display:flex;
}
.sub-menu{
	background-color:#fff;
}
#product-menu-title{
	font-weight:700;
}
#product-category-navigation-wrapper{
	position:absolute;
	left:0;
	top:56px;
}

#header.up #product-category-navigation-wrapper{
	top:56px
}
#product-category-navigation li.product_menu_item{
	background-color:white;
	border-bottom:1px solid #DEDEDE;
    box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.4);
    border-right: 1px solid #DEDEDE;
     border-left: 1px solid #DEDEDE;
  /*  
border:1px solid #DEDEDE;
    border-top:0;*/
}
#menuToggle span{
	background:transparent;
	width:auto;
}
#product-menu-title{
    cursor: pointer;
}
#menuToggle:hover svg path, #menuToggle.open svg path{
    fill:var(--e-global-color-primary);
}
#menuToggle.open-hover svg path{
    fill:var(--e-global-color-primary);
}
#product-category-navigation .product_menu_item a{
	color:var(--e-global-color-primary);
	font-weight:500
}
.product_menu_item_submenu_indicator svg path{
	fill:#520A76;
}
#menuToggle span.product_menu_item_submenu_indicator{
position:absolute;	
	right:0;
	top:50%;
}
#product-category-navigation li.has_children ul{
	height:auto;
	background-color:#fff;
    background-color: transparent;
}
#product-category-navigation li.product_menu_item:last-child {
	margin-bottom:350px;
}
#product-category-navigation li.has_children:hover>ul {
    border-left: 2px solid #eee;
    border-left: 0;
}

#main-menu .menu-item a{
    text-transform: capitalize;
}

#top-bar .menu-item.has-children:after {
    right: -12px;
}
.mobile-search{
    display: none;
}
#mobile-search-form{
    display: none;
    width: 100%;
}
.mobile-search-form{
    position: absolute;
}
.mobile-search-form  input[type="text" i]{
   border-radius: 10px;
    padding: 4px;
    border: 1px solid #DEDEDE;
        width:80%;
    }
.mobile-search-form .relevanssi-live-search-result a{
    color:var(--e-global-color-primary)
}
.mobile-search-form .product-search-submit{
    display: none;
}

#digia-live-search #rlvlive_2{
    position: absolute
}
/*GEF-236*/
.product_menu{
	border-top:3px solid var(--e-global-color-primary )!important
}
#header-menu .sub-menu{
	padding:0;
}
#header-menu .sub-menu-item a{
	font-weight:normal;
	font-size:16px;
	padding:10px 20px;
}

#header-menu li.has-children .sub-menu-item{
	background-color:white;
	border-bottom:1px solid #DEDEDE;
    box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.4);
    border-right: 1px solid #DEDEDE;
     border-left: 1px solid #DEDEDE;
}

#header-menu > .menu-item.has-children > a:after{
	content:"^";
	transform:rotate(180deg) scale(1.6, .8);
	display:inline-block;
	position:relative;
	font-size:12px;
	padding:4px 5px 0px 5px;
	margin-top:-5px;
    color:var(--e-global-color-primary);
}
.header_menu_item_sub_submenu_indicator svg{
	width:13px;height:13px;
	fill:var(--e-global-color-primary);
	float:right;
	margin-right:5px;
	margin-top:4px;
}

.sub-sub-menu-wrapper{
	position:fixed;
	z-index:9999;
	width:auto;
	height:auto;
	display:none;
}
.sub-menu-item.has-children:hover .sub-sub-menu-wrapper{
	display:block;
	margin-left:50px;
}
.sub-sub-menu{
	border-top:3px solid var(--e-global-color-primary )!important;
	list-style:none;
	background:#FFF;
	border-bottom:1px solid #DEDEDE;
    box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.4);
    border-right: 1px solid #DEDEDE;
    border-left: 1px solid #DEDEDE;
	padding:0;
	margin-top:5px;
	margin-left:0px;
	
}
.sub-sub-menu-item{
	background-color:white;
	border-bottom:1px solid #DEDEDE;
    box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.4);
    border-right: 1px solid #DEDEDE;
    border-left: 1px solid #DEDEDE;
	padding:10px;
}
/*customer switcher*/
.digia-customer-switcher .sub-menu{
	box-shadow:none;
	border-top:none!important
}
.digia-customer-switcher .sub-menu .menu-item{
	display:block!important;
	width:100%;
	padding:7px 0;
	border-top:1px solid #DDD;
	margin-left:0!important;
}
.digia-customer-switcher .sub-menu .menu-item:not(.current-customer):before{
	content:"►";
	margin-right:-15px;
	color:#520A76;
}
.digia-customer-switcher .sub-menu .menu-item:first-child{
	border-top:none!important;
}
.digia-customer-switcher .sub-menu .menu-item.current-customer{
	color:#CCC!important;
	font-size:16px!important;
	cursor:not-allowed;
	margin-left:20px!important;
	font-weight:normal!important;
}
@media(max-width:1100px){
    #main-menu-nav{
        padding-left:  10px;
        width: calc(100% - 20px);
    }
    #top-bar-positioner{
        margin-left: 0;
        
        padding-left: 10px;
        padding-right: 10px;
        width: 100%;
        margin-right:10px;
        
    }
    .product_menu{
        padding-left: 0;
    }
   .mobile-search{
		display: block;
	} 
    #main-menu-close{
        display: none!important;
    }
    #digia-close-menu{
        display: none;
    }
    #main-menu-hamburger svg path{
        fill:var(--e-global-color-primary)!important;
    }
	#product-menu-title{
		position:absolute;
		display:flex;
		width:37px;
		height:19px;
		top: 50%;
		left: 24px;
        order: 3;
        font-weight: 600;
        color: var(--e-global-color-primary);
        font-size: 14px;
        transform: translateY(-50%);
	}
	#product-category-navigation li.product_menu_item:last-child{
		border-bottom:none;
		margin-bottom:0px;
	}
	#main-menu-hamburger{
		position: absolute;
        top: 14px;
        right: 40px;
		width: 30px;
		cursor:pointer;
		display:block;
	}
	#site-logo-link{
		width:100%;
		text-align:center;
        order: 5;
	}
    #menuToggle{
        order: 2;
        height: 20px;
    }
	#site-logo{
		width:50%;
        max-width: 90px;
	}
	#main-menu{
		position:fixed;
		background-color:#FFF;
		border:1px solid #EEE;
        right: -120%;
		top:105px;
        width: 100%;
        height: fit-content;
		z-index:99999!important;
        padding: 0;
		transition:right 0.3s ease-in-out;
	}
	#main-menu.open{
		right:0;
        margin-top: 0;
	}
	#main-menu .menu-item{
		display:block!important;
        width: auto;
		text-align:left;
        padding: 10px 0px;
        border-bottom:1px solid #80808061;
        margin-right: 0!important;
    
	}
    .menu-item.has-children .sub-menu-wrapper{
        position: relative;
    }
	#main-menu .menu-item.has-children:after{
		top:10px;
		right:10px
	}
    .menu-item.has-children{
	   padding-right:0px!important;
    }
	#main-menu .sub-menu-wrapper{
        width: auto;
        margin-left: 0;
		padding-top:5px;
		right:0;
		left:0;
        padding: 0;
	}
	#main-menu .sub-menu{
		display:block;
		background:#FFF;
		padding:0 20px 0 0;
		text-align:left;
		width:100%!important;
        border-top: 0;
        background-color: var(--e-global-color-primary);
        padding: 0;
	}
    #main-menu .menu-item a{
        padding-left: 15px;
    }
    #main-menu .menu-item .sub-menu-item a{
        color: #fff;
        padding-left: 30px;
    }
	    
    #product-category-navigation-wrapper{
	   top:45px;
    }
    #product-category-navigation li.has_children:hover>ul li a{
        padding-left: 40px;
    }
    nav#breadcrumb{
		margin:0 0 25px 0;
	}
    #product-category-navigation li.product_menu_item{
        box-shadow: none;
    }
	#header-menu{
		display:block;
	}
	#header-menu .menu-item{
		display:block;
	}

	#header-menu .sub-menu-wrapper{
		position:fixed;
		right:0;
		top:30px!important;
		width:50vw;
		min-width:320px;
		left:auto;
	}
	#header-menu .header-menu:not(.digia-my-account, .logged-out){
		display:none!important;
	}
	.digia-my-account{
		position:relative;
	}
	/*GEF-296*/
	#main-menu.open{
		right:0;
   		margin-top: 0;
		height:calc( 100vh - 60px );
		overflow-x:scroll;
	}
	#main-menu.open .sub-menu{
		background:#FFF!important;
	}
	#main-menu.open .sub-menu-wrapper, #main-menu.open .sub-sub-menu-wrapper{
		position:relative!important;
		max-height:999999999px;
		height:auto;
		opacity:1;
		display:block;
		box-shadow:none;
		margin-bottom:-12px;
	}
	#main-menu.open .sub-menu-wrapper{
		border-top:3px solid var(--e-global-color-primary )
	}
	#main-menu.open .sub-sub-menu{
		box-shadow:none!important;
		margin:0;
	}
	#main-menu.open .sub-sub-menu-item{
		box-shadow:none!important;
	}
	#main-menu.open .sub-menu-wrapper a{
		color:#333;
	}
	#main-menu.open .menu-item.has-children:hover > .sub-menu-wrapper{
		top:auto;
		padding-top:none;
	}

	#main-menu.open > li:last-child{
		border-bottom:100px solid #FFF;
	}
	#main-menu.open svg{
		display:none;
	}
}


@media(max-width:800px){
    .product_menu.sub_menu{
		position:relative!important;
		left:0!important;
		height:auto!important;
		transition:all .3s ease-in-out;
	}
}
@media(max-width:768px){

    .product_menu .sub_menu{
        padding-left: 1rem;
    }
	#header{
		position:fixed;
		z-index:99;
		top:0;
		left:0;
		width:100vw;
	}
	#top-bar{
		height:47px;
		position:absolute;
		z-index:9999;
	}
	#header-menu{
		position:relative;
		display:block;
        line-height: 2.2;
        padding: 0;
	}
	#main-menu-nav{
		position:absolute;
	        top:47px;
		padding:0 10px;
		width:calc( 100% - 20px );
	}
	#main-menu-hamburger{
		right:20px;
	}
	#header-menu .order-by-code,
	#header-menu .saved-carts{
		display:none!important;
	}
    body.logged-in #header-menu .digia-my-account.logged-in{
        display: block!important;
    }
    body.logged-in #header-menu .sub-menu .logged-in{
        display: block!important;
    }
	#digia-language-switcher{
		position:fixed;
		top:-74px;
		right:5px!important;
		font-size:12px;
		line-height:20px!important;
		width:108px!important;
	}
	#digia-language-switcher:after{
		top: 0px!important;
	}
	.digia-language-switcher-language{
		padding:10px!important;
	}
	.digia-language-switcher-language.current{
		padding:0px!important;
	}
	#header-menu li.menu-item > a{
		font-size:14px;
	}
	#header-menu .sub-menu li.menu-item  a{
		font-size:14px;
	}
    #main-menu{
    top: 170px;
    top: 105px;
    }
    #header.up #main-menu{
        top:66px;
    }
    
    #main-menu-container{
        min-height: 40px;
    }
    #site-logo-link{
        margin: 0;
      position: absolute;
        left: 50%;
        top: 50%;
        width: unset;
        transform: translate(-50%, -50%);  
    }
    #site-logo{
        max-width: unset;
        width: 85px;
    }
    main-menu-hamburger{
        top: 50%;
        transform: translateY(-50%); 
    }
           

}
@media(max-width: 550px){
    #main-menu{
    top:33vw;
    top:105px;
}
    #header.up #main-menu{
        top:24vw;
        top:66px;
    }
}