/* Fonts
============================================================================= */

/* Poppins */

/* poppins-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: url('./fonts/google/poppins-v24-latin/poppins-v24-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	   url('./fonts/google/poppins-v24-latin/poppins-v24-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* poppins-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 300;
  src: url('./fonts/google/poppins-v24-latin/poppins-v24-latin-300italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	   url('./fonts/google/poppins-v24-latin/poppins-v24-latin-300italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* poppins-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/google/poppins-v24-latin/poppins-v24-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	   url('./fonts/google/poppins-v24-latin/poppins-v24-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* poppins-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  src: url('./fonts/google/poppins-v24-latin/poppins-v24-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	   url('./fonts/google/poppins-v24-latin/poppins-v24-latin-italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* poppins-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url('./fonts/google/poppins-v24-latin/poppins-v24-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	   url('./fonts/google/poppins-v24-latin/poppins-v24-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* poppins-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 500;
  src: url('./fonts/google/poppins-v24-latin/poppins-v24-latin-500italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	   url('./fonts/google/poppins-v24-latin/poppins-v24-latin-500italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* poppins-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url('./fonts/google/poppins-v24-latin/poppins-v24-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	   url('./fonts/google/poppins-v24-latin/poppins-v24-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* poppins-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 600;
  src: url('./fonts/google/poppins-v24-latin/poppins-v24-latin-600italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	   url('./fonts/google/poppins-v24-latin/poppins-v24-latin-600italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* poppins-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/google/poppins-v24-latin/poppins-v24-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	   url('./fonts/google/poppins-v24-latin/poppins-v24-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* poppins-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 700;
  src: url('./fonts/google/poppins-v24-latin/poppins-v24-latin-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	   url('./fonts/google/poppins-v24-latin/poppins-v24-latin-700italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}


/* Open Sauce Sans */

