.header {
	background-color: #FFFFFF;
}

.header > .inner {
	padding: 0 15px;
	margin: 0 auto;
	max-width: 1465px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	height: 90px;
}

@media (min-width: 768px) {

	.header > .inner {
		height: 130px;
	}

}

@media (min-width: 992px) {

	.header > .inner {
		padding: 0 20px;
	}

}

@media (min-width: 1200px) {

	.header > .inner {
		height: 166px;
	}

}

/*  ------------------------------------------ */
/*  --------------------------------- LOGO --- */
/*  ------------------------------------------ */

.header > .inner > .logo {
	text-align: left;
	margin-right: auto;
}

.header > .inner > .logo img {
	height: 52px;
	max-width: 327px;
	vertical-align: middle;
}

@media (min-width: 992px) {

	.header > .inner > .logo img {
		height: 54px;
	}

}

@media (min-width: 1200px) {

	.header > .inner > .logo img {
		height: 68px;
	}

}

@media (min-width: 1670px) {

	.header > .inner > .logo img {
		height: 77px;
	}

}

/*  ------------------------------------------ */
/*  --------------------------------- MENU --- */
/*  ------------------------------------------ */

@media (max-width: 991px) {

	.header .hidden {
		display: none;
	}

	.header > .inner > .menu {
		position: absolute;
		right: 20px;
		top: 80px;
		background-color: #FFFFFF;
		box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
		padding: 20px 10px;
	}

	.header > .inner > .menu ul {
		list-style-type: none;
		padding: 0;
		margin: 0;
		min-width: 240px;
	}

	.header > .inner > .menu > ul {
	}

	.header > .inner > .menu > ul > li {
	}

	.header > .inner > .menu > ul > li > a {
		display: block;
		padding: 8px 20px;
		background-color: #FFFFFF;
		font-size: 1.25rem;
		font-weight: bold;
		color: #404042;
		text-transform: uppercase;
	}

	.header > .inner > .menu > ul > li > a:hover {
		background-color: #FFFFFF;
		color: #1074BC;
		transition-property: background-color;
		transition-duration: 0.3s;
	}

	.header > .inner > .menu > ul > li > a.active {
		background-color: #FFFFFF;
		color: #1074BC;
	}

	.header > .inner > .menu > ul > li > ul a {
		display: block;
		padding: 6px 0 6px 30px;
		background-color: red;
		background-color: #FFFFFF;
		font-size: 1rem;
		font-weight: bold;
		color: #445b65;
		text-transform: uppercase;
	}

	.header > .inner > .menu > ul > li > ul a:hover {
		background-color: #000000;
		color: #FFFFFF;
	}

}

@media (min-width: 992px) {


	.header .menu .hidden {
		display: none;
	}

	.header > .inner > .menu ul {
		list-style-type: none;
		padding: 0;
		margin: 0;
	}

	.header > .inner > .menu > ul > li {
		position: relative;
		float: left;
	}

	.header > .inner > .menu > ul > li > a {
		display: block;
		background-color: #FFFFFF;
		font-size: 1.3rem;
		padding: 10px 15px;
		margin-left: 1px;
		font-weight: bold;
		color: #404042;
		text-transform: uppercase;
	}

	.header > .inner > .menu > ul > li > a:hover {
		text-decoration: none;
		background-color: #FFFFFF;
		color: #1074BC;
		transition-property: background-color;
		transition-duration: 0.3s;
	}

	.header > .inner > .menu > ul > li > a:active {
		background-color: #FFFFFF;
		color: #1074BC;
	}

	.header > .inner > .menu > ul > li > a.active {
		background-color: #FFFFFF;
		color: #1074BC;
	}

	.header > .inner > .menu > ul > li > ul {
		position: absolute;
		right: 0;
		top: 20px;
		background-color: #FFFFFF;
		box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
		padding: 20px 10px;
		min-width: 250px;
	}

	.header > .inner > .menu > ul > li > ul a {
		display: block;
		padding: 8px 20px;
		background-color: #FFFFFF;
		font-size: 1.15rem;
		font-weight: bold;
		color: #445b65;
		text-transform: uppercase;
	}

	.header > .inner > .menu > ul > li > ul a:hover {
		background-color: #000000;
		color: #FFFFFF;
		transition-property: background-color;
		transition-duration: 0.3s;
	}

}

