/* veNet : DO NOT CHANGE - CSS CREATED DYNAMICALLY */
#header svg { width:19px; height:19px; }
#header-bottom { color:var(--text_color); }
#header-bottom-wrap { background-color:var(--body_bgcolor); position:relative; z-index:1; }
#header-bottom a { color:var(--text_color); }
#header-bottom a:hover { color:var(--text_color); }
#header-top > div { height:100%; gap:var(--head_top_gap); }
#header-top-wrap { position:relative; z-index:3; background-color:var(--body_bgcolor); }
#header-top { color:var(--text_color); }
#header-top a { color:var(--text_color); }
#header-top a:hover { color:var(--primary_color); }
#header-middle-wrap { position:relative; z-index:2; background-color:var(--body_bgcolor); }
#header-middle-wrap:after { content:''; position:absolute; bottom:0; left:0; right:1px; height:1px; background-color:rgb(245,245,245); }
#header-middle { color:var(--text_color); }
#header-middle a { color:var(--bw_color_2); }
#header-middle a:hover { color:var(--bw_color_1); }
nav ul { list-style:none; padding:0; display:flex; align-items:center; margin:0; }
nav, nav > ul, nav > ul > li { height:100%; display:flex; align-items:center; }
#header-menu-mobile { display:none; }
#header-minicart-link { display:none; }
#header ul.menu > li > a { position:relative; display:inline-flex; align-items:center; cursor:pointer; }
#header-menu-main { letter-spacing:-0.02em; z-index:1; height:auto; font:200 16px 'Geologica'; }
#header-menu-main > nav { height:100%; }
#header-menu-main ul.menu { height:100%; margin:0 calc(-1 * var(--menu-main-link-padding)); }
#header-menu-main ul.menu > li { position:relative; height:100%; display:flex; justify-content:center; align-items:center; }
#header-menu-main ul.menu > li > a { height:auto; padding:0 var(--menu-main-link-padding); }
#header ul.sub-menu { opacity:0; pointer-events:none; position:absolute; flex-direction:column; margin:0; z-index:998; transition:all 250ms ease-out; padding:1px; }
#header ul.sub-menu:before { content:''; position:absolute; top:0; left:0; right:0; bottom:0; }
#header ul.sub-menu > li { position:relative; width:100%; margin:0; }
#header ul.sub-menu > li.menu-user-selected > ul { z-index:999; opacity:1; pointer-events:all; transform:scale(1) rotateX(0) translateY(0); }
#header ul.sub-menu > li > a { display:block; width:100%;; font:inherit; letter-spacing:inherit; white-space:nowrap; text-align:start; transition:all .15s ease-out; padding:10px 15px; }
#header ul.menu > li > ul { top:calc(100% - 25px); left:0; right:auto; transform-origin:top center; transform:scale(1) rotateX(0) translateY(0); }
#header ul.menu > li.menu-user-selected > ul { z-index:999; opacity:1; pointer-events:all; transform:scale(1) rotateX(0) translateY(0); }
#header ul.menu > li > ul ul { top:-1px; transform-origin:top center; transform:scale(1) rotateX(0) translateY(0); }
#header ul.menu > li:not(.menu-rl) > ul ul { left:100%; right:auto; margin-left:0; }
#header ul.menu > li.menu-rl > ul ul { left:auto; right:100%; margin-right:0; }
#header ul.sub-menu:after { content:''; position:absolute; top:0; left:0; right:0; bottom:0; z-index:2; pointer-events:none; border-width:1px; border-style:solid; border-color:var(--bw_color_1); }
#header ul.sub-menu > li:not(:last-child) > a:after { content:''; position:absolute; left:0; right:0; bottom:0px; height:1px; z-index:1; pointer-events:none; background-color:var(--bw_color_4); }
#header-menu-main.fx-1 ul.menu > li > a:after { content:''; display:block; position:absolute; background-color:currentColor; transition:all 0.3s ease 0s; bottom:10px; height:1px; left:50%; right:50%; opacity:0; }
#header-menu-main.fx-1 ul.menu > li > a:hover:after { right:calc(var(--menu-main-link-padding) - 6px); left:calc(var(--menu-main-link-padding) - 6px); opacity:1; }
@media all and (max-width:999px) {
	#header-menu-main { font-size:17px; }
}
@media all and (max-width:859px) {
	#header-menu-lang { display:none; }
	#header-menu-main { display:none; }
	#header-menu-mobile { display:flex; }
	#header-minicart-link { display:flex; }
}