@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'OpenSauceSans';
  font-style: normal;
  font-weight: 300;
  src: url('./fonts/custom/opensauce/woff2/OpenSauceSans-Light.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	   url('./fonts/custom/opensauce/ttf/OpenSauceSans-Light.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'OpenSauceSans';
  font-style: italic;
  font-weight: 300;
  src: url('./fonts/custom/opensauce/woff2/OpenSauceSans-Italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	 url('./fonts/custom/opensauce/ttf/OpenSauceSans-Italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'OpenSauceSans';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/custom/opensauce/woff2/OpenSauceSans-Regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	   url('./fonts/custom/opensauce/ttf/OpenSauceSans-Regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'OpenSauceSans';
  font-style: italic;
  font-weight: 400;
  src: url('./fonts/custom/opensauce/woff2/OpenSauceSans-Italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	 url('./fonts/custom/opensauce/ttf/OpenSauceSans-Italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'OpenSauceSans';
  font-style: normal;
  font-weight: 500;
  src: url('./fonts/custom/opensauce/woff2/OpenSauceSans-Medium.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	   url('./fonts/custom/opensauce/ttf/OpenSauceSans-Medium.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'OpenSauceSans';
  font-style: italic;
  font-weight: 500;
  src: url('./fonts/custom/opensauce/woff2/OpenSauceSans-MediumItalic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	 url('./fonts/custom/opensauce/ttf/OpenSauceSans-MediumItalic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'OpenSauceSans';
  font-style: normal;
  font-weight: 600;
  src: url('./fonts/custom/opensauce/woff2/OpenSauceSans-SemiBold.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	   url('./fonts/custom/opensauce/ttf/OpenSauceSans-SemiBold.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'OpenSauceSans';
  font-style: italic;
  font-weight: 600;
  src: url('./fonts/custom/opensauce/woff2/OpenSauceSans-SemiBoldItalic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	 url('./fonts/custom/opensauce/ttf/OpenSauceSans-SemiBoldItalic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'OpenSauceSans';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/custom/opensauce/woff2/OpenSauceSans-Bold.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	   url('./fonts/custom/opensauce/ttf/OpenSauceSans-Bold.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'OpenSauceSans';
  font-style: italic;
  font-weight: 700;
  src: url('./fonts/custom/opensauce/woff2/OpenSauceSans-BoldItalic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	 url('./fonts/custom/opensauce/ttf/OpenSauceSans-BoldItalic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'OpenSauceSans';
  font-style: normal;
  font-weight: 800;
  src: url('./fonts/custom/opensauce/woff2/OpenSauceSans-ExtraBold.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	   url('./fonts/custom/opensauce/ttf/OpenSauceSans-ExtraBold.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'OpenSauceSans';
  font-style: italic;
  font-weight: 800;
  src: url('./fonts/custom/opensauce/woff2/OpenSauceSans-ExtraBoldItalic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	 url('./fonts/custom/opensauce/ttf/OpenSauceSans-ExtraBoldItalic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'OpenSauceSans';
  font-style: normal;
  font-weight: 900;
  src: url('./fonts/custom/opensauce/woff2/OpenSauceSans-Black.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	   url('./fonts/custom/opensauce/ttf/OpenSauceSans-Black.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'OpenSauceSans';
  font-style: italic;
  font-weight: 900;
  src: url('./fonts/custom/opensauce/woff2/OpenSauceSans-BlackItalic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	 url('./fonts/custom/opensauce/ttf/OpenSauceSans-BlackItalic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}



/* Typography
============================================================================= */

html {
	font-size: 16px;
}

body {
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	line-height: 1.5;
	font-weight: 400;
	color: #403F3C;
}

.custom-cursor {
	width: 12px;
	height: 12px;
	background: #CEC549;
	border: 2px solid #EDEDE4;
	border-radius: 50%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'OpenSauceSans', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	margin-bottom: 20px;
	text-transform: none;
}

h1, .h1 {
	font-size: 40px;
}

h2, .h2 {
	font-size: 32px;
}

h3, .h3 {
	font-size: 24px;
}

h4, .h4 {
	font-size: 24px;
}

.page-template-default h1 {
	margin-top: -40px;
	margin-bottom: 40px;
}

.page-template-default h2 {
	font-size: 24px;
	margin-top: 40px;
}

.page-template-default h3 {
	font-size: 20px;
}

.page-template-default h4 {
	font-size: 18px;
}

p {
	margin-bottom: 20px;
}

ul li {
	margin-bottom: 5px;
}

strong {
	font-weight: 700;
}

a {
	color: #CEC549;
}

.mark, mark {
	padding: 0;
}

ul.wp-block-list {
	padding-left: 1.5rem;
}

ul.wp-block-list li::marker {
	color: #CEC549;
}



@media (min-width: 992px) {

	h1, .h1 {
		font-size: 64px;
	}

	h2, .h2 {
		font-size: 48px;
	}

	h3, .h3 {
		font-size: 32px;
	}

	h4, .h4 {
		font-size: 24px;
	}
	
	.page-template-default h1 {
		margin-top: 0;
		margin-bottom: 60px;
	}
	
	.page-template-default h2 {
		font-size: 32px;
	}
	
	.page-template-default h3 {
		font-size: 24px;
	}
	
	.page-template-default h4 {
		font-size: 20px;
	}

}

@media (min-width: 1280px) {

	h1, .h1 {
		font-size: 74px;
	}

	h2, .h2 {
		font-size: 56px;
	}

	h3, .h3 {
		font-size: 40px;
	}

	h4, .h4 {
		font-size: 32px;
	}
	
	.page-template-default h2 {
		font-size: 32px;
	}
	
	.page-template-default h3 {
		font-size: 24px;
	}
	
	.page-template-default h4 {
		font-size: 20px;
	}

}

img {
	width: auto;
	height: auto;
}


/* Buttons */

.button:not(.btn), 
button[type="submit"],
input[type="submit"] {
	display: inline-block;
	font-weight: 600;
	font-size: 14px;
	line-height: 20px;
	padding: 8px 20px;
	color: #fff;
	background-color: #CEC549;
	text-align: center;
	vertical-align: middle;
	user-select: none;
	border: 2px solid #a59e35;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 10em;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


.button:not(.btn):not(:disabled):not(.disabled),
button[type="submit"]:not(:disabled):not(.disabled),
input[type="submit"]:not(:disabled):not(.disabled) {
	cursor: pointer;
}

.button:not(.btn):hover,
button[type="submit"]:hover,
input[type="submit"]:hover {
	text-decoration: none;
	color: #fff;
	background-color: #CEC549;
	border-color: #CEC549;
}

.site-navigation .button:not(.btn):hover,
button[type="submit"]:hover,
input[type="submit"]:hover {
	text-decoration: none;
	color: #fff;
	background-color: #CEC549 !important;
	border-color: #a59e35 !important;
}

.button:not(.btn):not(:disabled):not(.disabled).active,
.button:not(.btn):not(:disabled):not(.disabled):active,
button[type="submit"]:not(:disabled):not(.disabled).active,
button[type="submit"]:not(:disabled):not(.disabled):active,
input[type="submit"]:not(:disabled):not(.disabled).active,
input[type="submit"]:not(:disabled):not(.disabled):active {
	color: #fff;
	background-color: #CEC549;
	border-color: #a59e35;
}

.button:not(.btn).focus,
.button:not(.btn):focus,
button[type="submit"]:not(.btn).focus,
button[type="submit"]:not(.btn):focus,
input[type="submit"]:not(.btn).focus,
input[type="submit"]:not(.btn):focus {
	outline: 0;
	color: #fff;
	background-color: #CEC549;
	border-color: #CEC549;
	box-shadow: 0 0 0 4px rgba(128,128,128,.5);
}

.button.button-outline {
	color: #CEC549;
	background-color: transparent;
	border-color: #CEC549;
}

.button.button-outline.button-secondary {
	color: #7A7A73;
	text-transform: lowercase;
	letter-spacing: normal;
	font-weight: 500;
}

.button.button-outline.button-secondary:hover,
.button.button-outline.button-secondary:focus {
	color: #fff;
}

.button-arrow,
.button.button-arrow {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	transition: all .3s;
}

.button-arrow:hover,
.button-arrow:focus,
.button.button-arrow:hover,
.button.button-arrow:focus {
	transform: translateX(10px);
}

.button-arrow::before,
.button-arrow::after {
	display: inline-block;
	content: "";
	height: 12px;
	width: 32px;
	background-image: url('./icons/arrow_white.svg');
	background-size: auto 100%;
	background-position: 0 center;
	background-repeat: no-repeat;
	order: 2;
	margin-left: 12px;
	opacity: 1;
	transition: all .5s;
}

.button-arrow::after {
	background-image: url('./icons/arrow_white_hover.svg');
	order: 3;
	opacity: 0;
}

.button-arrow::after {
	margin-left: -32px;
}

.button-arrow:hover::before,
.button-arrow:focus::before {
	opacity: 0;
}

.button-arrow:hover::after,
.button-arrow:focus::after {
	opacity: 1;
}

.button-arrow:hover::before,
.button-arrow:hover::after,
.button-arrow:focus::before,
.button-arrow:focus::after {
	transform: translateX(5px);
}

.gap-button-link.button-arrow::before,
.gap-button-link.button-arrow::after,
.button-link.button-arrow::before,
.button-link.button-arrow::after {
	background-image: url('./icons/arrow_primary.svg');
}

.gap-button-link.button-arrow::after,
.gap-button-link.button-arrow::after,
.button-link.button-arrow::after,
.button-link.button-arrow::after {
	background-image: url('./icons/arrow_primary_hover.svg');
}



/* Layout
============================================================================= */

.wrapper {
	position: relative;
}

.wrapper::before,
.wrapper::after {
	content:"";
	display: table;
	clear: both;
}

.page-template-default .site-body {
	padding-bottom: 100px;
}


/* Bootstrap
============================================================================= */

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
	width: 100%;
	padding-right: 20px;
	padding-left: 20px;
	margin-right: auto;
	margin-left: auto;
}

.container {
	max-width: 1440px;
}

.container .container,
.container-fluid .container {
	padding-left: 0;
	padding-right: 0;
}


@media (min-width: 992px) {

	.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
		padding-right: 60px;
		padding-left: 60px;
	}

}

.container-1 { max-width: 88px; }
.container-2 { max-width: 200px; }
.container-3 { max-width: 312px; }
.container-4 { max-width: 424px; }
.container-5 { max-width: 536px; }
.container-6 { max-width: 648px; }
.container-7 { max-width: 760px; }
.container-8 { max-width: 872px; }
.container-9 { max-width: 984px; }
.container-10 { max-width: 1096px; }
.container-11 { max-width: 1208px; }
.container-12 { max-width: 1320px; }


.form-group {
	margin-bottom: 20px;
}



/* Video Intro
============================================================================= */


.gap-video-intro {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
	z-index: 999;
	background: #fff;
}

.gap-video-intro::after {
	content:"";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

.gap-video-intro video {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: auto;
	background: #fff;
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	z-index: 0;
}

.gap-video-intro video {
	background: #fff;
}


/* Video Background
============================================================================= */

.gap-video-bg {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
}

.gap-video-bg::after {
	content:"";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

.gap-video-bg video {
	position: absolute;
	top: 50%;
	left: 50%;
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	z-index: 0;
}


/* Gallery */

.gap-gallery .swiper,
.gap-gallery .swiper-slide,
.gap-gallery .swiper-slide .gallery-item {
	height: 100%;
}

.gap-gallery .gallery-item {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}


/* Site
============================================================================= */

.site-content {
	min-height: 100vh;
}


/* Back to top */

a.btn.back-to-top {
	position: fixed;
	bottom: 10px;
	right: 10px;
	width: 40px;
	height: 40px;
	line-height: 36px;
	padding: 0;
	text-align: center;
	display: none;
	z-index: 999;
	color: #fff;
}


.body-scroll a.btn.back-to-top {
	display: block;
}


/* Menus
============================================================================= */

.menu {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	column-gap: 24px;
	row-gap: 10px;
}

.menu .menu-item {
	margin: 0;
	padding: 0;
}

.menu .menu-item a {
	position: relative;
	display: block;
	text-decoration: none;
}


/* Navigation
============================================================================= */

.site-hero {
	position: relative;
	padding-top: 200px;
	min-height: 100vh;
	overflow: hidden;
	background: #7A7A73;
	color: #CEC549;
	z-index: 0;
}

.site-hero h1 {
	position: absolute;
	bottom: 150px;
	right: 0;
	font-size: 120px;
	line-height: 1;
	margin-right: -10px;
	text-transform: lowercase;
	z-index: 2;
}

.site-hero.hero-hide-title h1 {
	display: none;
}

.site-hero-video,
.site-hero-gallery {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 0;
}

.site-hero-video::after,
.site-hero-gallery::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,0.3);
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
	z-index: 1;
}

.site-hero-gallery .gap-gallery {
	position: relative;
	display: block;
	height: 100%;
}

.site-body {
	position: relative;
	padding-top: 200px;
	background: #fff;
	min-height: 100vh;
	overflow: hidden;
}

.single-project .site-body,
.page-template-template-design-hero .site-body {
	padding-top: 120px;
	border-radius: 20px 20px 0 0;
	margin-top: -60px;
	z-index: 1;
}

@media (max-width: 767px) {
	.single-project .site-body,
	.page-template-template-design-hero .site-body {
	padding-top: 60px;
	border-radius: 20px 20px 0 0;
	margin-top: -60px;
	z-index: 1;
	}
}

.site-navigation { 
	position: fixed;
	top: 30px;
	left: 0;
	width: 100%;
	z-index: 10;
}

.site-navigation .branding .branding-link {
	position: relative;
	display: block;
	width: auto;
	height: 40px;
}

.site-navigation .branding .branding-link img {
	position: relative;
	display: block;
	width: auto;
	height: 100%;
	transition: opacity .5s;
}

.site-navigation .branding .branding-link img.branding-logo-alt {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%)translateY(-50%);
	opacity: 0;
}

.site-navigation .primary-menu {
	border: 2px solid rgba(255,255,255,0.3);
	background: rgba(255,255,255,0.8);
	padding: 0 30px;
	border-radius: 10em;
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
	transition: border-color .3s, background .3s;
}

.site-navigation .primary-menu .menu {
	column-gap: 48px;
}

.site-navigation .primary-menu a {
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
	padding: 8px 0;
	color: #403F3C;
	transition: color .3s;
	text-transform: lowercase;
}

.site-navigation .primary-menu li.current-menu-item a {
	color: #CEC549;
}

.site-navigation .primary-menu a:hover,
.site-navigation .primary-menu a:focus {
	color: #CEC549;
}

.body-scroll .site-navigation .primary-menu {
	border: 2px solid rgba(0,0,0,0.1);
}


.page-template-template-design-hero .site-navigation .primary-menu {
	background: rgba(255,255,255,0.15);
}

.body-scroll.page-template-template-design-hero .site-navigation .primary-menu {
	background: rgba(255,255,255,0.8);
}

.page-template-template-design-hero .site-navigation .primary-menu a {
	color: #fff;
}

.page-template-template-design-hero .site-navigation .primary-menu a:hover,
.page-template-template-design-hero .site-navigation .primary-menu a:focus {
	color: #CEC549;
}

.page-template-template-design-hero .site-navigation .action .button.button-outline {
	color: #fff;
	border-color: #fff;
}

.page-template-template-design-hero .site-navigation .action .button.button-outline:hover,
.page-template-template-design-hero .site-navigation .action .button.button-outline:focus {
	color: #fff;
	border-color: #CEC549;
	background: #CEC549;
}

.page-template-template-design-hero .site-navigation .branding .branding-link img.branding-logo {
	opacity: 0;
}

.page-template-template-design-hero .site-navigation .branding .branding-link img.branding-logo-alt {
	opacity: 1;
}

.body-scroll.page-template-template-design-hero .site-navigation .branding .branding-link img.branding-logo {
	opacity: 1;
}

.body-scroll.page-template-template-design-hero .site-navigation .branding .branding-link img.branding-logo-alt {
	opacity: 0;
}

.body-scroll.page-template-template-design-hero .site-navigation .primary-menu a {
	color: #403F3C;
}

.body-scroll.page-template-template-design-hero .site-navigation .primary-menu a:hover,
.body-scroll.page-template-template-design-hero .site-navigation .primary-menu a:focus {
	color: #CEC549;
}

.body-scroll.page-template-template-design-hero .site-navigation .primary-menu li.current-menu-item a {
	color: #CEC549;
}

.body-scroll.page-template-template-design-hero .site-navigation .action .button.button-outline {
	color: #CEC549;
	border-color: #CEC549;
	background-color: #fff;
}

.body-scroll .site-navigation .action .button.button-outline {
	background-color: #fff;
}

.body-scroll.page-template-template-design-hero .site-navigation .action .button.button-outline:hover,
.body-scroll.page-template-template-design-hero .site-navigation .action .button.button-outline:focus {
	color: #fff;
	border-color: #CEC549;
	background-color: #CEC549;
}

@media (max-width: 767px) {
	
	.site-hero h1 {
		font-size: 60px !important;
	}
}

@media (max-width: 991px) {
	.site-hero h1 {
		font-size: 90px;
	}
}

.home .site-navigation .branding {
	opacity: 0;
	transition: opacity	.5s;
}

.body-scroll-continue.home .site-navigation .branding {
	opacity: 1;
}


/* Branding logo */

.single-project .site-hero,
.page-template-template-design-hero .site-hero {
	position: sticky;
	top: 0;
}

.site-hero .branding-logo-wrapper {
	position: absolute;
	z-index: 5;
	left: auto;
	right: 50%;
	bottom: 50%;
	width: 21.4vw;
	height: auto;
	transform: translateX(50%)translateY(50%);
	transition: all 1.6s cubic-bezier(.71,0,.4,1) .5s;
	margin-right: 0.3vw;
}

.intro-video-ended .site-hero .branding-logo-wrapper {
	right: 0;
	bottom: 120px;
	width: 560px;
	margin-right: -60px;
	transform: translateX(0)translateY(0);
	opacity: 1;
}

.site-hero .branding-logo {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
}

@media (max-width: 991px) {
	
	.site-hero .branding-logo-wrapper {
		
	}
	
	.intro-video-ended .site-hero .branding-logo-wrapper {
		width: 240px;
		bottom: 120px;
		margin-right: -30px;
	}
	
}


.site-hero .branding-logo-backdrop {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 0;
	transition: opacity .5s linear;
	transition-delay: 1s;
	opacity: 1;
}

.intro-video-ended .site-hero .branding-logo-backdrop {
	opacity: 0;
}


/*

.site-hero .branding-logo {
	position: absolute;
	z-index: 5;
	left: auto;
	right: 50%;
	bottom: 50%;
	height: 320px;
	width: auto;
	margin-right: 0;
	transform: translateX(50%)translateY(50%);
}

.intro-video-ended .site-hero .branding-logo {
	right: 0;
	bottom: 120px;
	height: 320px;
	margin-right: -60px;
}

@media (max-width: 991px) {
	
	.site-hero .branding-logo {
		bottom: 120px;
		height: 120px;
		margin-right: -30px;
	}
	
}

*/


/* Mobile menu */

.modal.modal-menu-mobile .menu-mobile .menu {
	flex-direction: column;
	row-gap: 12px;
}

.modal.modal-menu-mobile .menu-mobile .menu,
.modal.modal-menu-mobile .action {
	text-align: center;
}

.modal.modal-menu-mobile .menu-mobile .menu a {
	text-transform: lowercase;
	padding: 6px;
	color: #403F3C;
}

.modal.modal-menu-mobile .menu-mobile .menu a:hover,
.modal.modal-menu-mobile .menu-mobile .menu a:focus {
	color: #CEC549;
}

.modal.modal-menu-mobile .menu-mobile .menu li.current-menu-item a {
	color: #CEC549;
}

.modal.modal-menu-mobile .action {
	margin-top: 48px;
}

.modal.modal-menu-mobile .modal-header {
	border-bottom: none;
}

.modal.modal-menu-mobile .modal-header h1 {
	visibility: hidden;
}

.modal.modal-menu-mobile .modal-body {
	padding: 0 32px 48px;
	/*height: calc(100vh - 50px);*/
	width: 100vw;
    /*display: flex;
    flex-direction: column;
    justify-content: center;*/
}

/*.modal-body {
	padding: 0 !important;
}*/

.modal-dialog-centered {
    display: flex !important;
    align-items: center !important;
}

.modal-title {
    margin-bottom: 0;
    line-height: 0;
}

.modal-dialog {
    margin: 0;
}

.modal-content {
	border-radius: 0 0 16px 16px;
	border: unset !important;
	width: 100vw;
}

.modal-content .shadow-lg {
    box-shadow: unset !important;
}

.modal-dialog-centered {
    min-height: 0 !important;
}

/* Footer
============================================================================= */

.site-footer {
	position: relative;
	background: #EDEDE4;
	padding-top: 80px;
	padding-bottom: 80px;
	color: #403F3C;
	border-radius: 20px 20px 0 0;
	margin-top: -20px;
	z-index: 1;
}

.site-footer-legal {
	font-size: 12px;
	/*border-top: 2px dotted #CEC549;*/
	background-image: radial-gradient(circle, #CEC549 1.2px, transparent 0px);
    background-size: 6px 4px;
    background-repeat: repeat-x;
    background-position: left top;
	padding-top: 48px;
	margin-top: 36px;
	color: #7A7A73;
}

.site-footer-legal > .row {
	align-items: center;
}

.site-footer-legal .footer-copyright,
.site-footer-legal .legal-menu {
	margin-bottom: 20px;
}

.site-footer h2,
.site-footer h3,
.site-footer h4 {
	color: #403F3C;
}

.site-footer h3 {
	font-size: 16px;
	text-transform: lowercase;
}

.site-footer a {
	color: #7A7A73;
	text-decoration: none;
}

.site-footer a:hover {
	color: #CEC549;
	text-decoration: none;
}

.site-footer-contact {
	text-transform: lowercase;
}

.site-footer-contact .footer-secondary {
	font-size: 14px;
	line-height: 24px;
}

.site-footer-contact .footer-secondary h3 {
	margin-bottom: 24px;
}

.site-footer-contact .footer-secondary .content {
	color: #7A7A73;
	margin-bottom: 12px;
}

.site-footer-contact .footer-secondary p {
	margin-bottom: 12px;
}

.site-footer-contact .footer-secondary .menu {
	flex-direction: column;
	column-gap: 0;
	row-gap: 12px;
}

.site-footer-contact .footer-primary .branding {
	display: flex;
	align-items: start;
}

.site-footer-contact .footer-primary .branding a.branding-link {
	display: block;
	width: auto;
}

.site-footer-contact .footer-primary .branding img {
	display: block;
	width: 100%;
	max-width: 128px;
	height: auto;
}

.site-footer-contact .footer-primary .social-menu,
.site-footer-contact .footer-primary .call-to-action {
	margin-top: 36px;
}

.site-footer-contact .footer-primary .call-to-action {
	margin-bottom: 12px;
}

.site-footer-contact .footer-primary .call-to-action .text {
	font-size: 12px;
	color: #403F3C;
	max-width: 240px;
}

.social-menu .menu-item-icon a {
	width: 24px;
	height: 24px;
	border-radius: 12px;
	background: #BDBCB1;
	color: #EDEDE4;
	font-size: 0;
	line-height: 24px;
	text-align: center;
	overflow: hidden;
}

.social-menu .menu-item-icon a:hover {
	background: #CEC549;
}

.social-menu .menu-item-icon a::before {
	font-family: 'Font Awesome 7 Brands';
	font-weight: 900;
	content: "\f1e0";
	font-size: 14px;
	line-height: 24px;
}

.social-menu .menu-item-icon.icon-brand-instagram a::before {
	content: "\f16d";
}

.social-menu .menu-item-icon.icon-brand-facebook a::before {
	content: "\f39e";
}

.social-menu .menu-item-icon.icon-brand-linkedin a::before {
	content: "\f0e1";
}

.social-menu .menu-item-icon.icon-brand-youtube a::before {
	content: "\f167";
}

.social-menu .menu-item-icon.icon-brand-tiktok a::before {
	content: "\e07b";
}

.social-menu .menu-item-icon.icon-brand-pinterest a::before {
	content: "\f231";
}


@media (max-width: 991px) {
	
	.site-footer .footer-secondary .footer-menu-1,
	.site-footer .footer-secondary .footer-menu-2,
	.site-footer .footer-secondary .footer-contact {
		margin-top: 48px;
	}
	
}

.site-footer-cta {
	margin-top: -20px;
	z-index: 1;
}


/* Background
============================================================================= */

.gap-background {
	position: relative;
	overflow: hidden;
}

.gap-background-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 140%;
	z-index: 0;
	top: -20%;
}

.gap-background-panel {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.gap-background-circles .circle-row {
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	height: 100%;
	justify-content: center;
}

.gap-background-circles .circle-item {
	display: block;
	height: 100%;
	width: auto;
	/*transition: transform 1s ease-in-out;*/
}

.gap-background-circles .circle-item::after {
	content: "";
	display: block;
	height: 100%;
	width: auto;
	aspect-ratio: 1/1;
	background-color: #C5BD4E;
	border-radius: 50%;
	transform: scale(0.8);
}

.gap-background-circles .row-index-1 .circle-item.item-row-index-6::after,
.gap-background-circles .row-index-1 .circle-item.item-row-index-7::after,
.gap-background-circles .row-index-1 .circle-item.item-row-index-8::after {
	background-color: transparent;
}



/* Block: Home Services
============================================================================= */

.home-services .list .list-item {
	position: relative;
	/*border-top: 2px dotted #CEC549;*/
	background-image: radial-gradient(circle, #CEC549 1.2px, transparent 0px);
    background-size: 6px 4px;
    background-repeat: repeat-x;
    background-position: left top;
	padding-top: 20px;
	padding-bottom: 20px;
}

.home-services .list .list-item:first-child {
	background-image: none;
}

.home-services .list .list-item .service-header {
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
}

.home-services .list .list-item .service-header .image {
	width: 56px;
	height: 56px;
	margin-right: 48px;
	text-align: center;
}

.home-services .list .list-item .service-header .image img {
	position: relative;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}

.home-services .list .list-item .service-header h3 {
	margin-bottom: 0;
}

.home-services .list .list-item .service-header,
.home-services .list .list-item .service-content {
	margin-top: 20px;
	margin-bottom: 20px;
}

.home-services .list .list-item .service-header,
.home-services .list .list-item .service-content,
.home-services .list .list-item .service-link {
	transition: all .6s;
}

.home-services .list .list-item .service-header { transition-delay: 0ms; }
.home-services .list .list-item .service-content { transition-delay: 100ms; }
.home-services .list .list-item .service-link { transition-delay: 200ms; }



.home-services .list .list-item:hover .service-header,
.home-services .list .list-item:hover .service-content,
.home-services .list .list-item:hover .service-link {
	transform: translateX(20px);
}

@media (max-width: 991px) {
	
	.home-services .list .list-item .service-header .image {
		width: 40px;
		height: 40px;
		margin-right: 24px;
	}
	
}


/* Block: Home USPs
============================================================================= */

.home-usp .accordeon-tabs .accordeon-item {
	position: relative;
	/*border-top: 2px dotted #CEC549;*/
	background-image: radial-gradient(circle, #CEC549 1.2px, transparent 0px);
    background-size: 6px 4px;
    background-repeat: repeat-x;
    background-position: left top;
	padding-top: 20px;
	padding-bottom: 10px;
}

.home-usp .accordeon-tabs .accordeon-item:first-child {
	background-image: none;
}

.home-usp .accordeon-tabs .image img {
	position: relative;
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	border-radius: 16px;
	aspect-ratio: 3/2;
	object-fit: cover;
}

.home-usp .accordeon-tabs h3 {
	font-size: 32px;
	margin-bottom: 0;
}

.home-usp .accordeon-tabs .image,
.home-usp .accordeon-tabs .description {
	margin-bottom: 20px;
}

.home-usp .accordeon-tabs .description {
	color: #7A7A73;
}

.home-usp .accordeon-tabs .view-accordeon {
	margin-top: -40px;
}

.home-usp .accordeon-tabs .view-accordeon .accordeon-item-header {
	position: relative;
	display: block;
	padding-top: 20px;
	padding-bottom: 30px;
	color: #403F3C;
	text-decoration: none;
	transition: all .3s;
}

.home-usp .accordeon-tabs .view-accordeon .accordeon-item-header:hover,
.home-usp .accordeon-tabs .view-accordeon .accordeon-item.is-open .accordeon-item-header,
.home-usp .accordeon-tabs .view-accordeon .accordeon-item.is-active .accordeon-item-header {
	color: #CEC549;
}

.home-usp .accordeon-tabs .view-accordeon .accordeon-item-content {
	display: none;
}

@media (max-width: 991px) {
	
	.home-usp .accordeon-tabs .view-accordeon .accordeon-item:first-child .accordeon-item-content {
		display: block;
	}
	
	.home-usp .accordeon-tabs h3 {
		font-size: 24px;
	}
	
}


/* Block: Home Facts
============================================================================= */

.home-facts .bubbles {
	position: relative;
	font-size: 16px;
	background: #edede4;
	overflow: hidden;
}

.home-facts .bubbles .bubble {
	position: relative;
	display: flex;
	align-items: center;
	aspect-ratio: 1 / 1;
	background-color: rgba(255, 255, 255, 0.5);
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
	max-width: 300px;
	border-radius: 20em;
}

.home-facts .bubbles .bubble .label,
.home-facts .bubbles .bubble .value {
	position: relative;
	display: block;
	margin-bottom: 8px;
	margin-top: 8px;
	line-height: 1;
}
	
.home-facts .bubbles .bubble .value {
	color: #cec549;
	font-size: 3em;
}

.home-facts .bubbles .bubble .label {
	color: #7a7a73;
	font-size: 1em;
	font-weight: 500;
}

.home-facts .bubbles .bubble-wrapper:nth-child(odd) {
	transform: translateY(-20%);
}

.home-facts .bubbles .bubble-wrapper:nth-child(even) {
	transform: translateY(20%);
}

@media (max-width: 991px) {
	
	.home-facts .bubbles .bubble-wrapper {
		margin-top: 12px;
		margin-bottom: 12px;
	}
	
	.home-facts .bubbles {
		margin-left: -12px;
		margin-right: -12px;
	}
	
	.home-facts .bubbles .container {
		padding: 0;
	}
	
	.home-facts .bubble-inner {
		padding: 12px 24px 12px 32px;
	}
	
}


/* Block: Timeline
============================================================================= */

.timeline {
	/*border-left: 6px dotted #CEC549;*/
	    background-image: radial-gradient(circle, rgba(206, 197, 73, 0.6) 3px, transparent 0px);
    background-size: 8px 19px;
    background-repeat: repeat-y;
    background-position: left 22px;
}

@media (min-width: 767px) and (max-width: 991px) {
	.timeline {
		margin-left: 36%;
	}
}

.timeline-item {
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	row-gap: 24px;
	column-gap: 24px;
	padding-left: 20px;
	padding-bottom: 24px;
}

.timeline-item::before {
	content: "";
	position: absolute;
	left: 0;
	width: 16px;
	height: 16px;
	border: 3px solid #CEC549;
	background: #fff;
	border-radius: 8px;
	margin-left: -4px;
	margin-top: 6px;
}

.timeline .timeline-item:last-child::before {
	background: #CEC549;
}
	
.timeline-item .year {
	font-size: 20px;
	width: 3em;
	flex: 0 0 auto;
	color: #CEC549;
}

.timeline-item .text {
	margin-top: 4px;
}

@media (max-width: 991px) {
	
	.timeline-item {
		display: flex;
		flex-direction: column;
		row-gap: 4px;
	}
	
}


/* Block: Gallery
============================================================================= */

.gallery .swiper .swiper-pagination {
	position: relative;
	bottom: auto;
	top: 0;
	margin-top: 16px;
}

.gallery .swiper .swiper-pagination .swiper-pagination-bullet {
	background: #CEC549;
	opacity: 0.4;
	border-radius: 4px;
	transition: all .3s;
}

.gallery .swiper .swiper-pagination .swiper-pagination-bullet-active {
	background: #CEC549;
	opacity: 1;
	width: 24px;
}

.gallery > .row > .col {
	margin-bottom: 24px;
}

.gallery-item img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 16px;
}

a.gallery-item img {
	opacity: 1;
	transition: opacity .3s;
}

a.gallery-item:hover img {
	opacity: 0.7;
}

/* Slider */

.gallery.gallery-slider .gallery-item img {
	aspect-ratio: 3/2;
	object-fit: cover;	
}

/* Slideshow */

.gallery.gallery-slideshow .gallery-item img {
	aspect-ratio: 2/1;
	object-fit: cover;
}

/* Grid */

.gallery.gallery-grid .gallery-layout {
	margin-left: -12px;
	margin-right: -12px;
}

.gallery.gallery-grid .gallery-item {
	display: block;
	width: 33.333%;
}

.gallery.gallery-grid .gallery-item img {
	border-radius: 32px;
	border: 12px solid transparent;
}

.gallery.gallery-grid .gallery-item.format-landscape {
	width: 66.666%;
}

.gallery.gallery-grid .gallery-item.format-square img,
.gallery.gallery-grid .gallery-item.format-landscape img,
.gallery.gallery-grid .gallery-item.format-portrait img {
	object-fit: cover;
}

.gallery.gallery-grid .gallery-item.format-square img {
	aspect-ratio: 1/1;
}

.gallery.gallery-grid .gallery-item.format-landscape img {
	aspect-ratio: 2/1;
}

.gallery.gallery-grid .gallery-item.format-portrait img {
	aspect-ratio: 1/2;
}

@media (max-width: 991px) {
	
	.gallery.gallery-grid .gallery-item,
	.gallery.gallery-grid .gallery-item.format-square,
	.gallery.gallery-grid .gallery-item.format-portrait,
	.gallery.gallery-grid .gallery-item.format-landscape {
		width: 50%;
	}
	
	.gallery.gallery-grid .gallery-item img {
		border-radius: 24px;
	}
	
	.gallery.gallery-grid .gallery-item img,
	.gallery.gallery-grid .gallery-item.format-square img,
	.gallery.gallery-grid .gallery-item.format-portrait img,
	.gallery.gallery-grid .gallery-item.format-landscape img {
		aspect-ratio: 1 / 1;
	}
	
}

/* Buttons */

.gallery .gap-swiper-button-prev,
.gallery .gap-swiper-button-next {
	position: absolute;
	left: 0;
	top: 50%;
	height: 48px;
	width: 48px;
	background: #EDEDE4;
	color: #CEC549;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	z-index: 2;
	border-radius: 50%;
	transition: all .3s;
	margin-top: -24px;
	margin-left: 12px;
	transform: translateY(50px);
	opacity: 0;
}

.gallery .swiper:hover .gap-swiper-button-prev,
.gallery .swiper:hover .gap-swiper-button-next {
	transform: translateY(0);
	opacity: 1;	
}

.gallery .gap-swiper-button-prev:hover,
.gallery .gap-swiper-button-next:hover {
	background: #CEC549;
	color: #fff;
}
	
.gallery .gap-swiper-button-next {
	left: auto;
	right: 0;
	margin-left: 0;
	margin-right: 12px;
}

.gallery .gap-swiper-button-prev::before,
.gallery .gap-swiper-button-next::before {
	font-size: 20px;
	font-family: 'Font Awesome 7 Pro';
	font-weight: 400;
	content: "\f177";
}

.gallery .gap-swiper-button-next::before {
	content: "\f178";
}

.gallery .swiper .gap-swiper-button-prev.swiper-button-lock,
.gallery .swiper .gap-swiper-button-next.swiper-button-lock {
	display: none;
}


/* Single Project
============================================================================= */

.single-project .project-summary {
	padding-bottom: 80px;
}

.single-project .project-summary .project-header {
	margin-bottom: 60px;
}

.single-project .project-summary .project-header h1 {
	margin-bottom: 24px;
}

.single-project .project-summary .project-header .subtitle {
	font-weight: 500;
	font-size: 20px;
	color: #CEC549;
}

@media (min-width: 767px) and (max-width: 991px) {
	.single-project .project-content {
		margin-top: 48px;
		padding-left: 36%;
	}
}

.single-project .project-content .attributes {
	margin-top: 48px;
}

.attributes .attributes-item {
	position: relative;
	/*border-top: 2px dotted #CEC549;*/
	background-image: radial-gradient(circle, #CEC549 1.2px, transparent 0px);
    background-size: 6px 4px;
    background-repeat: repeat-x;
    background-position: left top;
	display: flex;
	flex-wrap: nowrap;
	row-gap: 24px;
	column-gap: 24px;
	padding: 8px 24px;
}

.attributes .attributes-item:first-child {
	background-image: none;
}

.attributes .attributes-item .cell {
	border-top: none;
	width: auto;
	flex: 0 0 auto;
	font-size: 14px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.attributes .attributes-item .cell.label {
	color: #7A7A73;
	width: 10%;
}

@media (max-width: 991px) {
	.attributes .attributes-item .cell.label {
		width: 16%;
	}
}

.single-project .project-impressions {
	background: #FBFBF9;
	padding: 100px 0;
}

.single-project .project-impressions h2 {
	margin-bottom: 20px;
}

.single-project .breadcrumb {
	margin-bottom: 48px;
	font-size: 14px;
	color: #7A7A73;
}

.single-project .breadcrumb a {
	color: #7A7A73;
	text-decoration: none;
	text-transform: lowercase;
	transition: all .3s;
}

.single-project .breadcrumb a:hover {
	color: #000;
}

.single-project .breadcrumb a::before {
	font-family: 'Font Awesome 7 Pro';
	font-weight: 400;
	content: "\f177";
	font-size: 14px;
	line-height: 1;
	display: inline-block;
	margin-right: 12px;
}

.single-project .meta-tags {
	display: flex;
	justify-content: end;
	align-items: center;
	row-gap: 24px;
	column-gap: 24px;
	margin-bottom: 16px;
}

.single-project .meta-tags .tags {
	display: flex;
	justify-content: end;
	row-gap: 12px;
	column-gap: 12px;
	align-items: center;
}

.single-project .meta-tags .tags.project_type .tag {
	display: inline-block;	
	border: 1px solid #C8C8BE;
	border-radius: 10em;
	font-size: 13px;
	font-weight: 500;
	line-height: 20px;
	padding: 6px 16px;
	text-transform: lowercase;
	color: #7A7A73;
}

.single-project .meta-tags .tags img {
	display: inline-block;
	height: 32px;
	width: auto;
}

.single-project .meta-tags .tags .tag.tag-award {
	height: 40px;
	width: 40px;
	padding: 4px 0;
	text-align: center;
	background: #CEC549;
	border-radius: 20px;
}

.single-project .meta-tags .tags .tag.tag-award img {
	display: inline-block;
	height: 32px;
	width: auto;
}


.single-project .project-layouts {
	position: relative;
	padding-top: 60px;
	padding-bottom: 20px;
}

.single-project .project-layouts .layout {
	position: relative;
	margin-bottom: 100px;
	font-size: 17px;
}

.single-project .project-layouts .layout .element-image img {
	position: relative;
	display: block;
	width: auto;
	max-height: auto;
	max-width: 100%;
	border-radius: 16px;
}

.single-project .project-layouts .layout.layout-order-image-text > .row {
	flex-direction: row-reverse;
}

.single-project .project-layouts .layout.layout-order-text-image.has-text.has-image .element-image-wrapper {
	margin-left: auto;
}

.single-project .project-layouts .layout.layout-order-text-feature.has-text .element-text-wrapper {
	margin-left: 40%;
}

.single-project .project-layouts .layout.layout-order-text-feature.has-text .element-text-wrapper h2 {
	margin-left: -66.666%;
	margin-bottom: 40px;
}

@media (max-width: 991px) {
	
	.single-project .project-layouts .layout.layout-order-text-feature.has-text .element-text-wrapper {
		margin-left: 0;
	}
	
	.single-project .project-layouts .layout.layout-order-text-feature.has-text .element-text-wrapper h2 {
		margin-left: 0;
	}
	
}

/* Block: Awards
============================================================================= */

.awards {
	margin-top: -26px;
}

.awards .awards-item {
	position: relative;
	/*border-top: 2px dotted #CEC549;*/
    background-image: radial-gradient(circle, #CEC549 1.2px, transparent 0px);
    background-size: 6px 4px;
    background-repeat: repeat-x;
    background-position: left top;
	display: flex;
	flex-wrap: nowrap;
	row-gap: 24px;
	column-gap: 24px;
	padding: 16px 24px;
}

.awards .awards-item:first-child {
	background-image: none;
}

.awards .awards-item.awards-item-child {
	background-image: none;
	padding-top: 0;
}

.awards .awards-item.awards-item-child .cell.project {
	opacity: 0;
}

.awards .awards-item .cell {
	border-top: none;
	width: auto;
	flex: 0 0 auto;
	font-size: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.awards .awards-item .cell.project {
	font-size: 16px;
	color: #CEC549;
}

.awards .awards-item .cell.project {
	width: 15%;
}

.awards .awards-item .cell.year {
	width: 90px;
}

.awards .awards-item .cell.title {
	width: 30%;
}

.awards .awards-item .cell.description {
	flex: 1 0 0;
}

.awards .awards-item .cell.description span {
	display: block;
}

.awards .awards-item .cell.description span.description_2 {
	color: #7A7A73;
	font-size: 14px;
}

@media (min-width: 767px) and (max-width: 991px) {
	.awards {
		margin-left: 36%;
	}
	.awards .awards-item .cell.year {
		width: 52px;
	}
	
}

@media (max-width: 767px) {
	
	.awards .awards-item {
		flex-direction: column;
		row-gap: 4px;
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.awards .awards-item .cell {
		padding-top: 0;
		padding-bottom: 0;
	}
	
	.awards .awards-item .cell.project,
	.awards .awards-item .cell.title,
	.awards .awards-item .cell.year,
	.awards .awards-item .cell.description {
		width: 100%;
	}
	
	.awards .awards-item.awards-item-child .cell.project {
		display: none;
	}
	
}


/* Block: Expertise
============================================================================= */
.expertise-accordeon .accordeon-item {
	position: relative;
	/*border-top: 2px dotted #CEC549;*/
	background-image: radial-gradient(circle, #CEC549 1.2px, transparent 0px);
    background-size: 6px 4px;
    background-repeat: repeat-x;
    background-position: left top;
}

.expertise-accordeon .accordeon-item:first-child {
	background-image: none;
}

.expertise-accordeon .accordeon-item-header {
	display: flex;
	align-items: center;
	padding: 64px 0;
	cursor: pointer;
}

.expertise-accordeon .accordeon-item-header h2 {
	margin: 0;
}

.expertise-accordeon .accordeon-item-header .icon {
	display: block;
	width: 60px;
	margin-right: 30px;
}

.expertise-accordeon .accordeon-item-header .icon img {
	display: block;
	width: 100%;
	height: auto;
	max-height: 60px;
	margin: 0 auto;
}

.expertise-accordeon .accordeon-item-header::after {
	font-family: 'Font Awesome 7 Pro';
	font-weight: 400;
	content: "\f175";
	margin-left: auto;
	height: 48px;
	width: 48px;
	background: #EDEDE4;
	color: #CEC549;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	font-size: 20px;
	transition: all .3s;
}

.expertise-accordeon .accordeon-item.is-open .accordeon-item-header::after {
	transform: rotate(180deg);
	background: #A59E35;
	color: #fff;
}

.expertise-accordeon .accordeon-item .accordeon-item-header:hover::after {
	background: #CEC549;
	color: #fff;
}


.expertise-accordeon .accordeon-item-content {
	padding-left: 90px;
	display: none;
}

.expertise-accordeon .accordeon-item-content h2,
.expertise-accordeon .accordeon-item-content h3,
.expertise-accordeon .accordeon-item-content h4,
.expertise-accordeon .accordeon-item-content h5,
.expertise-accordeon .accordeon-item-content h6 {
	color: #CEC549;
}

.expertise-accordeon .accordeon-item-content .content h2,
.expertise-accordeon .accordeon-item-content .content h3,
.expertise-accordeon .accordeon-item-content .content h4,
.expertise-accordeon .accordeon-item-content .content h5,
.expertise-accordeon .accordeon-item-content .content h6 {
	font-size: 18px;
}

.expertise-accordeon .accordeon-item-content .content {
	font-size: 15px;
}

.expertise-accordeon .accordeon-item-content .content ul {
	padding-left: 1.5rem;
}

.expertise-accordeon .accordeon-item-content .content ul li::marker {
	color: #cec549;
}


.expertise-accordeon .accordeon-item-content .services {
	margin-top: 40px;
}

.expertise-accordeon .accordeon-item-content .services h4 {
	font-size: 13px;
	font-weight: 600;
	margin-bottom: 20px;
	text-transform: lowercase;
}

.expertise-accordeon .accordeon-item-content .services-wrapper {
	display: flex;
	flex-wrap: wrap;
	row-gap: 12px;
	column-gap: 12px;
}

.expertise-accordeon .accordeon-item-content .service-item .title {
	border: 1px solid #C8C8BE;
	border-radius: 10em;
	font-size: 15px;
	line-height: 20px;
	padding: 10px 16px;
	transition: all .3s;
	cursor: pointer;
}

.expertise-accordeon .accordeon-item-content .service-item.is-active .title,
.expertise-accordeon .accordeon-item-content .service-item .title:hover {
	border-color: #CEC549;
	background-color: #CEC549;
	color: #fff;
}

.expertise-accordeon .accordeon-item-content .service-item .text {
	display: none;
}

.expertise-accordeon .accordeon-item-content .services-preview {
	padding-top: 24px;
	margin-bottom: 40px;
	max-width: 1060px;
}

.expertise-accordeon .accordeon-item-content .services {
	margin-top: 64px;
}

.expertise-accordeon .accordeon-item-content .projects {
	margin-top: 0;
}

.expertise-accordeon .accordeon-item-content .action {
	margin-top: 40px;
	text-align: right;
}
	
.expertise-accordeon .accordeon-item-content .action {
	padding-bottom: 64px;
}

.expertise-accordeon .accordeon-item-content .content-project .action {
	padding-bottom: 0;
	margin-top: 0;
}

.expertise-accordeon .accordeon-item-content .content-project .title h3 {
	color: #fff;
}

.expertise-accordeon .accordeon-item-content .content,
.expertise-accordeon .accordeon-item-content .services,
.expertise-accordeon .accordeon-item-content .projects,
.expertise-accordeon .accordeon-item-content .action {
	transition: all .6s;
	opacity: 0;
	transform: translateY(50px);
}

.expertise-accordeon .accordeon-item.is-open .accordeon-item-content .content,
.expertise-accordeon .accordeon-item.is-open .accordeon-item-content .services,
.expertise-accordeon .accordeon-item.is-open .accordeon-item-content .projects,
.expertise-accordeon .accordeon-item.is-open .accordeon-item-content .action {
	opacity: 1;
	transform: translateY(0);
	transition-delay: 0s;
}

.expertise-accordeon .accordeon-item.is-open .accordeon-item-content .services {
	transition-delay: .2s;
}

.expertise-accordeon .accordeon-item.is-open .accordeon-item-content .projects {
	transition-delay: .4s;
}

.expertise-accordeon .accordeon-item.is-open .accordeon-item-content .action {
	transition-delay: .6s;
}

@media (max-width: 768px) {
	.expertise-accordeon .accordeon-item-content .service-item .title {
		font-size: 12px;
		line-height: 18px;
		padding: 8px 12px;
	}
}
	
@media (min-width: 767px) and (max-width: 991px) {
	.expertise-accordeon .projects .row-cols-1 > * {
		flex: 0 0 auto !important;
		width: 50% !important; /* 3 Karten = je 1/3 */
	}
}

@media (max-width: 991px) {
	
	.expertise-accordeon .accordeon-item-header {
		padding: 32px 0;
	}
	
	.expertise-accordeon .accordeon-item-header h2 {
		font-size: 24px;
	}
	
	.expertise-accordeon .accordeon-item-header .icon {
		width: 40px;
		margin-right: 20px;
	}
	
	.expertise-accordeon .accordeon-item-header .icon img {
		max-height: 40px;
	}
	
	.expertise-accordeon .accordeon-item-content {
		padding-left: 0;
	}
	
	.expertise-accordeon .content-project .image img {
		aspect-ratio: 4/3;
	}
	
}


/* Block: Jobs
============================================================================= */

.jobs .jobs-item {
	position: relative;
	border-top: 2px dotted #CEC549;
	padding-top: 20px;
	padding-bottom: 10px;
}

.jobs .jobs-item:first-child {
	border-top: none;
}

.jobs .jobs-item .jobs-item-header {
	position: relative;
	padding-top: 20px;
	padding-bottom: 40px;
	padding-right: 60px;
	cursor: pointer;
}

.jobs .jobs-item .jobs-item-header h1 {
	font-size: 28px;
	margin: 0;
}

.jobs .jobs-item .jobs-item-header .excerpt,
.jobs .jobs-item .jobs-item-header .meta {
	margin-top: 32px;
	font-size: 14px;
	color: #7A7A73;
}

.jobs .jobs-item .jobs-item-header .meta::before {
	font-family: 'Font Awesome 7 Pro';
	font-weight: 300;
	content: "\f0f2";
	font-size: 14px;
	line-height: 1;
	display: inline-block;
	margin-right: 12px;
}

.jobs .jobs-item .jobs-item-header::after {
	position: absolute;
	top: 20px;
	right: 0;
	font-family: 'Font Awesome 7 Pro';
	font-weight: 400;
	content: "\f175";
	height: 48px;
	width: 48px;
	background: #EDEDE4;
	color: #CEC549;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	font-size: 20px;
	transition: all .3s;
}

.jobs .jobs-item.is-open .jobs-item-header::after {
	transform: rotate(180deg);
	background: #A59E35;
	color: #fff;
}

.jobs .jobs-item .jobs-item-header:hover::after {
	background: #CEC549;
	color: #fff;
}

.jobs .jobs-item .jobs-item-content {
	padding-bottom: 40px;
	display: none;
}

.jobs .jobs-item .jobs-item-content h1,
.jobs .jobs-item .jobs-item-content h2,
.jobs .jobs-item .jobs-item-content h3,
.jobs .jobs-item .jobs-item-content h4,
.jobs .jobs-item .jobs-item-content h5,
.jobs .jobs-item .jobs-item-content h6 {
	margin-bottom: 12px;
	font-size: 24px;
	color: #CEC549;
}

.formatted * + h2,
.formatted * + h3,
.formatted * + h4,
.formatted * + h5,
.formatted * + h6 {
	margin-top: 30px;
}

.formatted ul {
	margin-bottom: 30px;
	font-size: 15px;
}

.formatted ul li {
	margin-bottom: 8px;
}

/* Block: Team
============================================================================= */

.team > .row > .col {
	margin-bottom: 24px;
}

@media (min-width: 767px) and (max-width: 991px) {
	.team > .row-cols-1>* {
		width: 50%;
	}
}

	
.team .team-member {
	background: #EDEDE4;
	border-radius: 20px;
	padding: 48px 20px 24px;
	font-size: 14px;
	color: #403F3C;
	height: 100%;
}

.team .team-member .image {
	display: block;
	width: 100%;
	height: auto;
	max-width: 260px;
	margin: 0 auto;
}

.team .team-member .image img {
	width: auto;
	height: auto;
	max-width: 100%;
	margin: 0 auto;
	aspect-ratio: 1/1;
	border-radius: 50%;
	mix-blend-mode: multiply;
}

.team .team-member .header {
	text-align: center;
}

.team .team-member .header,
.team .team-member .contact {
	margin-top: 24px;
}

.team .team-member .header h3 {
	margin-bottom: 0;
	font-size: 22px;
	color: #CEC549;
}

.team .team-member .header .position {
	margin-top: 4px;
}

.team .team-member .contact a {
	color: #403F3C;
	text-decoration: none;
}

.team .team-member .contact a:hover {
    color: #CEC549;
    text-decoration: none;
}

.team .team-member .contact {
	display: flex;
	justify-content: center;
}

.team .team-member .contact ul {
	list-style: none;
	padding: 0;
}

.team .team-member .contact ul li {
	margin: 0 0 4px;
	padding: 0;
}

@media (max-width: 991px) {
	
	.team .team-member .image {
		max-width: 200px;
	}
	
}

/* Block: Downloads
============================================================================= */

.downloads {
	position: relative;
}

.downloads > .row > .col {
	margin-bottom: 24px;
}

.downloads .download {
	position: relative;
	height: 100%;
	background: #fff;
	border-radius: 16px;
	padding: 32px 32px 16px;
	display: flex;
	flex-direction: column;
}

.downloads .download-content {
	margin-bottom: 48px;
}

.downloads .download-content h3 {
	font-size: 18px;
	color: #CEC549;
}

.downloads .download-content .description {
	color: #403F3C;
	font-size: 14px;
}


.downloads .download-header {
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	align-items: start;
	margin-bottom: 20px;
}

.downloads .download-header .icon {
	display: inline-flex;
	width: 48px;
	height: 48px;
	background: #EDEDE4;
	border-radius: 24px;
	justify-content: center;
	align-items: center;
}

.downloads .download-header .icon::before {
	font-family: 'Font Awesome 7 Pro';
	font-weight: 300;
	content: "\f15c";
	font-size: 20px;
	line-height: 1;
	display: inline-block;
}

.downloads .download-header .type {
	margin-left: auto;
	background: #EDEDE4;
	border-radius: 10em;
	font-size: 11px;
	line-height: 14px;
	text-transform: lowercase;
	padding: 4px 8px;
	font-weight: 500;
	letter-spacing: 0.1em;
}


.downloads .download-footer {
	position: relative;
	border-top: 2px dotted #CEC549;
	padding-top: 4px;
	margin-top: auto;
	font-size: 13px;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
}

.downloads .download-footer .size {
	color: #7A7A73;
}
	
.downloads .download-footer .link {
	text-transform: lowercase;
	margin-left: auto;
}

.downloads .download-footer .link a {
	text-decoration: none;
	padding: 10px 0;
	display: block;
	color: #403F3C;
	transition: all .3s;
}

.downloads .download-footer .link a:hover {
	color: #CEC549;
}

.downloads .download-footer .link a::after {
	font-family: 'Font Awesome 7 Pro';
	font-weight: 400;
	content: "\e094";
	font-size: 14px;
	line-height: 1;
	display: inline-block;
	margin-left: 8px;
}

@media (min-width: 767px) and (max-width: 991px) {
	.downloads .row-cols-1>* {
		width: 50%;
	}
}


/* Google Maps
============================================================================= */

.google-maps-iframe {
	position: relative;
}

.google-maps-iframe iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* Content Project
============================================================================= */

.content-project {
	position: relative;
	height: 100%;
	background: #403F3C;
	border-radius: 20px;
}

.content-project .image {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	border-radius: 16px;
	overflow: hidden;
	z-index: 0;
}

.content-project .image img {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1/1;
	object-fit: cover;
	transition: all .6s;
	z-index: 0;
}

.content-project:hover .image img {
	transform: scale(1.05);
}

.content-project .image::before,
.content-project .image::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 40%;
	background: rgba(0,0,0,0.4);
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
	z-index: 1;
}

.content-project .image::after {
	top: auto;
	bottom: 0;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
}

.content-project .meta-tags {
	position: absolute;
	top: 16px;
	right: 16px;
}

.content-project .link-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 16px;
	font-size: 0;
	color: transparent;
	z-index: 2;
}

.content-project .title {
	position: absolute;
	top: auto;
	bottom: 16px;
	left: 16px;
	color: #fff;
	right: 16px;
	z-index: 1;
}

.content-project .title h3 {
	margin: 0;
	font-size: 34px;
}

.content-project .action {
	position: absolute;
	bottom: 16px;
	right: 16px;
	z-index: 3;
}

.content-project .action .button:not(.btn) {
	border-color: rgba(255,255,255,0.3);
	background: rgba(255,255,255,0.3);
	color: #fff;
	padding-left: 8px;
}

.content-project .meta-tags {
	display: flex;
	justify-content: end;
	align-items: center;
	row-gap: 18px;
	column-gap: 18px;
	z-index: 1;
}

.content-project .meta-tags .tags {
	display: flex;
	justify-content: end;
	row-gap: 12px;
	column-gap: 12px;
}

.content-project .meta-tags .tags.project_type .tag {
	display: inline-block;	
	border: 1px solid rgba(255,255,255,0.3);
	background: rgba(255,255,255,0.3);
	border-radius: 10em;
	font-size: 12px;
	font-weight: 500;
	line-height: 20px;
	padding: 6px 16px;
	text-transform: lowercase;
	color: #fff;
}

.content-project .meta-tags .tags img {
	display: inline-block;
	height: 20px;
	width: auto;
}


/* Projects Overview
============================================================================= */

/* Grid */

.projects-grid .projects-layout {
	margin-right: -24px;
}

.projects-grid .projects-item {
	display: block;
	width: calc(33.333% - 24px);
	margin-bottom: 24px;
}

.projects-grid .grid-sizer {
	width: calc(33.333% - 24px);
}

.projects-overview .content-project .meta-tags {
	display: none;
}

.projects-overview .content-project .image::before {
	display: none;
}

.projects-grid .projects-item.format-landscape {
	width: calc(66.666% - 24px);
}

.projects-overview .content-project .image img {
	aspect-ratio: auto;
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.projects-overview .content-project .image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.projects-overview .projects-item .grid-item-placeholder {
	position: relative;
	display: block;
	width: 100%;
}

.projects-overview .projects-item .grid-item-placeholder-inside {
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 100%;
	z-index: -1;
}

.projects-overview .projects-item.format-landscape .grid-item-placeholder-inside {
	padding-bottom: calc(50% - 12px);
}

.projects-overview .projects-item.format-portrait .grid-item-placeholder-inside {
	padding-bottom: calc(200% + 24px);
}


.projects-overview .projects-item:not(.projects-grid-item) {
	height: 0;
	width: 0;
	overflow: hidden;
	visibility: hidden;
}


.projects-overview .projects-grid {
	margin-top: 60px;
}
	
.projects-overview .projects-navigation {
	margin-bottom: 40px;
}
	
.projects-overview .projects-navigation ul {
	list-style: none;
}

.projects-overview .projects-navigation ul,
.projects-overview .projects-navigation ul li {
	padding: 0;
	margin: 0;
}

.projects-overview .projects-navigation ul {
	display: flex;
	flex-wrap: wrap;
	row-gap: 18px;
	column-gap: 36px;
}

.projects-overview .projects-navigation a {
	display: inline-flex;
	font-size: 20px;
	color: #CEC549;
	flex-wrap: nowrap;
	column-gap: 12px;
	text-decoration: none;
	text-transform: lowercase;
	opacity: 0.5;
	transition: opacity .3s;
}

.projects-overview .projects-navigation a:hover,
.projects-overview .projects-navigation a.is-active {
	opacity: 1;
}

.projects-overview .projects-navigation a img.icon {
	height: 28px;
	width: auto;
}

.projects-overview .projects-navigation.projects-navigation-project_type ul {
	column-gap: 12px;
}

.projects-overview .projects-navigation.projects-navigation-project_type a {
	display: inline-flex;
	font-size: 12px;
	line-height: 20px;
	font-weight: 500;
	padding: 4px 18px;
	color: #7A7A73;
	flex-wrap: nowrap;
	column-gap: 12px;
	text-decoration: none;
	text-transform: lowercase;
	opacity: 1;
	transition: all .3s;
	letter-spacing: 0.1em;
	border-radius: 10em;
	background: rgba(122,122,115,0.1);
	border: 2px solid rgba(122,122,115,0.1);
}

.projects-overview .projects-navigation.projects-navigation-project_type a:hover,
.projects-overview .projects-navigation.projects-navigation-project_type a.is-active {
	opacity: 1;
	background: #7A7A73;
	border-color: #7A7A73;
	color: #fff;
}

.projects-overview .content-category {
	position: relative;
	height: 100%;
	background: transparent;
	border-radius: 16px;
}

.projects-overview .content-category .icon {
	position: absolute;
	bottom: 20px;
	right: 20px;
	height: 160px;
	width: auto;
}

.projects-overview .content-category .category-text {
	position: absolute;
	top: 20px;
	left: 20px;
	font-size: 48px;
	line-height: 56px;
	color: #CEC549;
}


@media (max-width: 767px) {
	
	.projects-grid .grid-sizer,
	.projects-grid .projects-item,
	.projects-grid .projects-item.format-landscape {
		width: calc(100% - 24px);
	}
	
	.projects-overview .projects-item.format-square .grid-item-placeholder-inside,
	.projects-overview .projects-item.format-portrait .grid-item-placeholder-inside,
	.projects-overview .projects-item.format-landscape .grid-item-placeholder-inside {
		padding-bottom: 75%;
	}
	
	.projects-overview .content-category .category-text {
		top: 0;
		left: 0;
		font-size: 28px;	
		line-height: 36px;
	}
	
	.projects-overview .content-category .icon {
		height: 80px;
	}
	
}


/* Projects Highlights
============================================================================= */

.projects-highlights .content-project .link-overlay {
	/*display: none;*/
}

.projects-highlights .content-project .meta-tags {
	top: 40px;
	right: 40px;
}

.projects-highlights .content-project .meta-tags .tags {
	align-items: center;
}

.projects-highlights .content-project .meta-tags .tags .tag.tag-award {
	height: 32px;
	width: 32px;
	padding: 4px 0;
	text-align: center;
	background: #fff;
	border-radius: 16px;
}

.projects-highlights .content-project .meta-tags .tags .tag.tag-award img {
	display: inline-block;
	height: 24px;
	width: auto;
}

.projects-highlights .content-project .title {
	bottom: 40px;
	left: 40px;
}

.projects-highlights .content-project .title h3 {
	font-size: 48px;
}
	
.projects-highlights .content-project .image img {
	aspect-ratio: 2/1;
}

.projects-highlights .content-project .action {
	bottom: 40px;
	right: 40px;
}

.projects-highlights .content-project .action a.button {
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 18px;
	padding-right: 30px;
}

.projects-highlights .content-project .action a.button.button-arrow::before, 
.projects-highlights .content-project .action a.button.button-arrow::after {
	height: 18px;
	width: 48px;
}

.projects-highlights .content-project .action a.button.button-arrow::after {
	margin-left: -48px;
}

.projects-highlights .swiper-highlights-navigation {
	margin-top: 40px;
}

.projects-highlights .swiper-highlights-navigation .swiper-slide {
	text-align: center;
}

.projects-highlights .swiper-highlights-navigation .thumb {
	cursor: pointer;
	display: inline-block;
	color: #7A7A73;
	font-size: 20px;
	line-height: 30px;
	font-weight: 500;
	border: 2px solid transparent;
	padding: 4px 24px;
	border-radius: 10em;
	transition: all .3s;
}

.projects-highlights .swiper-highlights-navigation .thumb:hover,
.projects-highlights .swiper-highlights-navigation .thumb:focus {
	color: #403F3C;
}

.projects-highlights .swiper-highlights-navigation .swiper-slide.swiper-slide-thumb-active .thumb {
	color: #403F3C;
	border-color: #CEC549;
}


.projects-highlights .swiper-highlights .swiper-slide .content-project .title {
	transition: all .6s;
	transition-delay: 1s;
	transform: translateY(50px);
	opacity: 0;
}

.projects-highlights .swiper-highlights .swiper-slide.swiper-slide-active .content-project .title {
	transform: translateY(0);
	opacity: 1;
}


.projects-highlights .swiper-highlights .swiper-slide .content-project .image::before,
.projects-highlights .swiper-highlights .swiper-slide .content-project .image::after {
	opacity: 0;
	transition: all 2s;
	transition-delay: 1.2s;
}

.projects-highlights .swiper-highlights .swiper-slide .content-project .image::after {
	transition-delay: .8s;
}

.projects-highlights .swiper-highlights .swiper-slide.swiper-slide-active .content-project .image::before,
.projects-highlights .swiper-highlights .swiper-slide.swiper-slide-active .content-project .image::after {
	opacity: 1;
}

@media (max-width: 991px) {
	
	.projects-highlights .content-project .meta-tags {
		top: 20px;
		right: 20px;
	}
	
	.projects-highlights .content-project .title {
		bottom: 20px;
		left: 20px;
	}
	
	.projects-highlights .content-project .title h3 {
		font-size: 36px;
	}
		
	.projects-highlights .content-project .image img {
		aspect-ratio: 3/4;
	}
	
	.projects-highlights .content-project .action {
		bottom: 20px;
		right: 20px;
	}
	
	.projects-highlights .content-project .action a.button {
		padding-top: 8px;
		padding-bottom: 8px;
		padding-left: 8px;
		padding-right: 20px;
	}
	
	.projects-highlights .swiper-highlights-navigation .thumb {
		font-size: 18px;
	}
	
}


/* Project Navigation
============================================================================= */

.project-navigation {
	background: #fff;
	padding: 20px 0 120px;	
}

.project-impressions + .project-navigation {
	background: #FBFBF9;
}

.project-navigation .nav-links {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row-reverse;
}

.project-navigation .nav-links a {
	display: inline-flex;
	flex-wrap: nowrap;
	align-items: center;
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
	padding: 12px 24px;
	color: #CEC549;
	background-color: transparent;
	text-align: center;
	vertical-align: middle;
	user-select: none;
	border: 2px solid #CEC549;
	text-decoration: none;
	border-radius: 10em;
	transition: all .3s ease-in-out;
}

.project-navigation .nav-links a:hover,
.project-navigation .nav-links a:focus {
	transform: translateX(10px);
}

.project-navigation .nav-links .nav-next a:hover,
.project-navigation .nav-links .nav-next a:focus {
	transform: translateX(-10px);
}

.project-navigation .nav-links a::before,
.project-navigation .nav-links a::after {
	display: inline-block;
	content: "";
	height: 12px;
	width: 32px;
	background-image: url('./icons/arrow_primary.svg');
	background-size: auto 100%;
	background-position: 0 center;
	background-repeat: no-repeat;
	order: 2;
	margin-left: 12px;
	opacity: 1;
	transition: all .5s;
}

.project-navigation .nav-links a::after {
	background-image: url('./icons/arrow_primary_hover.svg');
	order: 3;
	opacity: 0;
}

.project-navigation .nav-links a::after {
	margin-left: -32px;
}

.project-navigation .nav-links a:hover::before,
.project-navigation .nav-links a:focus::before {
	opacity: 0;
}

.project-navigation .nav-links a:hover::after,
.project-navigation .nav-links a:focus::after {
	opacity: 1;
}

.project-navigation .nav-links a:hover::before,
.project-navigation .nav-links a:hover::after,
.project-navigation .nav-links a:focus::before,
.project-navigation .nav-links a:focus::after {
	transform: translateX(5px);
}



/* Previous */

.project-navigation .nav-links .nav-next a::before,
.project-navigation .nav-links .nav-next a::after {
	order: -2;
	margin-left: 0;
	margin-right: 12px;
	transform: scaleX(-1);
}

.project-navigation .nav-links .nav-next a::after {
	order: -3;
}

.project-navigation .nav-links .nav-next a::after {
	margin-left: 0;
}

.project-navigation .nav-links .nav-next a::after {
	margin-right: -32px;
}

.project-navigation .nav-links .nav-next a:hover::before,
.project-navigation .nav-links .nav-next a:hover::after,
.project-navigation .nav-links .nav-next a:focus::before,
.project-navigation .nav-links .nav-next a:focus::after {
	transform: scaleX(-1)translateX(5px);
}



/* Cursor
============================================================================= */

.wp-theme-pwk .sb-wall .sb-wall-footer {
	text-align: center;
}

.wp-theme-pwk [id^=sb-wall].sb-wall .sb-wall-footer .sb-wall-load-btn {
	display: inline-block;
	width: auto;
	padding-left: 20px;
	padding-right: 20px;
	border-radius: 10em;
	box-shadow: none;
	padding-top: 8px;
	padding-bottom: 8px;
}

.wp-theme-pwk [id^=sb-wall].sb-wall .sbsw-item-inner {
	border-radius: 16px;
}

.wp-theme-pwk [id^=sb-wall].sb-wall .sbsw-item-header {
	border-radius: 16px 16px 0 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: transparent;
	z-index: 1;
}

.wp-theme-pwk [id^=sb-wall].sb-wall .sbsw-item-media {
	border-radius: 16px 16px 0 0;
	overflow: hidden;
}

.wp-theme-pwk [id^=sb-wall].sb-wall .sbsw-item-footer {
	border-radius: 0 0 16px 16px;
}

.wp-theme-pwk [id^=sb-wall].sb-wall .sbsw-icon {
	top: 0;
	right: 0;
	width: auto;
	height: auto;
	padding: 0;
}

.wp-theme-pwk [id^=sb-wall].sb-wall .sbsw-icon a,
.wp-theme-pwk [id^=sb-wall].sb-wall .sbsw-icon a:link,
.wp-theme-pwk [id^=sb-wall].sb-wall .sbsw-icon a:visited {
	display: flex;
	width: 30px;
	height: 30px;
	padding: 0;
	background: rgba(255,255,255,0.8);
	align-items: center;
	justify-content: center;
	border-radius: 15px;
}

.wp-theme-pwk [id^=sb-wall].sb-wall .sbsw-identity .sbsw-author {
	min-height: 0;
	padding: 4px 8px;
	background: rgba(255,255,255,0.8);
	border-radius: 10em;
}

.wp-theme-pwk [id^=sb-wall].sb-wall .sbsw-item p.sbsw-content-text {
	font-size: 14px;
}

/* Cursor
============================================================================= */

#ultimate-cursor > div > div:last-child {
	height: 30px !important;
	width: 30px !important;
	background: rgba(255,255,255,0.3) !important;
}

/* Link
============================================================================= */

.link {
	position: relative;
}

.link .link-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-size: 0;
}

.link-icon {
	transition: all .3s;
	font-size: 0;
}

.link-icon::before,
.link-icon::after {
	display: inline-block;
	content: "";
	height: 12px;
	width: 32px;
	background-image: url('./icons/arrow_white.svg');
	background-size: auto 100%;
	background-position: 0 center;
	background-repeat: no-repeat;
	order: 2;
	margin-left: 12px;
	opacity: 1;
	transition: all .5s;
	transition-delay: 300ms;
}

.link-icon::after {
	background-image: url('./icons/arrow_white_hover.svg');
	order: 3;
	opacity: 0;
}

.link-icon::after {
	margin-left: -32px;
}

.link:hover .link-icon::before,
.link:focus .link-icon::before {
	opacity: 0;
}

.link:hover .link-icon::after,
.link:focus .link-icon::after {
	opacity: 1;
}

.link:hover .link-icon::before,
.link:hover .link-icon::after,
.link:focus .link-icon::before,
.link:focus .link-icon::after {
	transform: translateX(5px);
}

.link-icon::before,
.link-icon::after {
	background-image: url('./icons/arrow_primary.svg');
}

.link-icon::after {
	background-image: url('./icons/arrow_primary_hover.svg');
}

/* Insights
============================================================================= */
/*@media (max-width: 767px) {
	.gb-text-b3e327a1 .gb-shape svg {
    	width: 32px;
    	height: 32px;
	}
}*/