header{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:1000;
	background:transparent;
	transition:
		background-color .35s ease,
		backdrop-filter .35s ease,
		box-shadow .35s ease;
}

header.is-scrolled{
	background:rgba(3,25,15,.92);
	backdrop-filter:blur(12px);
	box-shadow:0 8px 30px rgba(0,0,0,.25);
}

.header-inner{
	padding:32px 0;
	transition:padding .35s ease;
}

header.is-scrolled .header-inner{
	padding:16px 0;
}

.button-header-call{
	background:#cf2b2b;
	border:1px solid #cf2b2b;
	color:#fff;
	transition:all .25s ease;
}
.button-header-call:hover{
	background:#e53935;
	border-color:#e53935;
	transform:translateY(-2px);
	box-shadow:0 8px 20px rgba(207,43,43,.35);
}

.button-header-call:active{
	transform:translateY(0);
	box-shadow:0 4px 10px rgba(207,43,43,.25);
}

.header-navigation{
	display:flex;
	justify-content:flex-end;
	align-items:center;
	gap:2.5rem;
}

.header-navigation a{
	position:relative;
	color:rgba(255,255,255,.85);
	font-weight:700;
	text-decoration:none;
	transition:color .25s ease;
}

.header-navigation a::after{
	content:'';
	position:absolute;
	left:0;
	bottom:-8px;
	width:0;
	height:2px;
	background:#ffbf22;
	transition:width .25s ease;
}

.header-navigation a:hover{
	color:#ffbf22;
}

.header-navigation a:hover::after,
.header-navigation a.is-active::after{
	width:100%;
}

.header-navigation a.is-active{
	color:#ffbf22;
}

.header-mobile-toggle{
	display:none;
	align-items:center;
	justify-content:flex-end;
}

@media screen and (max-width:1023px){

	.header-mobile-toggle{
		display:flex;
	}

}

.menu-toggle{
	position:relative;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	width:56px;
	height:56px;
	padding:0;
	border:0;
	background:none;
	cursor:pointer;
}
.menu-toggle span{
	display:block;
	width:30px;
	height:3px;
	margin:4px 0;
	background:#ffffff;
	border-radius:10px;
	transform-origin:center;
	transition:
		transform .35s ease,
		opacity .25s ease,
		background-color .25s ease;
}

.menu-toggle:hover span{
	background:#ffbf22;
}
.menu-toggle.is-active span:nth-child(1){
	transform:
		translateY(11px)
		rotate(45deg);
}

.menu-toggle.is-active span:nth-child(2){
	opacity:0;
}

.menu-toggle.is-active span:nth-child(3){
	transform:
		translateY(-11px)
		rotate(-45deg);
}

.menu-toggle:hover{
	transform:scale(1.05);
	transition:transform .25s ease;
}

.menu-toggle:active{
	transform:scale(.95);
}

.mobile-menu{
	position:fixed;
	inset:0;
	z-index:999;

	display:flex;
	align-items:center;
	justify-content:center;

	background:rgba(3,25,15,.96);
	backdrop-filter:blur(16px);

	opacity:0;
	visibility:hidden;
	pointer-events:none;

	transition:
		opacity .35s ease,
		visibility .35s ease;
}

.mobile-menu.is-active{
	opacity:1;
	visibility:visible;
	pointer-events:auto;
}

.mobile-menu-inner{
	width:100%;
	max-width:420px;
	padding:2rem;
}

.mobile-nav{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:2rem;
}

.mobile-nav a{
	position:relative;
	display:inline-block;

	font-size:2.2rem;
	font-weight:700;

	color:#ffffff;
	text-decoration:none;
	text-transform:uppercase;

	transform:translateY(20px);
	opacity:0;

	transition:
		color .25s ease,
		transform .35s ease,
		opacity .35s ease;
}

.mobile-nav a:hover{
	color:#ffbf22;
}
.mobile-menu-bottom{
	margin-top:4rem;
}
.button-mobile-call{
	display:flex;
	align-items:center;
	justify-content:center;

	width:100%;
	height:58px;

	background:#d62d2d;
	border-radius:8px;

	color:#fff;
	font-weight:700;
	text-decoration:none;
	text-transform:uppercase;

	transition:
		transform .25s ease,
		background-color .25s ease;
}
.button-mobile-call:hover{
	background:#e63b3b;
	transform:translateY(-3px);
	color:#fff;
}
body.mobile-menu-open{
	overflow:hidden;
}
.mobile-menu.is-active .mobile-nav a{
	transform:translateY(0);
	opacity:1;
}
.mobile-nav a:nth-child(1){
	transition-delay:.10s;
}

.mobile-nav a:nth-child(2){
	transition-delay:.18s;
}

.mobile-nav a:nth-child(3){
	transition-delay:.26s;
}

.mobile-nav a:nth-child(4){
	transition-delay:.34s;
}



.mobile-nav-link{
	transition:
		color .2s ease,
		transform .2s ease,
		opacity .35s ease;
}

.mobile-nav-link.is-clicked{
	color:#ffbf22;
	transform:scale(1.05);
}
.menu-toggle.is-active span{
	background:#ffbf22;
}