/*		|8		|		|24		|		|40		|		|56		|		|72		|		|88		|		|104	|		|*/
header.site{
		position				:	relative							;
		z-index					:	5									;
		padding					:	20px								;
		background				:	var(--navy)							;
		border-bottom			:	4px solid var(--silver)				;
		box-shadow				:	var(--shadow)						;
}
header.site .inner{
		display					:	grid								;
		grid-template-columns	:	14.42% 49.06% 31.01% 5.49%			;
		align-items				:	center								;
		max-width				:	var(--wide)							;
		margin					:	0 auto								;
}
header.site .logo{
		padding					:	20px								;
		border-radius			:	150px								;
		background				:	var(--pale)							;
		box-shadow				:	0 11px 10px rgba(0,0,0,.5)			;
}
header.site .logo img{
		width					:	100%								;
		height					:	112px								;
		object-fit				:	contain								;
}
header.site nav{
		padding					:	0 10px 0 24px						;
}
header.site nav ul{
		margin					:	0									;
		padding					:	0									;
		list-style				:	none								;
}
header.site nav>ul{
		display					:	flex								;
		flex-wrap				:	wrap								;
}
header.site nav li{
		position				:	relative							;
}
header.site nav a{
		display					:	flex								;
		align-items				:	center								;
		gap						:	10px								;
		padding					:	13px 16px							;
		font-family				:	"Barlow",sans-serif					;
		font-size				:	18px								;
		font-weight				:	500									;
		line-height				:	20px								;
		color					:	#fff								;
		text-decoration			:	none								;
}
header.site nav>ul>li>a::after{
		content					:	""									;
		position				:	absolute							;
		left					:	16px								;
		right					:	16px								;
		bottom					:	0									;
		height					:	4px									;
		background				:	var(--silver)						;
		opacity					:	0									;
		transition				:	opacity .3s							;
}
header.site nav>ul>li>a:hover::after,header.site nav>ul>li:focus-within>a::after{
		opacity					:	1									;
}
header.site nav .more>a::before{
		content					:	""									;
		order					:	1									;
		width					:	12px								;
		height					:	12px								;
		background				:	currentColor						;
		-webkit-mask			:	url(/images/icons/chevron-down.svg) center/contain no-repeat	;
		mask					:	url(/images/icons/chevron-down.svg) center/contain no-repeat	;
}
header.site nav ul ul{
		position				:	absolute							;
		top						:	100%								;
		left					:	0									;
		min-width				:	220px								;
		background				:	#fff								;
		box-shadow				:	0 0 10px rgba(0,0,0,.2)				;
		visibility				:	hidden								;
		opacity					:	0									;
		transition				:	opacity .2s							;
}
header.site nav li:hover>ul,header.site nav li:focus-within>ul{
		visibility				:	visible								;
		opacity					:	1									;
}
header.site nav ul ul a{
		padding					:	13px 20px							;
		font-size				:	16px								;
		color					:	var(--navy)							;
}
header.site nav ul ul a:hover,header.site nav ul ul a:focus{
		background				:	var(--silver)						;
}
header.site .contact{
		justify-self			:	center								;
		padding					:	13px 40px							;
		font-size				:	15px								;
		border					:	4px solid var(--silver)				;
		font-weight				:	500									;
		box-shadow				:	var(--shadow)						;
}
header.site .contact:hover,header.site .contact:focus{
		border-color			:	var(--accent)						;
}
header.site .buz{
		width					:	57px								;
		margin-left				:	-55px								;
		padding					:	2px									;
		border-radius			:	12px								;
		background				:	#fff								;
}
header.site .buz:hover{
		background				:	var(--silver)						;
}
header.site .buz img{
		border-radius			:	10px								;
}
header.site details{
		display					:	none								;
}
@media (max-width:1024px){
	header.site .logo{
		width					:	33.33%								;
	}
	header.site .inner{
		display					:	flex								;
		flex-wrap				:	wrap								;
		justify-content			:	center								;
	}
	header.site .inner>nav{
		display					:	none								;
	}
	header.site details{
		display					:	block								;
		flex					:	1 1 100%							;
		order					:	1									;
		margin-top				:	10px								;
	}
	header.site summary{
		display					:	block								;
		width					:	40px								;
		height					:	40px								;
		margin					:	0 auto								;
		background				:	var(--silver) url(/images/icons/bars.svg) center/20px no-repeat	;
		cursor					:	pointer								;
		list-style				:	none								;
		font-size				:	0									;
	}
	header.site summary::-webkit-details-marker{
		display					:	none								;
	}
	header.site details nav{
		padding					:	0									;
		margin-top				:	10px								;
		background				:	#fff								;
	}
	header.site details nav>ul{
		display					:	block								;
	}
	header.site details nav a{
		color					:	var(--navy)							;
		font-size				:	16px								;
	}
	header.site details nav a:hover{
		background				:	var(--silver)						;
	}
	header.site details nav ul ul{
		position				:	static								;
		visibility				:	visible								;
		opacity					:	1									;
		box-shadow				:	none								;
	}
	header.site details nav ul ul a{
		padding-left			:	40px								;
	}
	header.site details nav>ul>li>a::after,header.site details nav .more>a::before{
		display					:	none								;
	}
	header.site .contact,header.site .buz{
		display					:	none								;
	}
}
@media (max-width:767px){
	header.site{
		padding					:	10px 10px 0							;
		border-bottom			:	0									;
	}
	header.site .logo{
		width					:	100%								;
		padding					:	0									;
	}
	header.site .logo img{
		width					:	79%									;
		height					:	112px								;
		margin					:	8px auto							;
	}
}