/*
 * Global application theme.
 * Framework overrides and customization goes here.
 */
/*
 * Application global variables.
*/
/**
* DIMENSIONS
 */
/**
* FONTSIZES
 */
/**
* FONTS
 */
/**
* ANIMATIONS
 */
/**
*Icons
 */
/* Icon 3 */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	/* 1 */
	-webkit-text-size-adjust: 100%;
	/* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0; }

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	/* 1 */
	height: 0;
	/* 1 */
	overflow: visible;
	/* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	/* 1 */
	font-size: 1em;
	/* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent; }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	/* 1 */
	text-decoration: underline;
	/* 2 */
	text-decoration: underline dotted;
	/* 2 */ }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	/* 1 */
	font-size: 1em;
	/* 2 */ }

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline; }

sub {
	bottom: -0.25em; }

sup {
	top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	/* 1 */
	font-size: 100%;
	/* 1 */
	line-height: 1.15;
	/* 1 */
	margin: 0;
	/* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	/* 1 */
	overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	/* 1 */
	text-transform: none; }

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button; }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	/* 1 */
	color: inherit;
	/* 2 */
	display: table;
	/* 1 */
	max-width: 100%;
	/* 1 */
	padding: 0;
	/* 3 */
	white-space: normal;
	/* 1 */ }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline; }

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	/* 1 */
	padding: 0;
	/* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	/* 1 */
	outline-offset: -2px;
	/* 2 */ }

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	/* 1 */
	font: inherit;
	/* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item; }

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
	display: none; }

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none; }

@font-face {
	font-family: "Roboto Condensed";
	src: url("/fonts/roboto-condensed/RobotoCondensed-Light.woff") format("woff"), url("/fonts/roboto-condensed/RobotoCondensed-Light.woff2") format("woff2");
	font-weight: 300; }

@font-face {
	font-family: "Roboto Condensed";
	src: url("/fonts/roboto-condensed/RobotoCondensed-Regular.woff") format("woff"), url("/fonts/roboto-condensed/RobotoCondensed-Regular.woff2") format("woff2");
	font-weight: normal; }

@font-face {
	font-family: "Roboto Condensed";
	src: url("/fonts/roboto-condensed/RobotoCondensed-Bold.woff") format("woff"), url("/fonts/roboto-condensed/RobotoCondensed-Bold.woff2") format("woff2");
	font-weight: bold; }

@font-face {
	font-family: "Roboto Mono";
	src: url("/fonts/roboto-mono/RobotoMono-Regular.woff") format("woff"), url("/fonts/roboto-mono/RobotoMono-Regular.woff2") format("woff2");
	font-weight: normal; }

@font-face {
	font-family: "Roboto Mono";
	src: url("/fonts/roboto-mono/RobotoMono-Medium.woff") format("woff"), url("/fonts/roboto-mono/RobotoMono-Medium.woff2") format("woff2");
	font-weight: 500; }

@font-face {
	font-family: "Roboto Mono";
	src: url("/fonts/roboto-mono/RobotoMono-Bold.woff") format("woff"), url("/fonts/roboto-mono/RobotoMono-Bold.woff2") format("woff2");
	font-weight: bold; }

@font-face {
	font-family: "icomoon";
	src: url("/fonts/icomoon/icomoon.woff") format("woff"); }

body {
	font-family: "Roboto Condensed", "Helvetica", sans-serif;
	font-weight: normal;
	font-size: 1rem;
	color: #70706f;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; }

h1, h2, h3, h4, h5 {
	text-transform: uppercase;
	margin-top: 0;
	color: #4e3414;
	font-family: "Roboto Mono", "Helvetica", sans-serif; }

h1, h2 {
	font-size: 1.875rem; }

h2 {
	font-weight: 500; }

p {
	line-height: 1.6;
	font-size: 1.063rem; }

ul {
	padding-left: 17px; }
	ul li {
		font-size: 1.063rem;
		color: #4e3414;
		line-height: 1.6; }

.modal-content h3 {
	margin-top: 60px;
	border-top: 1px solid #f0edee;
	padding-top: 25px; }

.todo-image, .todo-link {
	font-size: 2rem;
	color: #ff00ff; }

@media all and (max-width: 810px) {
	h1, h2, h3, h4 {
		-ms-word-break: break-all;
		word-break: break-all;
		/* Non standard for WebKit */
		word-break: break-word;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		-spec-hyphens: auto;
		hyphens: auto; } }