/* EXTERNAL */

/* LAYOUT */
header { position:relative; }
#header { position:absolute; top:0; left:0; right:0; z-index: 1000; }
#header .header-row-wrap.max-width { height:100%; }
#header .header-row-wrap:not(.max-width) { height:100%; padding:0 var(--site-padding); }

/*body.user-mobile #header, body:not(.user-mobile) .header-sticky { position:fixed !important; top:0; left:0; right:0; bottom:unset; }*/
/*body.user-mobile #header { position:fixed !important; top:0; left:0; right:0; bottom:unset; }*/

#header .header-row { height:100%; gap:15px; transition:height .15s ease-out; }
#header .header-row > div { height:100%; }

.header-top-y { height:var(--head_top_height); min-height:var(--head_top_height); max-height:var(--head_top_height); }
.header-middle-y { height:var(--head_middle_height); min-height:var(--head_middle_height); max-height:var(--head_middle_height); }
.header-bottom-y { height:var(--head_bottom_height); min-height:var(--head_bottom_height); max-height:var(--head_bottom_height); }

.headitem-flex { position:relative; display: flex; align-items: center; height: 100%; }

#header-sticky { position: relative; will-change: transform; pointer-events: none; }
#header-sticky > div:not(#header-shadow) { pointer-events: all; }
#header-shadow { height: 10px; }
#header-sticky.is-sticky, body.user-mobile #header { position:fixed; top:0; left:0; right:0; }

/* GENERAL */
#header a.svg-link { font-size:0; line-height:0; position:relative; width:100%; height:100%; display:inline-flex; align-items:center; justify-content:center; }


/* MOBILE - MAIN MENU SVG - HAM */
#header-menu-mobile > a { height: 100%; display: flex; justify-content: flex-start; align-items: center; }
#header-menu-mobile .ham { width:60px; height:60px; min-width:60px; min-height:60px; cursor:pointer; -webkit-tap-highlight-color:transparent; transition:transform 400ms; -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; user-select:none; margin-right:-15px; margin-left: -15px; }
#header-menu-mobile .line { fill:none; transition: stroke-dasharray 400ms, stroke-dashoffset 400ms; stroke-width:5.5; stroke-linecap:round; }
#header-menu-mobile .ham8 path { stroke:#000; }
#header-menu-mobile .ham8 .top { stroke-dasharray: 40 160; }
#header-menu-mobile .ham8 .middle { stroke-dasharray: 40 142; transform-origin: 50%; transition: transform 400ms; }
#header-menu-mobile .ham8 .bottom { stroke-dasharray: 40 85; transform-origin: 50%; transition: transform 400ms, stroke-dashoffset 400ms; }
#header-menu-mobile > a.active .hamRotate { transform: rotate(45deg); }
#header-menu-mobile > a.active .ham8 .top { stroke-dashoffset: -64px; }
#header-menu-mobile > a.active .ham8 .middle { transform: rotate(90deg); }
#header-menu-mobile > a.active .ham8 .bottom { stroke-dashoffset: -64px; }


/* MOBILE - CART SVG*/
#header-minicart-link { width:60px; height:60px; }
#header-minicart-link a { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; }
#header-minicart-link a svg { width:34px; height:auto; }

