.header {
    width: 100%;
    height: auto; 
    display: flex;
    align-items: flex-start;
    padding-top: calc((100vw - 768px) * 27 / 1032 + 23px); /* 50 -> 23 @1800 -> 768*/
    position: absolute;
    top: 0px;
    left: 0;
    z-index: 90;
    transition: all .2s;
}
.header .hdr-row {
	width: 100%;
	height: calc((100vw - 768px) * 74/ 1032 + 61px); /* 135 -> 61 @1800 -> 768*/
	background-color: transparent;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	padding: 0 calc((100vw - 768px) * 44 / 1032 + 36px); /* 80 -> 36 @1800 -> 768*/
}
.header .hdr-left-col {
	height: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
}
.header .hdr-right-col {
	height: 100%;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-end;
}
/* === LOGO ===*/
.home-logo {
	height: 100%;
}
.home-logo img{
	height: 100%;
	width: auto;
	cursor: pointer;
}
#logowh {
    filter: drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.5));
}
.logohz {
	display: none;
}
/* === MAIN MENU ===*/
.header .main-menu {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    column-gap: calc((100vw - 768px) * 16 / 1032 + 14px); /* 30-> 14 @1800 -> 768*/
	transition: all 0.3s;	
}
.header .menu-links {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	position: relative;
	cursor: pointer;
}
.header .menu-links a{
	width: 100%;
	font-family: RobotoRegular;
	font-size: calc((100vw - 768px) * 4 / 1032 + 11px); /* 15-> 11 @1800 -> 768*/
	line-height: calc((100vw - 768px) * 4 / 1032 + 11px); /* 15 -> 11 @1800 -> 768*/
	letter-spacing: 0.01em;
	color: #666666;
	text-decoration: none;
	white-space: nowrap;
	display: flex;
	align-items: center;
}
.header .menu-links a:hover, .header .menu-links a:focus {
    opacity: 0.65;
    filter: brightness(1) !important;
}

 
/*=== LANG SWITCH ===*/
.lang-switch::after {
    content: "\e90d";
    font-family: madicon;
    vertical-align: middle;
    color: #666666;
}

/* === SUBMENU ===*/

/*submenu arrow*/

.header .sm-arrow::after {
    content: "\e917";
    font-family: madicon;
    font-size: calc((100vw - 768px) * 5 / 1032 + 6px);  /* 11 -> 6 @1800 -> 768 */
    margin-top: calc((100vw - 768px) * 2 / 1032 + 1px);
    margin-left: calc((100vw - 768px) * 4 / 1032 + 4px); /* 8 -> 4 @1800 -> 768 */
    vertical-align: middle;
}
.header .menu-links:hover .sm-arrow::after {
    content: "\e916";
    font-family: madicon;
}
.submenu {
	min-width: calc((100vw - 768px) * 55 / 1032 + 45px); /* 100 -> 59 @1800 -> 768 */
	position: absolute;
	top: 0;
	left: 0;
	padding-top: calc((100vw - 768px) * 15 / 1032 + 20px); /* 35 -> 20 @1800 -> 768 */
	display: flex;
	flex-direction: column;
	align-items: center;
	visibility: hidden;
	opacity: 0;
	transition: all 0.4s ease-in-out;
}
.header .submenu  .smn-links {
	filter: brightness(1);
}
.header  .sm-expand:hover .submenu {
    visibility: visible;
    opacity: 100;
}
.header  .sm-expand:not(:hover) .submenu {
	visibility: hidden;
	opacity: 0;
}
.header .smn-links {
	background-color: #ffffff;
	border-top: 1px solid #f1f1f1;
	border-left: 1px solid #f1f1f1;
	border-right: 1px solid #f1f1f1;
}
.header .smn-links:last-child {
	border-bottom: 1px solid #f1f1f1;
}
.header .smn-links a {
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: calc((100vw - 768px) * 4 / 1032 + 11px); /* 14 -> 11 @1800 -> 768 */
	line-height: calc((100vw - 768px) * 5 / 1032 + 11px); /* 16-> 11 @1800 -> 768 */
	padding: calc((100vw - 768px) * 5 / 1032 + 8px); /* 13->8 @1800 -> 768 */
}
.submenu:not(.lang-switcher) .menu-links a {
    align-items: flex-start;
}

/* === STICKY ===*/
.sticky {
	height: calc((100vw - 768px) * 10 / 1032 + 50px); /* 60 -> 50 @1800 -> 768 */
	padding-top: 0;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background-color: #ffffff;
	box-shadow: 0 2px 5px rgba(0,0,0,0.1);
	transition: all 0.2s;
	z-index: 99;
}
.sticky .hdr-row {
	height: calc((100vw - 768px) * 5 / 1032 + 30px); /* 35 -> 30 @1800 -> 768 */
	align-items: center;
}
.sticky .hdr-right-col {
	align-items: center;
}
.sticky .menu-links:not(.smn-links) > a {
	font-family: 'RobotoLight';
	color: #666666;
}
.sticky .submenu {
	padding-top: calc((100vw - 768px) * 25 / 1032 + 20px); /* 45 -> 20 @1800 -> 768 */
}
.sticky #logoBlk, .sticky #logoWh {
	display: none;
}
.sticky .logohz {
	display: block;
}

