/********************************/
/* HEADER 
/********************************/

#page-header {
	direction: rtl;
	position: fixed;
	z-index: 99;
	width: 100%;
	padding: max(10px, 2vw) max(var(--gap), 3vw);
	background-color: #fff;
}
.header-container {
	display: flex;
	gap: 1.5em;
	align-items: center;
}
.header-container.flex-container {
	
}

@media (min-width: 1200px) {
	#page-header {
		background-color: transparent;
		-webkit-transition: all 0.2s ease;
				transition: all 0.2s ease;
	}
	#page-header.minified { 
		padding-block: 1em;
	}
	.header-container {
		align-items: flex-start;
	}
}




/* Header Toggle */
/*
#navbar-toggle {
	outline: 0;
	border: 0;
	margin-inline-start: -8px;
	padding: 5px 8px;
	width: 40px;
	background: none;
	color: inherit;
	cursor: pointer;
}
#navbar-toggle span {
	display: block;
	position: relative;
	width: 100%;
	height: 3px;
	border-radius: 2px;
	margin: 4px 0;
	background-color: currentColor;
	-webkit-transition: all 0.4s ease;
			transition: all 0.4s ease;
	animation-name: navbarToggle;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}
#navbar-toggle span:nth-child(1) {
	animation-delay: 1.8s;
}
#navbar-toggle span:nth-child(2) {
	animation-delay: 2.2s;
}
#navbar-toggle span:nth-child(3) {
	animation-delay: 2.6s;
}
@keyframes navbarToggle {
	0%   {width: 100%;}
	15%  {width: 60%;}
	30%, 
	100% {width: 100%;}
}
#page-header.nav-open #navbar-toggle span {
	animation: none;
}
#page-header.nav-open #navbar-toggle span:nth-child(1) {
	transform: translateY(7px) rotateZ(135deg);
}
#page-header.nav-open #navbar-toggle span:nth-child(2) {
	opacity: 0;
}
#page-header.nav-open #navbar-toggle span:nth-child(3) {
	transform: translateY(-7px) rotateZ(-135deg);
}

@media (min-width: 1200px) {
	#navbar-toggle {
		display: none;
	}
}
*/
/***/



/* Header logo */
#header-logo {
	display: flex;
	gap: 0.75em;
	align-items: center;
}
#header-logo img {
	display: block;
	max-height: clamp(48px,10vw,192px);
}
#header-logo span {
	text-wrap: balance;
	line-height: 0.9;
	font-size: 0.75em;
}

@media (min-width : 1200px) {
	#header-logo {
		flex-direction: column;
		border-radius: 0.5em;
		padding: 1em 1.25em;
		-webkit-transition: all 0.2s ease, opacity 0.4s ease, transform 0.4s cubic-bezier(0.2,1.25,0.05,2);
				transition: all 0.2s ease, opacity 0.4s ease, transform 0.4s cubic-bezier(0.2,1.25,0.05,2);
	}
	#header-logo.inviewer {
		opacity: 0;
		-webkit-transform: scale(0.8);
				transform: scale(0.8);
	}
	#header-logo.inviewer.isinview {
		opacity: 1;
		-webkit-transform: none;
				transform: none;
	}
	#page-header.minified #header-logo {
		background: var(--white-color);
		box-shadow: 0 2px 6px -2px rgba(0,0,0,0.5); 
		font-size: 0.666666em;
	}
	#header-logo img {
		-webkit-transition: all 0.2s ease;
				transition: all 0.2s ease;
	}
	#page-header.minified #header-logo img {
		max-height: 96px;
	}
	#header-logo span {
		font-size: 1.0666667em; 
	}
}
@media (min-width : 1600px) {
	#header-logo img {
	}
}
/***/



/* Header main */
@media (max-width : 1199px) {
	#header-main {
		position: absolute;
		top: 100%;
		right: 0;
		width: 100%;
		max-width: 384px;
		min-height: 50vh;
		padding: 1rem;
		background: rgba(0,0,0,0.9);
		-webkit-transform: translateX(100%);
				transform: translateX(100%);
		-webkit-transition: all 0.35s cubic-bezier(0.76, 0, 0.24, 1);
				transition: all 0.35s cubic-bezier(0.76, 0, 0.24, 1);
	}
	#page-header.nav-open #header-main {
		-webkit-transform: none;
				transform: none;
	}
}
@media (min-width : 1200px) {
}
/***/



/* Header menu */
#header-nav-container {
}
#header-nav {
	list-style: none;
}
#header-nav li {
	padding: 0.5rem;
}
#header-nav a {
	padding: 0.5rem;
	color: inherit;
}
@media (max-width : 1199px) {
	#header-nav-container {
		margin-inline: 3rem;
		border-top: 1px solid #444;
		border-bottom: 1px solid #444;
		padding-block: 0.5rem;
	}
	#header-nav {
		margin-inline: -1rem;
	}
}
@media (min-width : 1200px) {
	#header-nav-container {
		padding-inline: 2rem;
	}
	#header-nav {
		display: flex;
		gap: 0.5em;
	}
	#header-nav a {
		position: relative;
	}
	#header-nav a:after {
		content: '';
		position: absolute;
		top: 100%;
		left: 50%;
		width: 0;
		height: 0;
		margin-left: -6px;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-bottom: 6px solid var(--warm-color);
		opacity: 0;
		-webkit-transform: translateY(10px);
				transform: translateY(10px);
		-webkit-transition: all 0.2s ease;
				transition: all 0.2s ease;	
	}
	#header-nav a:hover:after {
		opacity: 1;
		-webkit-transform: none;
				transform: none;
	}
}
/***/



/* Header extra */
#header-extra {
	margin-inline-start: auto;
}
@media (min-width : 1200px) { 
	#header-extra {
		padding-inline: 1.25em;
	}
}
/***/



/* Header phone btn */
.phone-btn {
	display: inline-flex;
	vertical-align: middle;
	align-items: center;
	width: fit-content;
	white-space: nowrap;
}
.phone-btn > .phone-label {
	padding-top: 0.0625em; 
	margin-inline: 0.75em; 
	line-height: 1;
}
.phone-btn > .phone-icon {
}
.phone-btn .phone-icon > svg {
	display: block;
	width: 1.5em;
	height: 1.5em;
}

#header-phone-btn {
	border-radius: 2em;
	padding: round(0.25em,1px);
	background: var(--primary-color);
	color: var(--white-color);
}
#header-phone-btn:hover {
}

@media (min-width : 1200px) {
	#header-phone-btn {
		font-size: 2em;
		margin-inline-end: -0.5em;
	}
	#header-phone-btn.inviewer {
		opacity: 0;
		-webkit-transform: translateY(-100px);
				transform: translateY(-100px);
		-webkit-transition: all 0.4s ease;
				transition: all 0.4s ease;
	}
	#header-phone-btn.inviewer.isinview {
		opacity: 1;
		-webkit-transform: none;
				transform: none;
	}
	
	#header-phone-btn > .phone-label {
		width: calc-size(auto, size);
		overflow: hidden;
		-webkit-transition: all 0.2s ease;
				transition: all 0.2s ease;	
	}
	#page-header.minified #header-phone-btn:not(:hover) > .phone-label {
		width: 0;
		margin: 0;
	}
	
}

/***/



/* Header deco */
/***/



@media (min-width : 1200px) {
}

@media (min-width : 1200px) {
}







/********************************/