/* BANNER */
#header-footer { display:flex; flex-direction:column; }
body.banner-semifull #header-footer { height:calc(100vh - var(--head_top_height) - var(--head_middle_height) - var(--head_bottom_height)); min-height:var(--banner_height); }
body.banner-full #header-footer { height:100vh; }
body.banner-default #banner-wrap { flex:none; height:var(--banner_height); }
body.banner-image #banner-wrap > div, body.banner-image #banner-wrap > div { flex:none; height:auto !important; }
body.banner-image #banner-slider > div > * { width:100% !important; transform: none !important; }
body.banner-full #header-height { display:none; }
#banner-wrap { flex:1; font-size: 0; line-height: 0; overflow: hidden; }
body:not(.banner-image) #banner-wrap { min-height:var(--banner_height); }
#banner-wrap > div { width:100%; height:100%; }
#banner-wrap #banner-content-wrap { position:relative; width:100%; height:100%; background-color:transparent; }
#banner-image { height:100%; background-position: center; background-repeat: no-repeat; background-size: cover; }

#banner-title-wrap p { margin:0 0 12px 0; }

body:not(.banner-image) #banner-slider { position:absolute; top:0; left:0; right:0; bottom:0; overflow:hidden; }
#banner-slider > div, #banner-slider > div > *, #banner-slider > div > * > div, #banner-slider > div > * > div > div,
#banner-slider > div > * > div > div > div, #banner-slider > div > * > div > div > div > div { height:100%; }
#banner-slider .nextend-arrow > img { width: 50px !important; height: 50px !important; }
#banner-slider .mob-slider-title { pointer-events:none; }
body:not(.banner-image) #banner-slider .n2-ss-preserve-size { height:0; }
#banner-slider .mob-slider-title { color:#f00; }
#banner-slider .mob-slider-title p { color:#f00; }
#banner-image img { object-position: center; object-fit: cover; width: 100%; height: 100%; }
/* MEGAMENU FIRST */
#header ul.menu > li.megamenu > ul { left:0; right:0; padding:var(--megamenu-padding); top:var(--header-bottom-height); flex-direction:row; justify-content:center; overflow: hidden; margin:0 var(--site-padding); margin-top:var(--submenu-offset-top); }

/* MEGAMENU SUBMENUS */
#header .megamenu > ul > li { text-align:start; padding:0 var(--megamenu-gap); z-index: 1; flex:1; }
#header .megamenu > ul > li:first-child { padding-left:0; }
#header .megamenu > ul > li:last-child { padding-right:0; }
#header .megamenu ul.sub-menu > li.menu-item-has-children > ul { left:auto; top:auto; margin: 0 auto; pointer-events:inherit; border: none; text-align:center; }

/* MEGAMENU ITEMS */
#header .megamenu.menu-item-has-children > ul > li a:not(.megamenu-image) { text-align:var(--megamenu-align); display:inline-block; padding-left:0; padding-right:0; }



/* MEGAMENU IMAGE */
#header .megamenu img { width:100%; height:100%; object-fit: cover; margin:0; transition: all 0.2s ease-out; }
#header .megamenu a:hover img { transform: translateY(1px) scale(1.05); }
#header .megamenu > ul li.megamenu-has-image { font-size:0; line-height:0; }
#header .megamenu > ul > li.megamenu-has-image { flex:var(--megamenu-image-flex); }
#header .megamenu > ul > li.megamenu-has-image > ul { min-width:var(--megamenu-image-min-width); }
#header .megamenu > ul > li li.megamenu-image { display:flex; }
#header .megamenu > ul > li a.megamenu-image { position:relative; display: inline-block; overflow:hidden; width:100%; padding-bottom:100%; border-radius: 10px; }
#header .megamenu > ul > li a.megamenu-image > div { display:flex; flex-direction: column; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
#header .megamenu > ul > li a.megamenu-image > div > div { position:relative; flex:1; }
#header .megamenu > ul > li a.megamenu-image > div > div > div { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
#header .megamenu > ul > li a.megamenu-image span { padding: 10px; background-color:#2e2e2e; color: #fff; text-transform: uppercase; letter-spacing: 1px; font-size: 15px; line-height:normal; font-weight: 400; letter-spacing:1.5px; text-align:center; transition: all 0.2s ease-out; z-index: 1; }
#header .megamenu-has-image > ul { max-width:290px; }
#header .megamenu.menu-item-has-children > ul > li a.megamenu-image:hover span { color:var(--secondary_color); }