/*###### RESPONSIVE ######*/
@media only screen and (min-width: 769px) {
	.header .smn-links a {
		color: #666666 !important;
	}
	.header:not(.sticky) .menulink.txtwh:not(.lang-switcher), .txtwh::after {
		color: rgba(255, 255, 255, .85);
	}
	.header .submenu .txtwh {
		color: rgba(255, 255, 255, .65);
	}
	/*=== LOGIN ===*/
	#btn-login {
		color: #ffffff;
		background-color: #cf9934;
		padding: calc((100vw - 768px) * 1 / 1032 + 5px) calc((100vw - 768px) * 3 / 1032 + 6px); /* 6->5 9->6@1800 -> 768*/ 
	}
}
@media only screen and (max-width: 768px) {
	.header {
	    padding-top: calc((100vw - 425px) * 13 / 343 + 17px); /* 30 -> 17 @768 -> 425 */
	}
	.header .hdr-row {
		height: calc((100vw - 425px) * 16 / 343 + 64px); /* 80 -> 64 @768 -> 425 */
		padding: 0 calc((100vw - 425px) * 13 / 343 + 17px); /* 30 -> 17 @768 -> 425 */
	}
	
	/* === MOBILE MENU ===*/

	/*menu icon*/
	.hdr-right-col::before {
	    content: "\e909";
	    font-family: madicon;
	    color: #666666;
	    font-size: calc((100vw - 425px) * 7 / 343 + 15px); /* 22 -> 15 @768 -> 425 */
	    position: relative;
	    cursor: pointer;
	    transition: all .5s;
	}
	.header .sm-arrow::after {
		font-size: calc((100vw - 425px) * 5 / 343 + 7px); /* 12 -> 7 @768 -> 425 */
		margin-left: calc((100vw - 425px) * 5 / 343 + 5px); /* 26 -> 14 @768 -> 425 */
	}
	.hdr-mobile {
		width: calc((100vw - 425px) * 92 / 343 + 208px); /* 300 -> 208 @768 -> 425 */
		height: 100vh;
		background-color: #ffffff;
		position: fixed;
		top: 0;
		right: 0;
		transition: all .5s;
		transform: translateX(calc((100vw - 425px) * 92 / 343 + 208px)); /* 300 -> 208 @768 -> 425 */
		box-shadow: -2px 0 5px rgb(0, 0, 0, 0.1);
	}
	/*slide in*/
	.hdr-right-col:hover .hdr-mobile, .hdr-right-col:active .hdr-mobile {
		transform: translateX(0);
	}
	.hdr-mobile .main-menu {
		flex-direction: column;
		padding-top: calc((100vw - 425px) * 13 / 343 + 52px); /* 65 -> 52 @768 -> 425 */
	}
	.hdr-mobile .menu-links {
		width: 100%;
		justify-content: flex-start;
		margin-right: 0 !important;
	}
	.hdr-mobile .sm-expand {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start
	}
	.hdr-mobile .menu-links a, .hdr-mobile .smn-links a {
		min-height: calc((100vw - 425px) * 12 / 343 + 46px); /* 58 -> 46 @768 -> 425 */
		font-size: calc((100vw - 425px) * 4 / 343 + 14px); /* 18 -> 14 @768 -> 425 */
		line-height: calc((100vw - 425px) * 4 / 343 + 14px); /* 18 -> 14 @768 -> 425 */
		align-items: center;
		justify-content: flex-start;
		padding: calc((100vw - 425px) * 3 / 343 + 13px); /* 16 -> 13 @768 -> 425 */
		padding-left: calc((100vw - 425px) * 20 / 343 + 20px); /* 40 -> 20 @768 -> 425 */
	}
	.hdr-mobile .menu-links a:hover, .hdr-mobile .menu-links a:focus {
		color: #cf9934;
	}
	.hdr-mobile .submenu {
		width: 100% !important;
		position: unset;
		padding: 0;
		display: none;
	}
	.hdr-mobile  .sm-expand:hover .submenu {
	    display: block;
	}
	.hdr-mobile .smn-links {
		width: 100%;
		padding-right: 0;
		box-shadow: none;
		border-color: #d2d2d3;
	}
	.header .smn-links:last-child {
	    border-color: #d2d2d3;
	    color: #404040;
	}
	.hdr-mobile .smn-links a {
		justify-content: center;
		background-color: #ededed;
		align-items: flex-start;
	}
	
	.header .smn-links span {
		font-size: calc((100vw - 425px) * 3 / 343 + 11px); /* 14 -> 11 @768 -> 425 */
	}
	
	/*login*/
	#btn-login {
		color: #cf9934;
}
	/*sticky*/
	.sticky {
		height: calc((100vw - 425px) * 15 / 343 + 45px); /* 60 -> 45 @768 -> 425 */
		align-items: center;
		padding-top: 0;
	}
	.sticky .hdr-row {
		height: calc((100vw - 425px) * 8 / 343 + 22px); /* 30 -> 22 @768 -> 425 */
	}
	.sticky .hdr-right-col::before {
	    color: #4d4d4f;
	    font-size: calc((100vw - 425px) * 7 / 343 + 15px); /* 22 -> 15 @768 -> 425 */
	}
	.sticky .menu-links:not(.smn-links) > a {
		color: #404040;
	}

}