/*-------------------------------------------------------------------------*/
/* Header
/*-------------------------------------------------------------------------*/
.header {
	width: 100%;
	height: auto;
	z-index: 99;
	padding: 27px 0 0 0;
} .no-slider .header {margin: 0 0 13.2rem 0;}

/* Header: Navbar
/*----------------------------------------------------------*/
.header .navbar {
	width: 100%;
	height: auto;
	padding: 118px 0 0 0; /* old: logo height - logo top */
	min-height: 118px;
}

.header .navbar:before {
	width: 100%;
	height: 118px;
	top: 0;
	left: 0;
	content: '';
	position: absolute;
	background-size: 100% 118px;
	background-color: transparent;
	background-image: url(../../images/graphics/header.png);
	background-repeat: no-repeat;
	background-position: center center;
}

/* Navbar: Brand
/*----------------------------------------------------------*/
.header .navbar .navbar-brand {
	width: 60%;
	height: 215px;
	top: -27px;
	left: 0;
	right: 0;
	margin: 0 auto;
	padding: 0;
	z-index: 9;
	display: block;
	position: absolute;
	max-width: 312px;
	text-indent: -999999px;
	background-size: 100% 430px;
	background-color: transparent;
	background-image: url(../../images/graphics/logo.png);
	background-repeat: no-repeat;
	background-position: top center;
}

.header .navbar .navbar-brand:before {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	content: '';
	position: absolute;
	max-width: 100%;
	background-size: 100% 430px;
	background-color: transparent;
	background-image: url(../../images/graphics/logo.png);
	background-repeat: no-repeat;
	background-position: bottom center;
	transition: opacity ease-in-out 300ms;
	-o-transition: opacity ease-in-out 300ms;
	-ms-transition: opacity ease-in-out 300ms;
	-moz-transition: opacity ease-in-out 300ms;
	-webkit-transition: opacity ease-in-out 300ms;
} .header .navbar .navbar-brand:hover:before {opacity: 1;}

/* Navbar: Toggler
/*----------------------------------------------------------*/
.header .navbar .navbar-toggler {
	width: 40px;
	height: 40px;
	top: 39px;
	left: 5%;
	fill: #b4a355;
	color: #b4a355;
	border: none;
	padding: 0;
	display: inline-block;
	position: absolute;
}

/* Navbar: Navigation
/*----------------------------------------------------------*/
.header .navbar .navbar-nav                  {}
.header .navbar .navbar-nav.navbar-nav-left  {}
.header .navbar .navbar-nav.navbar-nav-right {}

.header .navbar .navbar-nav .nav-item {}

.header .navbar .navbar-nav .nav-item .nav-link {
	color: #b4a355;
	display: block;
	padding: 0.75rem;
	font-size: 0.75rem;
	font-family: var(--font-family-secondary);
	text-transform: uppercase;
	transition: color ease-in-out 300ms;
	-o-transition: color ease-in-out 300ms;
	-ms-transition: color ease-in-out 300ms;
	-moz-transition: color ease-in-out 300ms;
	-webkit-transition: color ease-in-out 300ms;
}

.header .navbar .navbar-nav .nav-item .nav-link:hover,
.header .navbar .navbar-nav .nav-item .nav-link.nav-active {
	color: #f1cd27;
}

/* Navbar: Collapse
/*----------------------------------------------------------*/
.header .navbar .navbar-collapse {
	width: 100%;
	height: auto;
	z-index: 9;
	display: none;
	background-color: rgba(20, 23, 19, 0.95);
}

/* Header: Responsive
/*----------------------------------------------------------*/
@media screen and (min-width: 992px) { /* Desktop */
	.no-slider .header {
		margin: 0 0 21.7rem 0;
	}
}

@media screen and (min-width: 1200px) { /* Desktop */
	/* Header: Navbar
	/*----------------------------------------------------------*/
	.header .navbar {
		padding: 18px 0;
	}

	/* Navbar: Toggler
	/*----------------------------------------------------------*/
	.header .navbar .navbar-toggler {
		display: none;
	}

	/* Navbar: Navigation
	/*----------------------------------------------------------*/
	.header .navbar .navbar-nav {
		width: 35%;
		height: 100%;
		margin: 0 -1rem;
		overflow: hidden;
		text-align: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-pack: center;
	} .header .navbar .navbar-nav.navbar-nav-left  {}
	  .header .navbar .navbar-nav.navbar-nav-right {margin-left: auto;}

	.header .navbar .navbar-nav .nav-item {}

	.header .navbar .navbar-nav .nav-item .nav-link {
		padding: 0 1rem;
		font-size: 1.25rem;
		line-height: 82px;
	}

	.header .navbar .navbar-nav .nav-item .nav-link:after {
		width: 4px;
		height: 100%;
		top: 0;
		right: -2px;
		content: '';
		position: absolute;
		background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.01) 24%, rgba(0,0,0,0.06) 37%, rgba(0,0,0,0.05) 46%, rgba(0,0,0,0.02) 48%, rgba(0,0,0,0) 99%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 24%,rgba(0,0,0,0.06) 37%,rgba(0,0,0,0.05) 46%,rgba(0,0,0,0.02) 48%,rgba(0,0,0,0) 99%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 24%,rgba(0,0,0,0.06) 37%,rgba(0,0,0,0.05) 46%,rgba(0,0,0,0.02) 48%,rgba(0,0,0,0) 99%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
	} .header .navbar .navbar-nav .nav-item:last-child .nav-link:after {display: none;}

	/* Navbar: Collapse
	/*----------------------------------------------------------*/
	.header .navbar .navbar-collapse {
		height: 100%;
		z-index: 8;
		background-color: transparent;
	}
}