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: var(--site-padding); }

body.user-mobile #header, body.menu-sticky:not(.user-mobile) .header-sticky { 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-main-y { height:var(--head_main_height); min-height:var(--head_main_height); max-height:var(--head_main_height); }

.headitem-flex { position:relative; display: flex; align-items: center; height: 100%; }

/* DO NOT CHANGE BELOW - START */
#header svg { width:16px; height:16px; }
#header-top-wrap { position:relative; background-color:rgb(255,255,255); }
#header-middle-wrap { position:relative; }
#header-main-wrap { position:relative; box-shadow:0 4px 10px rgba(0, 0, 0, 0.25); background-color:rgb(255,255,255); }
#header-top > div { height:100%; gap:var(--head_top_gap); }
#header-top-wrap:after { content:''; position:absolute; bottom:0; left:0; right:0; height:1px; background-color:rgb(153,153,153); }
#header-top > div > div:before { content:''; position:absolute; top:0; bottom:0; width:1px; left:calc(-1 * var(--head_top_gap-half)); background-color:rgb(153,153,153); }
#header-top { font-size:14px; font-weight:500; color:rgb(55,55,55); }
#header-top a { color:rgb(55,55,55); }
#header-top a:hover { color:rgb(191,127,0); }
#header-main { color:rgb(36,36,36); }
#header-main a { color:rgb(36,36,36); }
#header-main a:hover { color:rgb(191,127,0); }
@media all and (max-width:1199px) {
	#header-top { font-size:14px; }
}
@media all and (max-width:799px) {
	#header-top > div > div:last-child:after { content:''; position:absolute; top:0; bottom:0; width:1px; right:calc(-1 * var(--head_top_gap-half)); background-color:rgb(153,153,153); }
	#header-top { font-size:14px; }
}
@media all and (min-width:800px) {
	 #header-top > div > div:first-child:before { content:none; }
}
/* DO NOT CHANGE ABOVE - END */