#header.sticky {
	position: sticky;
	top: 0;
	z-index: 1001;
}

.navbar {
	background-color: #262626;
	line-height: 2em;
}

.smoth-disable-header {
	width: 100%;
	position: absolute;
	z-index: 1001;
}


.smoth-enable-header {
	transition-property: background-color;
	transition-duration: 0.4s;
	transition-timing-function: linear;
	transition-delay: 0s;
}

.smoth-disable-header {
	transition-property: background-color;
	transition-duration: 0.4s;
	transition-timing-function: linear;
	transition-delay: 0s;
}

.smoth-enable-header {
	width: 100%;
	position: absolute;
	z-index: 1001;
	background-color: #4f464600 !important;
}

/* HEADER TOP 2 */

#topbar {
	background-color: #262626;
	line-height: 2em;
	padding-top: 20px;
	padding-bottom: 20px;
}

#topbar #topdata {
	display: flex;
	justify-content: flex-end;
}

#topbar #topdata div {
	padding: 0.5em;
}

#topbar ul {
	padding: 0;
}

#topbar ul li {
	list-style-type: none;
	display: inline-block;
	padding: 0.5em;
	font-size: 1.7em;
}

/* NAV 2 */

#nav_menu li:not(.active) a {
	color: #fff;
	font-size: 1.7rem;
	/*text-shadow: 1px 1px #919191;*/
}

#nav_menu li a:hover {
	color: var(--primary-color) !important;
}

#nav_menu {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

#navbar_menu li a {
	color: #fff;
	font-size: 1.2rem;
}

#navdata {
	justify-content: flex-end;
}

#navdata div {
	padding: 0.5em;
}

.navbar-brand img {
	width: calc(10vw + 6rem);
}

#logo_top {
	transition: width 0.7s;
}

.resize_logo_width {
	width: 180px !important;
}

#flags a {
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#flags a:hover {
	background-color: var(--primary-color);
}

#flags img {
	width: 25px;
}

#flags {
	position: absolute;
	right: 0;
	top: 0;
	padding-right: 20px;
	z-index: 1;
}

#nav_menu li.active a {
	color: var(--primary-color);
	/*text-shadow: 1px 1px #919191;*/
}

#header-separator>div:first-child {
	height: 1px;
	background-color: #fff;
	clip-path: polygon(100% 0%, 100% 0%, 0% 100%, 100% 100%);
	transition: opacity 0.7s;
}

#header-separator>div:last-child {
	height: 1px;
	background-color: #fff;
	clip-path: polygon(100% 100%, 0% 0%, 0% 100%, 100% 100%);
	transition: opacity 0.7s;
}

#header-separator.opacity-zero>div {
	opacity: 0;
}

#home-office-email-phone {
	z-index: 1;
	position: absolute;
	right: 20px;
	top: 25px;
	text-shadow: 1px 1px 2px #6f6e6e91;
	font-size: 1.25rem;
	display: flex;
	gap: 10px;
	margin-top: 5px;
}

#home-office-email-phone a {
	color: var(--secondary-color);
}

/* Middel Extra large / Large devices (large desktops, 1540px and up) */
@media (min-width: 1540px) {}

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

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

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