.page-header .prlx-bg .bg{
	background-image:url(../images/header.jpg);
}
.outline{
    position: relative;
    z-index: 0;
}
.outline .image-wall .image-half{
	left:0;
	top: 0;
}
.typo{
  position: absolute;
    left:0;
    bottom: -1rem;
    z-index: -1;
    width:100%;
}
.typo use.use-logo-typo{
	opacity: .6;
 --primary-color: #dae7ef;
}
_:lang(x)::-ms-backdrop,.typo use.use-logo-typo{
	opacity: .1;
}
@media screen and (max-width:640px){
	.outline .image-wall .image-half{
		display: none;
	}
	.outline dl dt{
		font-weight: bold;
		margin-bottom: .5rem;
		}
		.outline dl dd{
			margin-bottom: 1rem;
	}
}
@media screen and (min-width:641px){
		.outline dl{
			margin-left:50%;
			line-height:1.8em;
		}
		.outline dl dt{
			width: 10em;
		}
		.outline dl dd{
			padding-left: 11em;
			margin-top: -1.8em;
			margin-bottom: .5em;
	}
}


.office{
  position: relative;
  overflow: hidden;
  z-index: 0;
}
.office header.page-lead h2 span{
	border-top: 4px solid #fff;
	color: #fff;
}
.office .bg{
	position: absolute;
	z-index:-1;
	top:0;
	left:0;
	right:0;
	width:100vw;
	height:auto;
}
.office .bg img{
	width: 100%;
	height: auto;
}
_:lang(x)::-ms-backdrop, .office .bg::before{
	background-color:rgba(0,82,147,.4);
	background-color: #005293;
	opacity: .4;
	content: '';
	position: absolute;
	display:block;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.office ul{
  position: relative;
  list-style: none;
  z-index: 1;
}
.office ul::before{
  content: '';
  display: block;
  background-color: #fff;
  position: absolute;
  width: 150%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.office ul.fx li{
  flex-basis: 50%;
  padding: 1rem;
}
_:lang(x)::-ms-backdrop, .office ul.fx li{
	padding:0;
	margin-bottom: 1rem;
}
.office ul li img{
	margin-bottom: 1rem;
}
.office ul li h3{
	color: #005293;
	margin-bottom: .5rem;
}
.history{
	position: relative;
	z-index: 0;
	overflow: hidden;
}
.history::before{
	content: '';
  display: block;
  background-color: #dae7ef;
  position: absolute;
  width: 50vw;
  height: 40%;
  top: 0;
  right: 0;
  z-index: -1;
}
.history.image-wall .image-onethird{
	right:0;
	top: 0;
}
@media screen and (max-width:640px){
	.history::before,
	.history.image-wall .image-onethird{
		display: none;
	}
		.history dl dt{
		font-weight: bold;
		margin-bottom: .5rem;
		}
		.history dl dd{
			margin-bottom: 1rem;
	}
}
@media screen and (min-width:641px){
		.history dl{
			margin-right:35%;
			line-height:1.8em;
		}
		.history dl dt{
			width: 6em;
		}
		.history dl dd{
			padding-left: 7em;
			margin-top: -1.8em;
			margin-bottom: .5em;
	}
}