@media (min-width: 1500px) {

	.header > .inner > .menu > ul > li > a {
		font-size: 24px;
		padding: 8px 25px;
		margin-left: 1px;
	}

	.header > .inner > .menu > ul > li > ul {
		top: 62px;
		padding: 15px 0 25px 0;
	}

	.header > .inner > .menu > ul > li > ul > li a {
		font-size: 22px;
		padding: 6px 30px;
	}

}

/*  ------------------------------------------ */
/*  ------------------------------- BURGER --- */
/*  ------------------------------------------ */

.header > .inner > .burger {
	text-align: right;
}

.header > .inner > .burger a {
	color: #1074BC;
	padding: 0 5px;
	font-size: 36px;
	font-weight: bold;
	vertical-align: middle;
}

.header > .inner > .burger a:hover {
	color: #213540;
}

.header > .inner > .burger a:active {
	color: #000000;
}

@media (min-width: 992px) {

	.header > .inner > .burger {
		display: none;
	}

}

/*  ------------------------------------------ */
/*  ----------------- SECTION HEADER IMAGE --- */
/*  ------------------------------------------ */

.section-header-image {
	min-height: 120px;
	background-color: #E2DFDF;
	background-image: none;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

@media (min-width: 768px) {

	.section-header-image {
		min-height: 160px;
	}

}

@media (min-width: 992px) {

	.section-header-image {
		min-height: 180px;
	}

}

@media (min-width: 1200px) {

	.section-header-image {
		min-height: 245px;
	}

}

/*  ------------------------------------------ */
/*  -------------------- HOME HEADER IMAGE --- */
/*  ------------------------------------------ */

.home-header-image {
	background-color: lightgrey;
	background-image: none;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}


.home-header-image .box p:first-child {
	background-color: #112630;
	color: #FFFFFF;
	text-transform: uppercase;
	padding: 10px 20px;
	border-radius: 6px;
	text-align: center;
	margin-bottom: 20px;
}

.home-header-image .box p:last-child {
	color: #FFFFFF;
	width: auto;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.home-header-image .box p:last-child span {
	background-color: #838179;
	color: #FFFFFF;
	padding: 5px 10px;
	border-radius: 6px;
}


.home-header-image .box {
	margin: 90px 15px 60px 15px;
}

@media (min-width: 450px) {

	.home-header-image .box {
		max-width: 400px;
		margin: 90px 30px 60px auto;
	}

}

@media (min-width: 768px) {

	.home-header-image .box {
		max-width: 450px;
		margin: 180px 50px 100px auto;
	}

	.home-header-image .box p:first-child {
		font-size: 25px;
		padding: 15px 25px;
	}

}

@media (min-width: 992px) {

	.home-header-image .box {
		max-width: 600px;
		margin: 300px 50px 180px auto;
	}

	.home-header-image .box p:first-child {
		font-size: 33px;
		padding: 20px 20px;
	}

}

@media (min-width: 1200px) {

	.home-header-image .box {
		max-width: 600px;
		margin: 300px 50px 180px auto;
	}

	.home-header-image .box p:first-child {
		font-size: 44px;
		padding: 20px 20px;
	}

}

@media (min-width: 1480px) {

	.home-header-image .box {
		max-width: 1200px;
		margin: 460px 8% 300px auto;
	}

	.home-header-image .box p:first-child {
		font-size: 70px;
		line-height: 76px;
		padding: 20px 20px;
	}

	.home-header-image .box p:last-child span {
		font-size: 36px;
		padding: 10px 20px;
	}

}