@media all and (max-width: 620px) {
	p, li, h3, h4, h5 {
		-ms-word-break: break-all;
		word-break: break-all;
		/* Non standard for WebKit */
		word-break: break-word;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		-spec-hyphens: auto;
		hyphens: auto; } }

img {
	max-width: 100%;
	height: auto; }
	img.image-big, img.image-middle {
		display: block;
		margin: 60px auto; }
	img.image-big {
		width: 950px; }
	img.image-middle {
		width: 640px; }
	img.center {
		margin-right: auto;
		margin-left: auto; }
	img.float-left {
		float: left;
		margin: 8px 10px 10px 0;
		max-width: 50%; }
	img.float-right {
		float: right;
		margin: 8px 0 10px 10px;
		max-width: 50%; }

a {
	text-decoration: none;
	color: #4e3414; }

.content-one-column a, .content-with-sidebar a {
	border-bottom: 1px solid #70706f; }

table tr td,
table tr th {
	white-space: nowrap;
	text-align: right;
	width: 20%;
	padding-left: 2%;
	padding-bottom: 0.5em; }

table.left tr th, table.left tr td {
	text-align: left; }

table thead tr th {
	padding-bottom: 1em;
	padding-left: 1%; }

table tr th:first-child {
	text-align: left;
	width: 34%;
	padding-left: 0; }

#navigation, .main-navigation {
	height: 85px; }

.main-navigation {
	font-weight: bold;
	font-family: "Roboto Mono", "Helvetica", sans-serif;
	text-transform: uppercase; }
	.main-navigation ul, .main-navigation li {
		margin: 0;
		padding: 0; }
	.main-navigation li {
		list-style: none; }

@media all and (min-width: 950px) {
	.main-navigation {
		padding-top: 25px;
		vertical-align: middle; }
		.main-navigation .toggleMenu {
			display: none; }
		.main-navigation .nav {
			display: flex;
			flex-wrap: wrap; }
		.main-navigation .nav > li {
			position: relative;
			flex: 0 0 auto;
			padding: 0 30px;
			text-align: center; }
			.main-navigation .nav > li:after {
				content: "//";
				letter-spacing: -4px;
				width: 9px;
				position: absolute;
				top: 0;
				right: 0;
				color: #918a88; }
			.main-navigation .nav > li:first-child {
				text-align: left;
				padding-left: 0; }
			.main-navigation .nav > li:last-child:after {
				content: ""; }
		.main-navigation .nav > li > a {
			position: relative; }
			.main-navigation .nav > li > a:after {
				-webkit-transition: all 0.5s ease-out;
				-moz-transition: all 0.5s ease-out;
				-spec-transition: all 0.5s ease-out;
				transition: all 0.5s ease-out;
				content: "";
				width: 100%;
				height: 4px;
				position: absolute;
				bottom: -2px;
				left: 0;
				background-color: #918a88;
				opacity: 0; }
			.main-navigation .nav > li > a.active:after, .main-navigation .nav > li > a:hover:after {
				opacity: 1; }
		.main-navigation .nav li ul {
			position: absolute;
			left: -9999px;
			width: 300px;
			text-align: left;
			z-index: 2;
			padding: 22px 10px 10px 22px;
			background-color: #fff;
			box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1); }
			.main-navigation .nav li ul a {
				-webkit-transition: all 0.5s ease-out;
				-moz-transition: all 0.5s ease-out;
				-spec-transition: all 0.5s ease-out;
				transition: all 0.5s ease-out; }
				.main-navigation .nav li ul a.active, .main-navigation .nav li ul a:hover {
					color: #70706f; }
		.main-navigation .nav li:first-child ul {
			padding-left: 0; }
			.main-navigation .nav li:first-child ul li {
				padding-left: 0; }
		.main-navigation .nav > li:hover > ul {
			left: 0;
			top: 20px; }
		.main-navigation .nav li li:hover ul {
			left: 100%;
			top: 0; }
		.main-navigation .nav li li {
			padding-left: 9px;
			margin-bottom: 13px;
			line-height: 1.1; }
		.main-navigation .nav li li a {
			position: relative;
			z-index: 1; }
		.main-navigation .nav li li li a {
			z-index: 2; } }

@media all and (max-width: 950px) {
	.main-navigation-bg {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		-webkit-transition: all 0.5s ease-out;
		-moz-transition: all 0.5s ease-out;
		-spec-transition: all 0.5s ease-out;
		transition: all 0.5s ease-out;
		background-color: rgba(48, 32, 12, 0.9);
		width: 100%;
		height: 100%;
		z-index: -1;
		opacity: 0; }
	body.menu-active .main-navigation-bg {
		z-index: 1;
		opacity: 1; }
	.main-navigation {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		margin-left: 0;
		color: white;
		height: 100vh;
		width: 267px;
		z-index: 2;
		transition: all, 500ms;
		-moz-transform: translateX(267px);
		-ms-transform: translateX(267px);
		-webkit-transform: translateX(267px);
		transform: translateX(267px);
		padding-top: 0;
		/*-webkit-box-shadow: -4px 3px 5px 0px rgba(0,0,0,0.3);*/
		/*-moz-box-shadow: -4px 3px 5px 0px rgba(0,0,0,0.3);*/
		/*box-shadow: -4px 3px 5px 0px rgba(0,0,0,0.3);*/ }
		.main-navigation .nav {
			display: block; }
		.main-navigation li {
			padding-top: 4px;
			padding-bottom: 4px;
			border-bottom: solid #f0edee 1px; }
		.main-navigation .menu-container {
			overflow-y: scroll;
			height: 100vh;
			background: #fff;
			width: 280px; }
		.main-navigation.menu-active {
			-moz-transform: translateX(0);
			-ms-transform: translateX(0);
			-webkit-transform: translateX(0);
			transform: translateX(0); }
		.main-navigation .toggleMenu {
			display: block;
			color: #fff;
			margin-left: -56px;
			position: absolute;
			top: 68px;
			-webkit-transition: all 0.5s ease-out;
			-moz-transition: all 0.5s ease-out;
			-spec-transition: all 0.5s ease-out;
			transition: all 0.5s ease-out; }
		.main-navigation .hamburger {
			width: 40px;
			height: 31px;
			-webkit-transform: rotate(0deg);
			-moz-transform: rotate(0deg);
			-o-transform: rotate(0deg);
			transform: rotate(0deg);
			-webkit-transition: .5s ease-in-out;
			-moz-transition: .5s ease-in-out;
			-o-transition: .5s ease-in-out;
			transition: .5s ease-in-out;
			cursor: pointer; }
			.main-navigation .hamburger span {
				display: block;
				position: absolute;
				height: 6px;
				width: 100%;
				background: #4e3414;
				opacity: 1;
				left: 0;
				-webkit-transform: rotate(0deg);
				-moz-transform: rotate(0deg);
				-o-transform: rotate(0deg);
				transform: rotate(0deg);
				-webkit-transition: .25s ease-in-out;
				-moz-transition: .25s ease-in-out;
				-o-transition: .25s ease-in-out;
				transition: .25s ease-in-out;
				box-shadow: 1px 1px 1px 0 rgba(255, 255, 255, 0.4); }
				.main-navigation .hamburger span:nth-child(1) {
					top: 0; }
				.main-navigation .hamburger span:nth-child(2), .main-navigation .hamburger span:nth-child(3) {
					top: 13px; }
				.main-navigation .hamburger span:nth-child(4) {
					top: 26px; }
		.main-navigation.menu-active .hamburger span {
			background: #fff; }
			.main-navigation.menu-active .hamburger span:nth-child(1) {
				top: 13px;
				width: 0%;
				left: 50%; }
			.main-navigation.menu-active .hamburger span:nth-child(2) {
				-webkit-transform: rotate(45deg);
				-moz-transform: rotate(45deg);
				-o-transform: rotate(45deg);
				transform: rotate(45deg); }
			.main-navigation.menu-active .hamburger span:nth-child(3) {
				-webkit-transform: rotate(-45deg);
				-moz-transform: rotate(-45deg);
				-o-transform: rotate(-45deg);
				transform: rotate(-45deg); }
			.main-navigation.menu-active .hamburger span:nth-child(4) {
				top: 13px;
				width: 0%;
				left: 50%; }
		.main-navigation .toggleMenu:hover, .main-navigation .toggleMenu:active {
			border: none; }
		.main-navigation .nav {
			padding: 15px; }
		.main-navigation .icon {
			position: relative; }
			.main-navigation .icon:before, .main-navigation .icon:after {
				font-family: 'icomoon';
				speak: none;
				font-style: normal;
				font-weight: normal;
				font-variant: normal;
				text-transform: none;
				line-height: 1;
				display: inline-block;
				position: absolute;
				color: #fff;
				/* Better Font Rendering =========== */
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale; }
			.main-navigation .icon:before {
				content: '\e90b'; }
			.main-navigation .icon:before {
				color: #4e3414;
				font-size: 2rem;
				-webkit-transition: all 0.5s ease-out;
				-moz-transition: all 0.5s ease-out;
				-spec-transition: all 0.5s ease-out;
				transition: all 0.5s ease-out;
				position: absolute;
				top: -4px;
				right: -30px; }
			.main-navigation .icon.open:before {
				transform: rotate(-90deg); }
		.main-navigation .sub-menu {
			overflow: hidden;
			transition: height 0.5s;
			padding-left: 15px; }
	.sticky .main-navigation .toggleMenu {
		top: 20px; } }

@media all and (max-width: 950px) and (max-width: 620px) {
	.main-navigation .toggleMenu {
		top: 20px; } }

.modal-mask {
	z-index: 9998;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(48, 32, 12, 0.9);
	display: table; }

.modal-wrapper {
	display: table-cell;
	vertical-align: middle;
	padding-top: 5vh;
	padding-bottom: 5vh; }

.btn {
	margin-top: 20px; }

.modal-container {
	width: 80%;
	margin: 0px auto;
	padding: 0;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	height: 90%;
	max-width: 900px;
	background: #fff; }

.modal-content {
	padding: 5%;
	max-height: 80vh;
	transition: all .5s ease; }

.modal-body {
	padding-bottom: 30px; }
	.modal-body img {
		margin: 0 auto;
		display: block; }

.modal-close {
	position: relative;
	position: absolute;
	top: 1.5vh;
	right: 5%;
	top: 0.8vh;
	right: 63px;
	cursor: pointer; }
	.modal-close:before, .modal-close:after {
		font-family: 'icomoon';
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		display: inline-block;
		position: absolute;
		color: #fff;
		/* Better Font Rendering =========== */
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale; }
	.modal-close:before {
		content: '\e90e'; }
	.modal-close:before {
		color: #fff;
		font-size: 2.6rem; }

/*
	* The following styles are auto-applied to elements with
	* transition="modal" when their visibility is toggled
	* by Vue.js.
	*
	* You can easily play with the modal transition by editing
	* these styles.
	*/
.modal-animation-enter {
	opacity: 0.0;
	width: 10%;
	height: 10%; }

.modal-animation-enter-active, .modal-animation-leave-active {
	transition: all .5s ease; }

.modal-animation-enter-to {
	opacity: 1.0;
	width: 80%;
	height: 90%;
	transform: translateX(0px) translateY(0px); }

.modal-animation-leave-to {
	opacity: 1.0;
	width: 10%;
	height: 10%; }

.modal-wrapper-animation-enter-active {
	transition: opacity .3s; }

.modal-wrapper-animation-leave-active {
	transition: opacity .7s; }

.modal-wrapper-animation-enter, .modal-wrapper-animation-leave-active {
	opacity: 0; }

@media all and (max-width: 810px) {
	.modal-wrapper {
		padding-top: 2vh;
		padding-bottom: 2vh; }
	.modal-container {
		padding: 3%; }
	.modal-body {
		-ms-word-break: break-all;
		word-break: break-all;
		/* Non standard for WebKit */
		word-break: break-word;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		-spec-hyphens: auto;
		hyphens: auto; } }

.page-header {
	height: 175px; }
	.page-header .inner-header {
		margin: 0 auto;
		padding-right: 15px;
		padding-left: 15px;
		width: 100%;
		max-width: 1130px;
		height: inherit;
		display: flex;
		position: relative; }
		.page-header .inner-header a {
			display: flex; }
	.page-header img {
		width: 512px;
		height: 175px; }
	.page-header .language-switcher {
		position: absolute;
		top: 70px;
		right: 0;
		margin-right: 15px;
		display: none; }

.page-wrapper {
	margin: 0 auto;
	padding-right: 15px;
	padding-left: 15px;
	width: 100%;
	max-width: 1130px; }
	.page-wrapper .toggle-more-text {
		display: inline-block;
		overflow: hidden;
		transition: height 0.5s; }
	.page-wrapper .toggle-more-btn {
		cursor: pointer;
		font-weight: bold; }
	.page-wrapper .image-and-text {
		display: flex;
		padding-top: 15px; }
		.page-wrapper .image-and-text > div {
			flex-grow: 0; }
		.page-wrapper .image-and-text .image-left {
			width: 60%; }
			.page-wrapper .image-and-text .image-left img {
				width: 100%; }
		.page-wrapper .image-and-text .text {
			width: 40%;
			padding-left: 15px; }

.news .date {
	color: #4e3414; }

.page-footer {
	text-align: center;
	padding: 10px; }

@media all and (max-width: 950px) {
	.page-header .language-switcher {
		top: 30px; } }

@media all and (max-width: 810px) {
	.page-header img {
		width: 370px; } }

@media all and (max-width: 620px) {
	.page-header img {
		margin-top: 55px;
		height: auto; }
	.page-header .language-switcher {
		right: initial;
		left: 0;
		margin-left: 15px; }
	.page-wrapper .image-and-text {
		display: block; }
		.page-wrapper .image-and-text .text {
			padding-left: 0;
			padding-top: 15px; }
		.page-wrapper .image-and-text .image-left, .page-wrapper .image-and-text .text {
			width: 100%; } }

.content-with-sidebar {
	display: flex;
	margin-top: 90px;
	margin-bottom: 90px; }
	.content-with-sidebar .inner-content {
		padding-left: 60px; }
	.content-with-sidebar .left-content {
		flex-grow: 1;
		padding-right: 60px; }
	.content-with-sidebar aside {
		flex-grow: 0;
		flex-shrink: 0;
		flex-basis: 415px;
		background: #f0edee;
		clear: both;
		padding: 25px; }
		.content-with-sidebar aside h2 {
			background: #4e3414;
			color: #fff;
			text-transform: none;
			cursor: pointer;
			display: inline-block;
			transform: skewX(-20deg);
			-webkit-transition: all 0.5s ease-out;
			-moz-transition: all 0.5s ease-out;
			-spec-transition: all 0.5s ease-out;
			transition: all 0.5s ease-out;
			padding: 2px 30px; }
			.content-with-sidebar aside h2 span {
				transform: skewX(20deg);
				display: inline-block; }
		.content-with-sidebar aside p {
			margin-top: 0;
			font-family: "Roboto Mono", "Helvetica", sans-serif;
			font-size: 0.9375rem; }
		.content-with-sidebar aside .more-link {
			border: 1px solid #4e3414;
			cursor: pointer;
			display: inline-block;
			transform: skewX(-20deg);
			-webkit-transition: all 0.5s ease-out;
			-moz-transition: all 0.5s ease-out;
			-spec-transition: all 0.5s ease-out;
			transition: all 0.5s ease-out;
			padding-right: 30px;
			padding-left: 30px;
			margin-top: 3px;
			display: inline-block;
			-webkit-transition: all 0.5s ease-out;
			-moz-transition: all 0.5s ease-out;
			-spec-transition: all 0.5s ease-out;
			transition: all 0.5s ease-out; }
			.content-with-sidebar aside .more-link span {
				transform: skewX(20deg);
				display: inline-block; }
			.content-with-sidebar aside .more-link:hover {
				background: #4e3414;
				color: #fff; }
	@media all and (max-width: 950px) {
		.content-with-sidebar {
			display: block; }
			.content-with-sidebar .left-content {
				padding-right: 0; } }
	@media all and (max-width: 810px) {
		.content-with-sidebar .inner-content {
			padding-left: 0; } }

.content-blog {
	margin-top: 90px;
	margin-bottom: 90px; }
	.content-blog .service-list {
		margin-top: 20px; }
	.content-blog .blog-item-wrapper:nth-child(odd) .left {
		display: none; }
	.content-blog .blog-item-wrapper:nth-child(even) .right {
		display: none; }
	.content-blog .blog-item {
		display: flex;
		min-height: 325px;
		margin-bottom: 35px; }
	.content-blog .blog-text {
		background: #918a88;
		width: 40%;
		padding: 15px;
		display: flex;
		align-items: center;
		justify-content: center; }
		.content-blog .blog-text p {
			color: #fff; }
	.content-blog .blog-image {
		background-size: cover;
		width: 60%;
		background-color: #4e3414;
		display: flex;
		align-items: center;
		justify-content: center; }
		.content-blog .blog-image h2 {
			color: rgba(255, 255, 255, 0.7);
			font-size: 4rem;
			line-height: .9;
			margin-bottom: 0;
			padding: 15px; }
	.content-blog .more-link {
		cursor: pointer;
		display: inline-block;
		transform: skewX(-20deg);
		-webkit-transition: all 0.5s ease-out;
		-moz-transition: all 0.5s ease-out;
		-spec-transition: all 0.5s ease-out;
		transition: all 0.5s ease-out;
		background-color: #f0edee;
		padding: 5px 25px;
		font-size: 0.9375rem;
		color: #4e3414; }
		.content-blog .more-link span {
			transform: skewX(20deg);
			display: inline-block; }
		.content-blog .more-link:hover {
			background: #4e3414;
			color: #fff; }
	@media all and (max-width: 1200px) {
		.content-blog .blog-image h2 {
			-ms-word-break: break-all;
			word-break: break-all;
			/* Non standard for WebKit */
			word-break: break-word;
			-webkit-hyphens: auto;
			-moz-hyphens: auto;
			-ms-hyphens: auto;
			-spec-hyphens: auto;
			hyphens: auto;
			font-size: 3.5rem; } }
	@media all and (max-width: 950px) {
		.content-blog .blog-image h2 {
			font-size: 2rem; } }
	@media all and (max-width: 620px) {
		.content-blog .blog-image, .content-blog .blog-text {
			width: 50%; }
		.content-blog .blog-image h2 {
			font-size: 1.6rem;
			width: 100%; }
		.content-blog .blog-text p {
			line-height: 1.4; } }
	@media all and (max-width: 450px) {
		.content-blog .blog-image, .content-blog .blog-text {
			width: 100%; }
		.content-blog .blog-image {
			min-height: 150px; }
		.content-blog .blog-item-wrapper .blog-item {
			display: block;
			min-height: 0; }
			.content-blog .blog-item-wrapper .blog-item .left {
				display: flex; }
			.content-blog .blog-item-wrapper .blog-item .right {
				display: none; } }

.content-one-column {
	margin-top: 90px;
	margin-bottom: 90px;
	padding-right: 60px;
	padding-left: 60px; }
	@media all and (max-width: 810px) {
		.content-one-column {
			padding-right: 0;
			padding-left: 0; } }
	.content-one-column .section {
		padding-top: 60px;
		padding-bottom: 60px; }

.team {
	display: flex;
	flex-wrap: wrap; }

.face {
	margin-right: 18px;
	flex: 0 0 205px; }
	.face:hover .info {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		-spec-transform: translateY(0);
		transform: translateY(0);
		-webkit-transition: all 0.5s ease-out;
		-moz-transition: all 0.5s ease-out;
		-spec-transition: all 0.5s ease-out;
		transition: all 0.5s ease-out; }
	.face:last-child {
		margin-right: 0; }

.management {
	position: relative;
	overflow: hidden;
	height: 350px;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover; }
	.management.team-01 {
		background-image: url("/img/team/01.jpg"); }
	.management.team-02 {
		background-image: url("/img/team/02.jpg"); }
	.management.team-03 {
		background-image: url("/img/team/03.jpg"); }
	.management.team-04 {
		background-image: url("/img/team/04.jpg"); }

.info {
	background: rgba(78, 52, 20, 0.9);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding-top: 5px;
	padding-right: 1%;
	padding-left: 10px;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-spec-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	-webkit-transform: translateY(75%);
	-moz-transform: translateY(75%);
	-ms-transform: translateY(75%);
	-o-transform: translateY(75%);
	-spec-transform: translateY(75%);
	transform: translateY(75%); }
	.info h3, .info p {
		margin: 0;
		color: #fff; }
	.info h3 {
		font-size: 1.1rem; }
	.info .function {
		line-height: 1.3; }
	.info .vita {
		margin-top: 48px;
		margin-right: 25px;
		line-height: 1.3;
		font-size: 1rem;
		-ms-word-break: break-all;
		word-break: break-all;
		/* Non standard for WebKit */
		word-break: break-word;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		-spec-hyphens: auto;
		hyphens: auto; }
		.info .vita span {
			font-size: 1rem;
			display: block;
			padding-top: 5px; }

.expertise {
	padding-top: 25px;
	padding-bottom: 60px; }
	.expertise h4 {
		margin-bottom: .5rem; }
	.expertise ul {
		margin: 0; }
	.expertise li {
		font-size: 1rem;
		line-height: 1.5; }

.service-list {
	display: flex;
	flex-wrap: wrap; }

.sub-headline {
	margin-top: 60px; }

.service-item-wrapper {
	flex: 0 0 326px; }

.service-item {
	margin-right: 25px;
	margin-bottom: 25px;
	position: relative;
	overflow: hidden;
	height: 444px;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover; }
	.service-item:hover .service-text {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		-spec-transform: translateY(0);
		transform: translateY(0);
		-webkit-transition: all 0.5s ease-out;
		-moz-transition: all 0.5s ease-out;
		-spec-transition: all 0.5s ease-out;
		transition: all 0.5s ease-out; }
		.service-item:hover .service-text p {
			margin-top: 15px;
			margin-bottom: 15px; }

.service-text {
	background: rgba(78, 52, 20, 0.9);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 18px 15px 8px 20px;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-spec-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	-webkit-transform: translateY(82%);
	-moz-transform: translateY(82%);
	-ms-transform: translateY(82%);
	-o-transform: translateY(82%);
	-spec-transform: translateY(82%);
	transform: translateY(82%); }
	.service-text h3, .service-text p {
		margin: 0;
		color: #fff; }
	.service-text p {
		margin-top: 40px; }
	.service-text .more-link:hover {
		background: #70706f; }

.id-5f92a47333dcf96c5bcae025 img {
	width: 300px; }

@media all and (max-width: 1030px) {
	.service-item-wrapper {
		flex: 0 0 290px; } }

.slider-wrapper {
	position: relative; }
	.slider-wrapper .slider-home {
		height: 330px;
		background: #f0edee; }
	.slider-wrapper .controller {
		margin: 0 auto;
		padding-right: 15px;
		padding-left: 15px;
		width: 100%;
		max-width: 1130px;
		position: absolute;
		right: 0;
		bottom: 0;
		left: 0; }
		.slider-wrapper .controller .prev {
			position: relative;
			left: -50px; }
			.slider-wrapper .controller .prev:before, .slider-wrapper .controller .prev:after {
				font-family: 'icomoon';
				speak: none;
				font-style: normal;
				font-weight: normal;
				font-variant: normal;
				text-transform: none;
				line-height: 1;
				display: inline-block;
				position: absolute;
				color: #fff;
				/* Better Font Rendering =========== */
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale; }
			.slider-wrapper .controller .prev:before {
				content: '\e90b'; }
		.slider-wrapper .controller .next {
			position: relative;
			right: 26px; }
			.slider-wrapper .controller .next:before, .slider-wrapper .controller .next:after {
				font-family: 'icomoon';
				speak: none;
				font-style: normal;
				font-weight: normal;
				font-variant: normal;
				text-transform: none;
				line-height: 1;
				display: inline-block;
				position: absolute;
				color: #fff;
				/* Better Font Rendering =========== */
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale; }
			.slider-wrapper .controller .next:before {
				content: '\e90c'; }
		.slider-wrapper .controller .btn {
			position: absolute;
			top: -139px; }
			.slider-wrapper .controller .btn:before {
				font-size: 4rem;
				color: rgba(255, 255, 255, 0.5); }
	.slider-wrapper .inner-slide {
		margin: 0 auto;
		padding-right: 15px;
		padding-left: 15px;
		width: 100%;
		max-width: 1130px;
		display: flex;
		height: inherit; }
		.slider-wrapper .inner-slide .claim {
			align-self: flex-end;
			display: flex;
			padding-bottom: 60px;
			margin: 0 auto; }
	.slider-wrapper .slide {
		background: center center;
		background-size: cover;
		height: 330px; }
	.slider-wrapper h3, .slider-wrapper h4, .slider-wrapper p {
		color: #fff; }
	.slider-wrapper h3 {
		font-size: 3.125rem;
		margin-bottom: 0; }
	.slider-wrapper .more-link {
		background: #f0edee;
		padding: 5px 30px;
		margin-top: 12px;
		margin-bottom: 12px;
		margin-left: 20px;
		text-align: center;
		padding-top: 9px;
		cursor: pointer;
		display: inline-block;
		transform: skewX(-20deg);
		-webkit-transition: all 0.5s ease-out;
		-moz-transition: all 0.5s ease-out;
		-spec-transition: all 0.5s ease-out;
		transition: all 0.5s ease-out;
		-webkit-transition: all 0.5s ease-out;
		-moz-transition: all 0.5s ease-out;
		-spec-transition: all 0.5s ease-out;
		transition: all 0.5s ease-out; }
		.slider-wrapper .more-link span {
			transform: skewX(20deg);
			display: inline-block; }
		.slider-wrapper .more-link:hover {
			background: #918a88;
			color: #fff; }
	@media all and (max-width: 1200px) {
		.slider-wrapper .controller .prev {
			left: 0; }
		.slider-wrapper .controller .next {
			right: 76px; }
		.slider-wrapper .controller .btn {
			top: -87px; } }
	@media all and (max-width: 950px) {
		.slider-wrapper .more-link {
			display: flex;
			align-items: center; } }
	@media all and (max-width: 810px) {
		.slider-wrapper h3 {
			font-size: 2rem; }
		.slider-wrapper .more-link {
			margin-top: 6px;
			padding: 3px 15px; } }

html {
	box-sizing: border-box; }

*, *:before, *:after {
	box-sizing: inherit; }

* {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0); }