@charset "utf-8";

/*---------------------------------------------------------------------- .general --*/

#header {
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	left: 0;
}

.header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: rgba(255, 255, 255, 1);
	z-index: 3000;
}

.header.scrolled {
	box-shadow: 0 0 3px #ccc;
}

.header .frame {
	display: flex;
	justify-content: space-between;	
}

@media (1025px <= width) {
	body {
		--header_height: 100px;
	}
	
	.header {
		padding: 30px 0;
	}
}

@media (width <= 1024px) {
	body {
		--header_height: 60px;
	}
	
	.header {
		padding: 15px 0;
	}
}

/*---------------------------------------------------------------------- .header_logo --*/

.header_logo {
	display: block;
	width: auto;
	height: 40px;
}

@media (width <= 1024px) {
	.header_logo {
		height: 30px;
	}
}

@media (hover: hover) and (pointer: fine) {
	.header_logo {
		transition: 0.2s;
	}
	
	.header_logo:hover {
		opacity: 0.75;
	}
}

/*---------------------------------------------------------------------- .header_menu --*/

.header_menu {
	display: inline-flex;
}

.header_menu a {
	position: relative;
	z-index: 200;
	transition: 0.2s;
	font-family: Yugo-B;
	
}

.header_menu a:before {
	content: '';
	display: block;
	position: absolute;
	bottom: 5px;
	left: 0;
	width: 0;
	height: 1px;
	background: var(--hover);	
	transition: 0.2s;
}

@media (1281px <= width) {
	.header_menu a {
		line-height: 40px;
		letter-spacing: 0;
	}
	
	.header_menu a:not(:last-child) {
		margin-right: 30px;
	}
}

@media (width <= 1280px) {
	.header_menu a {
		line-height: 40px;
		font-size: 18px;
	}
	
	.header_menu a:not(:last-child) {
		margin-right: 30px;
	}
}

@media (width <= 1200px) {
	.header_menu a {
		font-size: 15px;
	}
	
	.header_menu a:not(:last-child) {
		margin-right: 20px;
	}
}

@media (width <= 1024px) {
	.header_menu {
		display: none;
	}
}

@media (hover: hover) and (pointer: fine) {
	.header_menu a, .header_menu a:before {
		transition: var(--transition);
	}
	
	.header_menu a:hover {
		color: var(--hover);
	}

	.header_menu a:hover::before {
		width: 100%;
	}
}
	
.header_menu .current-page a {
	color: #f7b52c;
}

.header_menu .current-page a:before {
	content: none;
}

/*---------------------------------------------------------------------- .header_lang --*/

.header_lang {
	display: flex;
	flex-wrap: wrap;
}

.header_lang a {
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	font-style: italic;
	letter-spacing: 0;
}

@media (1025px <= width) {
	.header_lang {
		padding: 3px 0 1px;
	}
	
	.header_lang a {
		border-bottom: 2px solid #fff;
		line-height: 34px;
		font-size: 28px;
		
	}	
	
	.header_lang a:last-child {
		margin-left: 15px;
	}
	
	.current_lang {
		border-bottom: 2px solid var(--theme) !important;
	}
}

@media (width <= 1024px) {
	.header_lang {
		margin-top: -1px;
	}

	.header_lang a {
		border-bottom: 1px solid #fff;
		line-height: 20px;		
		font-size: 20px;
	}
	
	.header_lang a:last-child {
		margin-left: 10px;
	}
	
	.current_lang {
		border-bottom: 1px solid var(--theme) !important;
	}
}

@media (width <= 768px) {
	.header_lang {
		margin-right: 70px;
	}
}

@media (hover: hover) and (pointer: fine) {
	.header_lang a {
		transition: var(--transition);
	}

	.header_lang a:hover {
		color: var(--hover);
		border-color: var(--hover) !important;
	}
}










@media (hover: hover) and (pointer: fine) {

}