/* Header */
#unk_header{
	position: fixed;
	width: 100%;

	transition: opacity .5s;

	z-index: 2;
}

#unk_header.disable{
	opacity: 0;
	pointer-events: none;
}

#unk_header > .unk_module{
	padding-top: 22px;
	padding-bottom: 22px;
}

#unk_header > .unk_module > .container > .row{
	align-items: center;
}

#unk_header > .unk_module > .container > .row > .col-xs-6{
	display: flex;
}

#unk_header .unk_logo{
	position: relative;
	display: inline-block;
}

#unk_header .unk_logo img{
	display: block;
	width: auto;
	height: 42px;
}

#unk_header .unk_logo img + img{
	position: absolute;
	top: 0;
	left: 0;
}

#unk_header .unk_header-mobile{
	display: none !important;
}

#unk_header .unk_logo-light,
#unk_header .unk_logo-dark{
	transition: opacity .25s ease, color .25s ease;
}

#unk_header.unk_border-bottom:after{
	transition: opacity 1s ease, color 1s ease, transform 1s ease;
}

#unk_header[data-theme="dark"] a,
#unk_header[data-theme="dark"] button{
	color: var(--unk-color-01);
}

#unk_header[data-theme="light"] a,
#unk_header[data-theme="light"] button{
	color: var(--unk-color-02);
}

#unk_header[data-theme="dark"] .unk_logo-light,
#unk_header[data-theme="light"] .unk_logo-dark{
	opacity: 0;
}

#unk_header[data-theme="dark"] .unk_logo-dark,
#unk_header[data-theme="light"] .unk_logo-light{
	opacity: 1;
}

#unk_header[data-theme="light"]:before{
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
	pointer-events: none;
	background: linear-gradient(rgba(37, 35, 36, 1) 0%, rgba(37, 35, 36, 0.987) 8.1%, rgba(37, 35, 36, 0.951) 15.5%, rgba(37, 35, 36, 0.896) 22.5%, rgba(37, 35, 36, 0.825) 29%, rgba(37, 35, 36, 0.741) 35.3%, rgba(37, 35, 36, 0.648) 41.2%, rgba(37, 35, 36, 0.55) 47.1%, rgba(37, 35, 36, 0.45) 52.9%, rgba(37, 35, 36, 0.352) 58.8%, rgba(37, 35, 36, 0.259) 64.7%, rgba(37, 35, 36, 0.175) 71%, rgba(37, 35, 36, 0.104) 77.5%, rgba(37, 35, 36, 0.049) 84.5%, rgba(37, 35, 36, 0.013) 91.9%, rgba(37, 35, 36, 0) 100%);
}

@media (max-width: 1023px) {
	#unk_header .unk_logo img{
		height: 32px;
	}

	#unk_header .unk_header-desktop{
		display: none !important;
	}

	#unk_header .unk_header-mobile{
		display: unset !important;
	}
}