/*
* Created by CeLa
* Copyright by Amdre GmbH
* Main Theme CSS
*/

/*
 * Open Sans latin
 */
@font-face {
	font-display: swap;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/open-sans-300.woff2') format('woff2');
}
@font-face {
	font-display: swap;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/open-sans-regular.woff2') format('woff2');
}
@font-face {
	font-display: swap;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/open-sans-500.woff2') format('woff2');
}
@font-face {
	font-display: swap;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	src: url('../fonts/open-sans-600.woff2') format('woff2');
}
@font-face {
	font-display: swap;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/open-sans-700.woff2') format('woff2');
}
@font-face {
	font-display: swap;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 800;
	src: url('../fonts/open-sans-800.woff2') format('woff2');
}
/*
 * Titan One
 */
@font-face {
	font-display: swap;
	font-family: 'Titan One';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/titan-one-regular.woff2') format('woff2');
}


/*
 * Default styles
 */
:root {
	--base-color: #222222;	
	--pri-color: #1a3454;
	--sec-color: #a4242a;
	--thd-color: #7a8085;
	
	--pri-font: 'Open Sans';
	--sec-font: 'Titan One';
}


/*
 * Base styles
 */

html,
body {
	margin: 0;
	padding: 0;
	font-family: var(--pri-font);
	font-size: 1.135rem;
	font-weight: 300;
	color: var(--pri-color);
}


/*
 * Colors
 */
.pri-color {
	color: var(--pri-color);
}
.sec-color {
	color: var(--sec-color);
}
.thd-color {
	color: var(--thd-color);
}


/*
 * Text styles
 */
.uppercase {
	text-transform: uppercase;
}
.lowercase {
	text-transform: lowercase;
}
.base-text .sppb-addon-content {
	font-size: 1.125rem;
}
.text-thin {
	font-weight: 300;
}

@media(min-width: 768px){
	.two-column > .sppb-addon-content {
		column-count: 2;
	}
}

/* Headline styles */
.sppb-section.heading > .sppb-container-inner > .sppb-container {
	max-width: 100% !important;
	margin-left: 100px;
}
.sppb-section.heading > .sppb-row-container > .sppb-section-title,
.sppb-section.heading > .sppb-container-inner > .sppb-container > .sppb-section-title {
	position: relative;
	padding-left: 30px;
	z-index: 95;
}
.sppb-addon-text-block.heading:not(.no-arrow) .sppb-addon-text-head:before,
.sppb-section.heading:not(.no-arrow) > .sppb-row-container > .sppb-section-title:before,
.sppb-section.heading:not(.no-arrow) > .sppb-container-inner > .sppb-container > .sppb-section-title:before {
	content: '';
	position: absolute;
	top: 10px;
	left: 0;
	height: 72px;
	width: 26px;
	line-height: 1;
	clip-path: polygon(35% 0, 75% 50%, 35% 100%, 0% 100%, 40% 50%, 0% 0%);
	background-color: var(--sec-color);
}
.sppb-section.heading > .sppb-row-container > .sppb-section-title .sppb-title-heading,
.sppb-section.heading > .sppb-container-inner > .sppb-container .sppb-section-title .sppb-title-heading {
	margin-bottom: 0 !important;
	font-weight: 800;
}
.sppb-section.heading > .sppb-row-container > .sppb-section-title .sppb-title-subheading,
.sppb-section.heading > .sppb-container-inner > .sppb-container > .sppb-section-title .sppb-title-subheading {
	font-size: 1.75rem !important;
	font-weight: 400;
}
/* Text block */
.sppb-addon-text-block.heading .sppb-addon-text-head {
	position: relative;
	margin-bottom: 30px;
	padding-left: 30px;
	z-index: 95;
}
.sppb-addon-text-block.heading .sppb-addon-text-head:before {
	top: 3px;
	height: 70px;
	width: 24px;
}
.sppb-addon-text-block.heading .sppb-addon-text-head .sppb-addon-title {
	margin-bottom: 0;
	font-weight: 800;
}
.sppb-addon-text-block.heading .sppb-addon-text-head .sppb-addon-subtitle {
	margin-bottom: 0;
	font-weight: 400;
}


/* Image content */
.sppb-addon-image-content.heading .sppb-image-content-title {
	display: block;
	margin-bottom: 0;
	font-weight: 800;
}
.sppb-addon-image-content.heading .sppb-image-content-subtitle {
	font-weight: 300;
}

/* Section styles */
.arrow-top-right:before {
	content: '';
	position: absolute;
	top: -1px;
	height: 50px;
	width: 300px;
	clip-path: polygon(50% 100%, 0 0, 100% 0);
	background-color: #fff;
	transform: translateX(-50%);
}
@media(max-width: 991px){
	.arrow-top-right:before {
		right: 0px;
	}
}
@media(min-width: 992px){
	.arrow-top-right:before {
		right: calc(50vw - 836px);
	}
}

/* Text styles */
.sppb-addon-text-block.text-300 > .sppb-addon-content {
	font-weight: 300;
}
.sppb-addon-text-block.text-xs > .sppb-addon-content {
	font-size: .85rem;
}
.sppb-addon-text-block.text-sm > .sppb-addon-content {
	font-size: 1rem;
}
.sppb-addon-text-block.text-md > .sppb-addon-content {
	font-size: 1.25rem;
}
.sppb-addon-text-block.text-lg > .sppb-addon-content {
	font-size: 1.5rem;
}
.sppb-addon-text-block.text-xl > .sppb-addon-content {
	font-size: 2.5;
}

/*
 * Content sizes
 */
.sppb-column.content-xs,
.sppb-column.content-sm,
.sppb-column.content-md,
.sppb-column.content-lg,
.sppb-column.content-xl {
	margin: 0 auto;
}
.sppb-column.content-xs {
	max-width: 480px;
}
.sppb-column.content-sm {
	max-width: 600px;
}
.sppb-column.content-md {
	max-width: 768px;
}
.sppb-column.content-lg {
	max-width: 992px;
}
.sppb-column.content-xl {
	max-width: 1140px;
}

/*
 * Main styles
 */

@media (min-width: 1200px) {
    .container,
    .sppb-row-container {
        max-width: 1400px !important;
    }
}
@media (min-width: 992px) {
	#offcanvas-toggler {
		display: none !important;
	}
}
.offcanvas-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10010;
}
.offcanvas-menu {z-index: 10015;}
/*
 * Header styles
 */
@media (max-width: 991px) {
	#sp-header {
		padding-top: 12px;
		padding-bottom: 12px;
	}
}
#sp-header {
	position: fixed !important;
	width: 100%;
	height: auto;
	box-shadow: none !important;
	background-color: transparent;
	z-index: 10005;
}
.top-position {
	padding-bottom: 20px;
	height: auto !important;
}

.phone-contact {
	margin-top: 15px;
	text-align: right;
}
@media(min-width: 992px){
	.phone-contact {
		margin-right: 150px;
	}
}
.phone-contact a {
	position: relative;
	padding: 10px 15px;
	z-index: 105;
}
.phone-contact a,
.phone-contact a:visited {
	color: rgba(255,255,255,1) !important;
}
.phone-contact a:hover,
.phone-contact a:active,
.phone-contact a:focus {
	color: rgba(255,255,255,.6) !important;
}
.phone-contact a:before,
.phone-contact a:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
}
.phone-contact a:before {
	width: 100%;
	height: 100%;
	background-color: var(--pri-color);
	clip-path: polygon(100% 0, 100% 100%, 0% 100%, 7px 50%, 0% 0%);
	z-index: 100;
}
.phone-contact a:after {
	width: 30px;
	background-color: var(--sec-color);
	clip-path: polygon(100% 0, 100% 100%, 0% 100%, 7px 50%, 0% 0%);
	transform: translateX(-10px);
	z-index: 95;
}
.phone-contact a * {
	position: relative;
	z-index: 110;
}

#sp-header .header-inner {
		background-color: rgba(255,255,255,.75);
		border: 1px solid rgba(255,255,255,.85) !important;
		backdrop-filter: blur(5px);
		-webkit-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.25); 
		box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.25);
}
@media(max-width: 991px){
	#sp-header .header-inner {
		max-width: 250px;
		margin-left: 15px;
		padding: 10px 15px;
		transform: translateY(-60px);
	}
}
@media(min-width: 992px){
	#sp-header .header-inner {
		margin-left: 33.3333%;
		display: flex;
	}
}

/*
 * Logo styles
 */
@media(min-width: 992px){
	#sp-logo {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	#sp-logo .logo {
		height: 100%;
		width: 0px;
		overflow: hidden;
		transition: all ease-in-out .25s !important;
	}
	#sp-header.scrolled #sp-logo .logo {
		margin-left: 15px;
		width: 175px;
	}
}


/*
 * Navbar styles
 */
#sp-menu {
	margin-left: 20px;
}
#sp-menu .sp-megamenu-wrapper ul.sp-megamenu-parent {}
#sp-menu .sp-megamenu-wrapper ul.sp-megamenu-parent > li > a {
	font-size: 1.125rem;
	font-weight: 400;
}
#sp-menu .sp-megamenu-wrapper ul.sp-megamenu-parent > li > a,
#sp-menu .sp-megamenu-wrapper ul.sp-megamenu-parent > li > a:visited {
	color: var(--pri-color);
}
#sp-menu .sp-megamenu-wrapper ul.sp-megamenu-parent > li.active > a,
#sp-menu .sp-megamenu-wrapper ul.sp-megamenu-parent > li > a:hover,
#sp-menu .sp-megamenu-wrapper ul.sp-megamenu-parent > li > a:active,
#sp-menu .sp-megamenu-wrapper ul.sp-megamenu-parent > li > a:focus {
	color: var(--sec-color);
}
.home-link {
	font-size: 0 !important;
}
.home-link > span {
	font-size: 1.25rem;
	line-height: 1;
}

/*
 * Footer styles
 */
#sp-footer {
	padding-top: 100px;
	padding-bottom: 100px;
	margin-top: -100px;
	background-color: transparent;
	background-image: url(../images/pb-blue-bg.png);
	background-repeat: no-repeat;
	background-size: auto 100%;
}
@media(max-width: 767px){
	#sp-footer {
		background-size: auto 50%;
		background-position: 0 40%;
	}
}
.footer-section {
	padding-left: 100px !important;
	margin-left: 25% !important;
}
.footer-section:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 100%;
	background-color: var(--pri-color);
	clip-path: polygon(100% 0, 100% 100%, 0% 100%, 50px 50%, 0% 0%);
}
.footer-contact .sppb-addon-title {}
@media(min-width: 992px){
	.social-links > .sppb-addon-content {
		display: flex;
		flex-direction: column;
		align-items: start;
	}
}
.social-links > .sppb-addon-content a {
	margin: 0 !important;
	border: 0 !important;
}
.social-links > .sppb-addon-content a {
	line-height: 999;
	font-size: 0;
}
.social-links > .sppb-addon-content a i {
	font-size: 50px;
	line-height: 1 !important;
}
.navbar-footer {
	padding: 15px 0;
	text-align: center;
}
.navbar-footer .menu li:not(:first-child) {
	padding-left: 15px;
	border-left: 1px solid var(--pri-color);
}
.navbar-footer .menu li a {
	font-size: 1rem;
	font-weight: 400;
}
.navbar-footer .menu li a,
.navbar-footer .menu li a:visited {
	color: var(--pri-color) !important;
}
.navbar-footer .menu li a:hover,
.navbar-footer .menu li a:active,
.navbar-footer .menu li a:focus {
	color: var(--sec-color) !important;
}
.sp-scroll-up,
.sp-scroll-up:hover {
	position: absolute !important;
	right: 100px;
	bottom: 480px;
	width: 72px;
	height: 40px;
	background-color: rgba(255,255,255,.6) !important;
	background-image: url(../images/to-top.png);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 70%;
	border-radius: 0;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5); 
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
}
.sp-scroll-up span {
	display: none !important;
}

/*
 * Header section
 */
.header-section {
	position: relative;
	z-index: 95;
}
.header-section .no-image-outer {
	min-height: 600px;
}
.header-image {
	position: relative;
	z-index: 100;
}
.header-image:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	height: 100%;
	width: 75%;
	background: #1A3454;
	background: linear-gradient(
		25deg, 
		rgba(26, 52, 84, 1) 15%, 
		rgba(26, 52, 84, 0) 50%
	);
}
@media(max-width: 767px) {
	.header-image:before {
		height: 100%;
		width: 100%;
	}
}

.header-image .sppb-addon-image {
	margin-bottom: 0;
}
.header-image .sppb-addon-image img {
	object-fit: cover;
	object-position: 0% bottom !important;
	width: 100%;
	height: 100%;
	min-height: 600px;
	max-height: 900px;
}
.header-branding {
	position: absolute;
	bottom: 0px;
	max-width: 512px;
	height: auto;
	z-index: 105;
}
.header-branding.no-arrow {
	bottom: 60px;
}
@media(max-width: 1417px){
	.header-branding {
		left: 15px;
	}
}
@media(min-width: 1418px){
	.header-branding {
		left: calc(50vw - 700px);
	}
}
.header-branding:not(.no-arrow):after {
	content: '';
	display: block;
	height: 40px;
	width: 250px;
	clip-path: polygon(50% 0%, 0 100%, 100% 100%);
	margin: 20px auto 0 auto;
	background-color: #fff;
}

/*
 * Main section
 */
.main-section {}
.concept-image-section {
	position: relative !important;
	z-index: 105 !important;
}
@media(max-width: 991px){
	.concept-image {
		float: right;
		max-width: 50vw;
		margin-top: -50px;
		margin-bottom: -30px;
	}
}
@media(min-width: 992px){
	.concept-image {
		position: absolute !important;
		right: 0;
		bottom: -50px;
		max-width: 35vw;
	}
}


/*
 * Call 2 Action section
 */
.cta-section {
	position: relative !important;
	z-index: 100 !important;
}
@media(max-width: 1139px){
	.cta-section .cta-outer .sppb-button-wrapper {
		text-align: left !important;
	}
}
@media(min-width: 1140px){
	.cta-section > .sppb-row-container {
		display: flex;
		gap: 30px;
		justify-content: center;
		align-items: center;
	}
	.cta-section > .sppb-row-container > div {
		margin: 0 !important;
		height: 100%;
	}
}
.cta-button {
	position: relative;
	padding: 20px 30px 20px 20px;
	margin-left: 24px;
	font-family: var(--sec-font);
	font-size: 1.375rem;
	border: 0;
	z-index: 95;
}
.cta-button:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 24px;
	clip-path: polygon(35% 0, 75% 50%, 35% 100%, 0% 100%, 40% 50%, 0% 0%);
	background-color: var(--pri-color);
	transform: translateX(calc(-100% + 5px));
}
.cta-button:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 24px;
	clip-path: polygon(100% 0, 100% 100%, 25% 100%, 65% 50%, 25% 0);
	background-color: var(--sec-color);
	transform: translateX(-75%);
	z-index: 100;
}
.cta-button,
.cta-button:visited {
	background-color: var(--sec-color);
	color: #fff;
}
.cta-button:hover,
.cta-button:active,
.cta-button:focus {
	background-color: var(--sec-color);
	color: #fff;
}
/* blue button */
a.cta-button-blue,
a.cta-button-blue:visited {
	color: rgba(255,255,255,1);
}
a.cta-button-blue:hover,
a.cta-button-blue:active,
a.cta-button-blue:hover {
	color: rgba(255,255,255,.6);
}
.cta-button-blue {
	position: relative;
	margin-left: 15px;
	width: calc(100% - 15px);
	padding: 15px 30px 15px 25px;
	border: 0;
	text-align: left;
	font-family: var(--sec-font);
	font-size: 1.125rem;
	text-transform: uppercase;
	z-index: 85;
}
.cta-button-blue:before,
.cta-button-blue:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}
.cta-button-blue:before {
	background-color: var(--pri-color);
	clip-path: polygon(100% 0, 100% 100%, 0% 100%, 8px 50%, 0% 0%);
	z-index: -1;
}
.cta-button-blue:after {
	margin-left: -10px;
	background-color: var(--sec-color);
	clip-path: polygon(100% 0, 100% 100%, 0% 100%, 8px 50%, 0% 0%);
	z-index: -2;
}
.cta-button-blue * {
	position: relative;
	z-index: 110;
}

.custom-btn {
	position: relative;
	margin-left: 15px;
	padding: 15px 40px 15px 40px;
	background-color: var(--sec-color);
	color: #fff;
	border: 0;
	text-align: center;
	font-family: var(--sec-font);
	font-size: 1.125rem;
	z-index: 85;
}
.custom-btn:hover,
.custom-btn:active,
.custom-btn:focus {
	color: #fff;
}
.custom-btn:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 24px;
	clip-path: polygon(35% 0, 75% 50%, 35% 100%, 0% 100%, 40% 50%, 0% 0%);
	background-color:#fff;
	transform: translateX(calc(-100% + 15px));
}


/*
 * Service section
 */
.service-section {}
@media(max-width: 991px){
	.service-item {
		max-width: 768px;
		margin: 0 auto;
	}
}
.service-item .sppb-addon-image {
	margin-bottom: 0;
}
.service-item .sppb-addon-body {
	position: relative;
	padding: 60px 60px 30px 60px;
	z-index: 95;
}
.service-item .sppb-addon-body .sppb-btn-custom {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0 !important;
	padding: 20px 30px 20px 20px !important;
	font-family: var(--sec-font);
	font-size: 1.375rem;
	line-height: 1;
	border: 0;
	transform: translateY(-50%);	
}
.service-item .sppb-addon-body .sppb-btn-custom,
.service-item .sppb-addon-body .sppb-btn-custom:visited {
	background-color: var(--pri-color);
	color: #fff;
}
.service-item .sppb-addon-body .sppb-btn-custom:hover,
.service-item .sppb-addon-body .sppb-btn-custom:active,
.service-item .sppb-addon-body .sppb-btn-custom:focus {
	background-color: #fff;
	color: var(--pri-color);
}
.service-item .sppb-addon-body .sppb-btn-custom:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 24px;
	clip-path: polygon(35% 0, 75% 50%, 35% 100%, 0% 100%, 40% 50%, 0% 0%);
	background-color: var(--sec-color);
	transform: translateX(calc(-100% + 5px));
}
.service-item .sppb-addon-body .sppb-btn-custom:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 24px;
	clip-path: polygon(100% 0, 100% 100%, 25% 100%, 65% 50%, 25% 0);
	background-color: var(--sec-color);
	transform: translateX(-75%);
	transition: all .15s ease-in-out;
	z-index: 100;
}
.service-item .sppb-addon-body .sppb-btn-custom:after {
	background-color: var(--pri-color);
}
.service-item .sppb-addon-body .sppb-btn-custom:hover:after {
	background-color: #fff;
}

/*
 * Career section
 */
.career-section {}
.career-info {
	background-color: var(--pri-color);
	color: #fff;
}
@media(min-width: 992px){
	.career-info {
		display: flex;
	}
	.career-info > * {
		flex: 1;
	}
	.career-info .sppb-addon-image img {
		object-fit: cover;
		object-position: 0% center !important;
		width: 100%;
		height: 100%;
	}
}


.career-info .sppb-addon-image {
	position: relative;
	margin-bottom: 0;
	z-index: 95;
}
@media(min-width: 992px){
	.career-info .sppb-addon-image:after {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		width: 36px;
		clip-path: polygon(60% 0, 100% 50%, 60% 100%, 10% 100%, 50% 50%, 10% 0);
		background-color: #fff;
		transform: translateX(18px);
		z-index: 105;
	}
}
.career-info .sppb-addon-image img {
	position: relative;
	z-index: 100;
}
.career-info .sppb-addon-body {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 45px 75px;
	z-index: 75;
}
@media(max-width: 991px){
	.career-info .sppb-addon-body {
		border-top: 6px solid #fff;
	}
}
.career-info .sppb-addon-body:before {
	content: '';
	position: absolute;
	top: -1px;
	left: 50%;
	height: 41px;
	width: 250px;
	clip-path: polygon(50% 100%, 0 0, 100% 0);
	background-color: #fff;
	transform: translateX(-50%);
}
.career-info .sppb-addon-body .sppb-image-content-text {
	margin-top: 30px;
}
.career-info .sppb-image-content-btn {
	margin-top: 30px;
	overflow: hidden;
}
.career-info .sppb-image-content-btn .sppb-btn-custom {
	position: relative;
	margin-top: 0 !important;
	margin-left: 20px;
	padding: 14px 28px 14px 20px;
	line-height: 1;
	background-color: #fff;
	border: 0;
	font-family: var(--sec-font);
	font-size: 1.125rem;
	text-transform: uppercase;
}
.career-info .sppb-image-content-btn .sppb-btn-custom,
.career-info .sppb-image-content-btn .sppb-btn-custom:visited {
	color: var(pri-color) !important;
}
.career-info .sppb-image-content-btn .sppb-btn-custom:hover,
.career-info .sppb-image-content-btn .sppb-btn-custom:active,
.career-info .sppb-image-content-btn .sppb-btn-custom:focus {
	color: var(sec-color) !important;
}
.career-info .sppb-image-content-btn .sppb-btn-custom:before,
.career-info .sppb-image-content-btn .sppb-btn-custom:after {
	content: '';
	position: absolute;
	top: -1px;
	bottom: -1px;
	left: 0;
	width: 24px;
	line-height: 1;
	z-index: 95;
}
.career-info .sppb-image-content-btn .sppb-btn-custom:before {
	clip-path: polygon(35% 0, 75% 50%, 35% 100%, 0% 100%, 40% 50%, 0% 0%);
	background-color: var(--sec-color);
	transform: translateX(calc(-100% + 5px));
}
.career-info .sppb-image-content-btn .sppb-btn-custom:after {
	clip-path: polygon(100% 0, 100% 100%, 25% 100%, 65% 50%, 25% 0);
	background-color: #fff;
	transform: translateX(-75%);
	z-index: 100;
}

@media(max-width: 991px){
	.career-side-image {
		margin-top: -120px;
		margin-left: 50%;
		max-width: 50%;
	}
}
@media(min-width: 992px){
	.career-image-outer {
		display: flex;
		flex-direction: column;
		justify-content: end;
	}
	.career-side-image {
		margin-top: 20%;
		margin-left: -100%;
	}
}

/* 
 * Team section 
 */

@media(max-width: 991px){
	.team-person {
		max-width: 360px;
		margin: 0 auto 45px auto;
	}
}
@media(min-width: 992px){
	.team-grid > .sppb-column-addons {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 60px;
	}
}
.team-person {}
.team-person .sppb-person-image img {
	-webkit-border-radius: 50% !important;
	-moz-border-radius: 50% !important;
	border-radius: 50% !important;
}
.team-person .sppb-person-information {
	text-align: center;
}
.team-person .sppb-person-information .sppb-person-name {
	font-size: 1.125rem !important;
	font-weight: 800 !important;
}
.team-person .sppb-person-information .sppb-person-name span {
	color: var(--sec-color);
}
.team-person .sppb-person-information .sppb-person-designation {
	margin-top: 6px;
	font-size: 1rem !important;
}
.team-person .sppb-person-information .sppb-person-contact {
	display: inline-flex;
	gap: 10px;
	margin-top: 15px;
	font-size: 1.5rem !important;
}
.team-person .sppb-person-contact {
	margin-top: 10px;
	text-align: center;
}
.team-person .sppb-person-contact a {
	display: inline-block;
	margin-right: 5px;
	margin-left: 5px;
	font-size: 1.5rem;
}
.team-person .sppb-person-contact a span {
	display: none;
	line-height: 999;
}



.team-info {}
.team-info .sppb-addon-content {
	font-family: var(--sec-font) !important;
	font-size: 1.375rem;
}
@media(max-width: 991px){
	.team-info .sppb-addon-content {
		text-align: center;
	}
}
@media(min-width: 992px){
	.team-info .sppb-addon-content {
		margin-left: 20%;
	}
}

/*
 * Facts section
 */
.facts-section.arrow-top-right:before {
	background-color: #e7e7e8;
}
.facts-item {
	
}
.facts-item > .sppb-addon-content {
	gap: 30px;
}
.facts-item .sppb-animated-number {
	line-height: 1;
	font-family: var(--sec-font);
	font-size: 3rem;
	flex-basis: 85px;
}
.facts-item .sppb-animated-number-title {
	min-height: 60px;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex-grow: 1;
	padding-right: 20px;
	padding-left: 20px;
	background-color: #fff;
	color: var(--pri-color);
	font-family: var(--sec-font);
	font-size: 1.125rem;
	z-index: 100;
}
.facts-item .sppb-animated-number-title:before,
.facts-item .sppb-animated-number-title:after {
	content: '';
	position: absolute;
	top: 0px;
	left: 0;
	height: 100%;
	width: 24px;
	line-height: 1;
	z-index: 95;
}
.facts-item .sppb-animated-number-title:before {
	clip-path: polygon(35% 0, 75% 50%, 35% 100%, 0% 100%, 40% 50%, 0% 0%);
	background-color: var(--sec-color);
	transform: translateX(calc(-100% + 5px));
}
.facts-item .sppb-animated-number-title:after {
	clip-path: polygon(100% 0, 100% 100%, 25% 100%, 65% 50%, 25% 0);
	background-color: #fff;
	transform: translateX(-75%);
	z-index: 100;
}
.facts-info {
	font-size: 1rem;
}
@media(max-width: 991px){
	.facts-info {
		margin-left: 115px;
	}
}
@media(min-width: 992px){
	.facts-info {
		margin-left: 32%;
	}
}

/*
 * Projects section
 */
@media(min-width: 768px){
	.grid-column > .sppb-column-addons {
	  display: grid; 
	  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	  grid-template-rows: 1fr 1fr 1fr;
	  gap: 20px 20px; 
	  grid-template-areas:
		"image-1 image-1 image-1 image-1 image-1 image-1 image-2 image-2 image-2 image-2 image-2"
		"image-3 image-3 image-3 image-3 image-3 image-4 image-4 image-4 image-4 image-4 image-4"
		"image-5 image-5 image-5 image-5 image-5 image-5 image-5 image-6 image-6 image-6 image-6";
	}
	.grid-column > .sppb-column-addons > div:nth-child(1) { grid-area: image-1; }
	.grid-column > .sppb-column-addons > div:nth-child(2) { grid-area: image-2; }
	.grid-column > .sppb-column-addons > div:nth-child(3) { grid-area: image-3; }
	.grid-column > .sppb-column-addons > div:nth-child(4) { grid-area: image-4; }
	.grid-column > .sppb-column-addons > div:nth-child(5) { grid-area: image-5; }
	.grid-column > .sppb-column-addons > div:nth-child(6) { grid-area: image-6; }
	.grid-column > .sppb-column-addons > div > div {
		height: 100%;
	}
}
@media(max-width: 767px){
	.grid-column .project-item {
		margin-bottom: 20px;
	}	
}
.project-item {
	position: relative;
	height: 100%;
	z-index: 95;
	overflow: hidden;
}
.project-item figure.sppb-addon-image {
	position: relative;
	height: 100%;
	margin-bottom: 0;
	z-index: 100;
}
.project-item figure.sppb-addon-image img { 
	object-fit: cover;
	object-position: 0 bottom !important;
	width: 100%;
	height: 100%;
}
.project-item .sppb-addon-body {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 45px;
	color: #fff;
	background-color: rgba(25,52,85,1);
	mix-blend-mode: hard-light;
	z-index: 105;
	
	transition: opacity ease-in-out .25s;
	opacity: 0;
	display: flex;
	flex-direction: column;
}
.project-item:hover .sppb-addon-body {
	opacity: 1;
}
.project-item .sppb-addon-body .sppb-image-content-title {
	margin-top: 15px;
	order: 2;
	font-size: 1.25rem;
}
.project-item .sppb-addon-body .sppb-image-content-subtitle {
	order: 1;
	font-size: 1.25rem;
	font-weight: 800;
}
.project-item .sppb-addon-body .sppb-image-content-text {
	order: 3;
}
.project-item .sppb-addon-body .sppb-image-content-btn {
	order: 4;
}

.flex-column > .sppb-column-addons {
	height: 100%;
	padding-bottom: 30px;
	display: flex;
	flex-direction: column;
}
.flex-column > .sppb-column-addons .addon-root-image-content {
	flex: 1;
}
@media(min-width: 768px){
	.sppb-column.flex-center {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
}

/* Dynamic projects */
.mod-project-items {
	margin-bottom: 20px;
}
@media(min-width: 768px){
	
	.mod-project-items {
	  display: grid; 
	  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	  grid-template-rows: 300px 400px 300px;
	  gap: 20px 20px; 
	  grid-template-areas:
		"image-1 image-1 image-1 image-2 image-2 image-2 image-3 image-3 image-3 image-3"
		"image-4 image-4 image-4 image-4 image-4 image-5 image-5 image-5 image-5 image-5"
		"image-6 image-6 image-6 image-6 image-7 image-7 image-7 image-8 image-8 image-8";
	}
	.mod-project-items > article:nth-child(1) { grid-area: image-1; }
	.mod-project-items > article:nth-child(2) { grid-area: image-2; }
	.mod-project-items > article:nth-child(3) { grid-area: image-3; }
	.mod-project-items > article:nth-child(4) { grid-area: image-4; }
	.mod-project-items > article:nth-child(5) { grid-area: image-5; }
	.mod-project-items > article:nth-child(6) { grid-area: image-6; }
	.mod-project-items > article:nth-child(7) { grid-area: image-7; }
	.mod-project-items > article:nth-child(8) { grid-area: image-8; }
}
.mod-project-item {
	position: relative;
	height: 100%;
	z-index: 95;
	overflow: hidden;
}
.mod-project-item figure.mod-project-item-image {
	position: relative;
	height: 100%;
	margin-bottom: 0;
	z-index: 100;
	
}
.mod-project-item figure.mod-project-item-image img {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	object-fit: cover;
	z-index: 100;
}
.mod-project-item .mod-project-item-body {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 45px;
	color: #fff;
	background-color: rgba(25,52,85,1);
	mix-blend-mode: hard-light;
	z-index: 105;
	
	transition: opacity ease-in-out .25s;
	opacity: 0;
	display: flex;
	flex-direction: column;
}
.mod-project-item:hover .mod-project-item-body  {
	opacity: 1;
}
.mod-project-item .mod-project-item-body a,
.mod-project-item .mod-project-item-body a:visited {
	color: #fff;
}
.mod-project-item .mod-project-item-body a:hover,
.mod-project-item .mod-project-item-body a:active,
.mod-project-item .mod-project-item-body a:focus {
	color: #fff;
}
.mod-project-item .mod-project-item-body .mod-project-item-label {
	font-weight: 800;
}

/*
 * Partner section
 */
.partner-section {}

.partner-slider .sppb-carousel-extended-outer-stage {
	height: auto !important;
}


/*
 * Property Page
 */
.page-header {
	position: relative;
	float: right;
	padding: 15px 30px 15px 20px;
	background-color: var(--pri-color);
}
@media(max-width: 991px){
	.page-header {
		min-width: 50%;
	}
}
@media(min-width: 992px){
	.page-header {
		width: 33.3333%;
	}
}
.page-header .sppb-addon-title {
	margin: 0;
	font-family: var(--sec-font);
	color: #fff;
	font-size: 1.875rem !important;
}
.page-header:before,
.page-header:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 30px; 
}
.page-header:before {
	clip-path: polygon(35% 0, 75% 50%, 35% 100%, 0% 100%, 40% 50%, 0% 0%);
	background-color: var(--sec-color);
	transform: translateX(calc(-100% + 6px));
	z-index: 105;
}
.page-header:after {
	clip-path: polygon(100% 0, 100% 100%, 25% 100%, 65% 50%, 25% 0);
	background-color: var(--pri-color);
	transform: translateX(-75%);
	transition: all .15s ease-in-out;
	z-index: 100;
}

/*
 * Regional section
 */
.regional-info-outer > div,
.regional-info-outer > div > div,
.regional-info-outer > div > div > div {
	height: 100%;
}
.regional-info {
	position: relative;
	height: 100%;
	padding: 60px 45px;
	background-repeat: no-repeat;
	background-size: auto 75%;
	background-position: center;
	color: #fff;
	z-index: 95;
	
	display: flex;
	flex-direction: column;
	justify-content: center;
}
@media(max-width: 991px){
	.regional-info {
		margin-right: 5px;
	}
}
@media(min-width: 992px){
	.regional-info {
		margin-right: -15px;
	}
}
/*
.regional-info:before,
.regional-info:after {
	content: '';
	position: absolute;
	top: 0;
	height: 100%;
	width: 5%;
	background-color: var(--sec-color);
}
.regional-info:before {
	clip-path: polygon(100% 0, 100% 100%, 0% 100%, 100% 50%, 0% 0%);
	position: absolute;
	left: 0;
	transform: translateX(-100%);
}
.regional-info:after {
	clip-path: polygon(0 0, 0% 100%, 100% 50%);
	right: 0;
	transform: translateX(100%);
}
*/
.regional-info:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	clip-path: polygon(calc(100% - 30px) 0%, 100% 50%, calc(100% - 30px) 100%, 0% 100%, 30px 50%, 0% 0%);
	background-color: var(--sec-color);
	background-image: url(../images/bg-sign-black.png);
	background-repeat: no-repeat;
	background-size: auto 75%;
	background-position: center;
	z-index: 95;
}
.regional-info .sppb-addon-text-head {
	position: relative;
	z-index: 105;
}
.regional-info .sppb-addon-text-head .sppb-addon-title {
	font-weight: 500;
}
.regional-info .sppb-addon-content {
	position: relative;
	font-weight: 300;
	font-size: 1.25rem;
	z-index: 105;
}
.regional-info .sppb-addon-content *:last-child {
	margin-bottom: 0;
}

/*
 * Teaser
 */
.teaser-section {}
.teaser-section.arrow-top-right:before {
	background-color: #e7e7e8;
}

/*
 * Offer section
 */
.offer-section {}
.offer-slider-outer {
	position: relative;
	z-index: 105;
}
.offer-slider .sppb-carousel-extended-outer-stage .sppb-carousel-extended-item img {
	clip-path: polygon(calc(100% - 50px) 0%, 100% 50%, calc(100% - 50px) 100%, 0% 100%, 50px 50%, 0% 0%);
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.offer-slider .sppb-carousel-extended-dots {
	bottom: 30px !important;
}
.offer-info-outer {
	position: relative;
	padding-right: 50px;
	padding-left: 50px;
	clip-path: polygon(calc(100% - 50px) 0%, 100% 50%, calc(100% - 50px) 100%, 0% 100%, 50px 50%, 0% 0%);
	background-color: #e7e7e8;
	z-index: 100;
}
@media(min-width: 992px){
	.offer-info-outer {
		margin-left: -20px;
	}
}
@media(max-width: 991px){
	.offer-info {}
}
.offer-info .sppb-addon-title span {
	color: var(--sec-color);
}
.offer-info .sppb-addon-content {
	margin-top: 30px;
}
.offer-info .sppb-addon-content strong {
	font-weight: 800;
}

/*
 * Team section
 */
.team-section.sec-style {
	position: relative;
	z-index: 95;
}
.team-section.sec-style:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 150px;
	background-color: #fff;
	z-index: 100;
}
.team-section.sec-style:after {
	content: '';
	position: absolute;
	top: 0;
	left: 105px;
	bottom: 0;
	width: 45px;
	clip-path: polygon(100% 0, 0 50%, 100% 100%);
	background-color: #E7E7E8;
	z-index: 105;
}
@media(max-width: 1799px){
	.team-section.sec-style > .sppb-row-container {
		padding-left:150px;
	}
}



/*
 * Company Page
 *
 */
@media(max-width: 991px){
	.company-main-section {
		background-size: auto 500px !important;
		background-position: 100% 100%;
	}
}
@media(min-width: 992px){
	.company-main-section {
		background-position: 100% 0;
	}
}
 
.portfolio-section {}
@media(min-width: 992px){
	.portfolio-section {
		padding-right: 100px !important;
	}
	.portfolio-grid > .sppb-column-addons {
		display: flex;
	}
	.portfolio-grid > .sppb-column-addons > div {
		flex: 1;
	}
}
.portfolio-grid > .sppb-column-addons > div {
	margin-right: -20px;
}
.portfolio-grid .addon-root-image:not(:first-child){
}
.portfolio-grid .addon-root-image:first-child .portfolio-image .sppb-addon-single-image-container img {
	clip-path: polygon(calc(100% - 40px) 0, 100% 50%, calc(100% - 40px) 100%, 0% 100%, 0% 0%);
}
.portfolio-grid .addon-root-image:not(:first-child) .portfolio-image .sppb-addon-single-image-container img {
	clip-path: polygon(calc(100% - 40px) 0%, 100% 50%, calc(100% - 40px) 100%, 0% 100%, 40px 50%, 0% 0%);
}
@media(max-width: 991px){
	.portfolio-grid .addon-root-image .portfolio-image {
		margin-left: 30px;
		margin-right: 50px;
	}
	.portfolio-grid .addon-root-image:not(:first-child) .portfolio-image {
		margin-top: 30px;
	}
	.portfolio-grid .addon-root-image:first-child .portfolio-image .sppb-addon-single-image-container img {
		clip-path: polygon(calc(100% - 40px) 0%, 100% 50%, calc(100% - 40px) 100%, 0% 100%, 40px 50%, 0% 0%);
	}
}

/*
 * Company section
 */
.company-section {}

.company-info {
	display: flex;
}
.company-info > * {
	flex: 1;
}
.company-info .sppb-addon-image {
	margin-bottom: 0;
}
.company-info .sppb-addon-image img {
	object-fit: cover;
	object-position: center !important;
	width: 100%;
	height: 100%;
	clip-path: polygon(calc(100% - 30px) 0, 100% 50%, calc(100% - 30px) 100%, 0% 100%, 0% 0%);
}
.company-info .sppb-addon-body {
	position: relative;
	padding: 50px 100px;
	margin-bottom: 0;
	color: #fff;
	z-index: 95;
	
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.company-info .sppb-addon-body:before {
	content: '';
	position: absolute;
	top: 0;
	right: 1px;
	left: 0;
	height: 100%;
	clip-path: polygon(calc(100% - 30px) 0%, 100% 50%, calc(100% - 30px) 100%, 0% 100%, 30px 50%, 0% 0%);
	background-color: var(--pri-color);
	z-index: 100;
}
.company-info .sppb-addon-body > * {
	position: relative;
	z-index: 105;
}
.company-info .sppb-addon-body .sppb-image-content-title {
	font-weight: 800;
	font-size: 1.75rem;
}
.company-info .sppb-addon-body .sppb-image-content-subtitle {
	font-weight: 400;
}
.company-info .sppb-addon-body .sppb-image-content-text {
	margin-top: 15px;
	max-width: 600px;
}
.company-info .sppb-addon-body .sppb-image-content-btn .sppb-btn-custom {
	position: relative;
	padding-left: 20px;
	font-weight: 800;
	font-size: 1.75rem;
	text-transform: uppercase;
	z-index: 105;
}
.company-info .sppb-addon-body .sppb-image-content-btn .sppb-btn-custom:before {
	content: '';
	position: absolute;
	top: 6px;
	left: 0;
	height: 80%;
	width: 10px;
	line-height: 1;
	clip-path: polygon(60% 0%, 100% 50%, 60% 100%, 0% 100%, 40% 50%, 0% 0%);
	background-color: #fff;
	z-index: 110;
}
.company-info .sppb-addon-body .sppb-image-content-btn a.sppb-btn-custom,
.company-info .sppb-addon-body .sppb-image-content-btn a.sppb-btn-custom:visited {
	color: rgba(255,255,255,1);
}
.company-info .sppb-addon-body .sppb-image-content-btn a.sppb-btn-custom,
.company-info .sppb-addon-body .sppb-image-content-btn a.sppb-btn-custom:visited {
	color: rgba(255,255,255,1);
}
/*
 * History section
 */
.history-section {}
.history-slider .sppb-carousel-extended-outer-stage {
	/*
	height: auto !important;
	*/
}
.history-slider .sppb-carousel-extended-outer-stage:before {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	height: 0px;
	border-top: 8px dotted var(--sec-color);
}
.history-slider .sppb-carousel-extended-item {}
.history-slider .sppb-carousel-extended-item .sppb-carousel-extended-content-wrap {
	padding-right: 45px;
	padding-left: 45px;
	background-color: #babfc0;
	align-items: start;
	text-align: left !important;
	z-index: 95;
	transform: scale(0.9);
	transition: all ease-in-out .25s;
}
.history-slider .sppb-carousel-extended-item:hover .sppb-carousel-extended-content-wrap {
	transform: scale(1);
}
.history-slider .sppb-carousel-extended-item .sppb-carousel-extended-content-wrap:before,
.history-slider .sppb-carousel-extended-item .sppb-carousel-extended-content-wrap:after {
	content: '';
	position: absolute;
	top: 0;
	height: 100%;
	width: 15px;
	z-index: 105;
	transition: all ease-in-out .25s;
}
.history-slider .sppb-carousel-extended-item:not(:hover) .sppb-carousel-extended-content-wrap:before,
.history-slider .sppb-carousel-extended-item:not(:hover) .sppb-carousel-extended-content-wrap:after {
	background-color: #babfc0;
}
.history-slider .sppb-carousel-extended-item:hover .sppb-carousel-extended-content-wrap:before,
.history-slider .sppb-carousel-extended-item:hover .sppb-carousel-extended-content-wrap:after {
	background-color: var(--pri-color);
}
.history-slider .sppb-carousel-extended-item .sppb-carousel-extended-content-wrap:before {
	right: 100%;
	clip-path: polygon(100% 0, 100% 100%, 0% 100%, 100% 50%, 0% 0%);
}
.history-slider .sppb-carousel-extended-item .sppb-carousel-extended-content-wrap:after {
	right: 0;
	clip-path: polygon(2px 0, 100% 50%, 2px 100%, 0% 100%, 0% 0%);
	transform: translateX(calc(100% - 1px)); /* line fix */
}
.history-slider .sppb-carousel-extended-item:hover .sppb-carousel-extended-content-wrap {
	background-color: var(--pri-color);
}

.history-slider .sppb-carousel-extended-item .sppb-carousel-extended-content-wrap .sppb-carousel-extended-heading {
	margin-bottom: 0;
	color: #e7e7e7;
	font-weight: 800;
}
.history-slider .sppb-carousel-extended-item .sppb-carousel-extended-content-wrap .sppb-carousel-extended-subheading {
	font-weight: 800;
	font-size: 1.35rem;
}
.history-slider .sppb-carousel-extended-item .sppb-carousel-extended-content-wrap .sppb-carousel-extended-description {
	margin-top: 30px;
	text-align: left;
	line-height: normal;
	font-size: 1rem;
}
/* Close section */

@media(max-width: 991px){
	.close-section {
		background-position: 100% calc(0% + 75px);
	}
}
@media(min-width: 992px){
	.close-section {
		background-position: 100% 50%;
		background-size: auto 135% !important; 
	}
	.werkhalle51 {
		display: flex;
		gap: 50px;
		align-items: center;
	}
}
.werkhalle51 .sppb-addon-image {
	margin-bottom: 0;
}
@media(max-width: 991px){
	.werkhalle51 .sppb-addon-image {
		margin-bottom: 30px;
	}
}
.werkhalle51 .sppb-addon-body .sppb-image-content-text {
	position: relative;
	padding-left: 30px;
	font-size: 2rem;
	font-weight: 400;
	z-index: 95;
}
.werkhalle51 .sppb-addon-body .sppb-image-content-text:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	height: calc(100% - 24px);
	width: 30px;
	line-height: 1;
	clip-path: polygon(35% 0, 75% 50%, 35% 100%, 0% 100%, 40% 50%, 0% 0%);
	background-color: var(--sec-color);
	transform: translateY(-50%);
}
.werkhalle51 .sppb-addon-body .sppb-image-content-text strong {
	font-weight: 800;
}


/*
 * Service page
 *
 */
.services-section {}
.services-outer {}
.services-outer > .sppb-column-addons > .addon-root-image-content:not(:first-child) {
	margin-top: 75px;
}
.service-type {
	display: flex;
}
.service-type > * {
	flex: 1;
}
.service-type .sppb-addon-image {
	margin-bottom: 0;
}
.service-type .sppb-addon-image img {
	object-fit: cover;
	object-position: center !important;
	width: 100%;
	height: 100%;
}
.services-outer > .sppb-column-addons > .addon-root-image-content:nth-child(odd) .service-type .sppb-addon-image img {
	clip-path: polygon(calc(100% - 30px) 0, 100% 50%, calc(100% - 30px) 100%, 0% 100%, 0% 0%);
}
.services-outer > .sppb-column-addons > .addon-root-image-content:nth-child(even) .service-type .sppb-addon-image img {
	clip-path: polygon(100% 0%, 100% 100%, 30px 100%, 0% 50%, 30px 0%);
}

.service-type .sppb-addon-body {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 60px 90px;
	color: #fff;
	z-index: 95;
}
.service-type .sppb-addon-body:before {
	content: '';
	position: absolute;
	top: 0;
	right: 1px;
	left: 0;
	height: 100%;
	z-index: 100;
}
.services-outer > .sppb-column-addons > .addon-root-image-content:nth-child(even) .service-type .sppb-addon-image {
	order: 2;
}
.services-outer > .sppb-column-addons > .addon-root-image-content:nth-child(odd) .service-type .sppb-addon-body {
	margin-left: -15px;
	margin-right: 100px;
}
.services-outer > .sppb-column-addons > .addon-root-image-content:nth-child(even) .service-type .sppb-addon-body {
	order: 1;
	margin-right: -15px;
	margin-left: 100px;
	text-align: right;
	align-items: end;
}
.services-outer > .sppb-column-addons > .addon-root-image-content:nth-child(odd) .service-type .sppb-addon-body:before {
	clip-path: polygon(calc(100% - 30px) 0%, 100% 50%, calc(100% - 30px) 100%, 0% 100%, 30px 50%, 0% 0%);
}
.services-outer > .sppb-column-addons > .addon-root-image-content:nth-child(even) .service-type .sppb-addon-body:before {
	clip-path: polygon(100% 0%, calc(100% - 30px) 50%, 100% 100%, 30px 100%, 0% 50%,30px 0%);
}

.services-outer > .sppb-column-addons > .addon-root-image-content:nth-child(3n + 1) .service-type .sppb-addon-body:before {
	background-color: var(--pri-color);
}
.services-outer > .sppb-column-addons > .addon-root-image-content:nth-child(3n + 2) .service-type .sppb-addon-body:before {
	background-color: var(--sec-color);
}
.services-outer > .sppb-column-addons > .addon-root-image-content:nth-child(3n + 3) .service-type .sppb-addon-body:before {
	background-color: var(--thd-color);
}


.service-type .sppb-addon-body > * {
	position: relative;
	z-index: 105;
}
.service-type .sppb-addon-body .sppb-image-content-title {
	font-weight: 800;
	font-size: 1.5rem;
}
.service-type .sppb-addon-body .sppb-image-content-subtitle {
	font-weight: 400;
}
.service-type .sppb-addon-body .sppb-image-content-text {
	margin-top: 15px;
	max-width: 600px;
}
.service-type .sppb-addon-body .sppb-image-content-btn .sppb-btn-custom {
	position: relative;
	padding-left: 20px;
	font-weight: 800;
	font-size: 1.5rem;
	text-transform: uppercase;
	z-index: 105;
}
.service-type .sppb-addon-body .sppb-image-content-btn .sppb-btn-custom:before {
	content: '';
	position: absolute;
	top: 6px;
	left: 0;
	height: 80%;
	width: 10px;
	line-height: 1;
	clip-path: polygon(60% 0%, 100% 50%, 60% 100%, 0% 100%, 40% 50%, 0% 0%);
	background-color: #fff;
	z-index: 110;
}

.service-type .sppb-addon-body .sppb-image-content-btn a,
.service-type .sppb-addon-body .sppb-image-content-btn a:visited {
	color: rgba(255,255,255,1);
}
.service-type .sppb-addon-body .sppb-image-content-btn a:hover,
.service-type .sppb-addon-body .sppb-image-content-btn a:active,
.service-type .sppb-addon-body .sppb-image-content-btn a:focus {
	color: rgba(255,255,255,.6);
}

/*
 * Services slider section
 */
.services-slider-section {}
@media(min-width: 992px){
	.service-slider .sppb-carousel-extended-outer-stage {
		min-height: 680px;
	}
}
.service-slider .sppb-carousel-extended-outer-stage .sppb-carousel-extended-item img {
	object-fit: cover;
	object-position: center !important;
	width: 100%;
	height: 100%;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.service-slider:not(.rtl) .sppb-carousel-extended-outer-stage .sppb-carousel-extended-item img {
	clip-path: polygon(calc(100% - 30px) 0, 100% 50%, calc(100% - 30px) 100%, 0% 100%, 0% 0%);
}
.service-slider.rtl .sppb-carousel-extended-outer-stage .sppb-carousel-extended-item img {
	clip-path: polygon(100% 0%, 100% 100%, 30px 100%, 0% 50%, 30px 0%);
}
.service-slider .sppb-carousel-extended-dots {
	bottom: 30px;
}
.service-info-outer > div > div,
.service-info-outer > div > div > div {
	height: 100%;
}
.service-info {
	position: relative;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	z-index: 95;
}
.service-info:before {
	content: '';
	position: absolute;
	top: 0;
	right: 1px;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 100;
}
@media(max-width: 991px){
	.service-info:not(.rtl):before {
		clip-path: polygon(calc(100% - 30px) 0, 100% 50%, calc(100% - 30px) 100%, 0% 100%, 0% 0%);
	}
	.service-info.rtl:before {
		clip-path: polygon(100% 0%, 100% 100%, 30px 100%, 0% 50%, 30px 0%);
	}
}
@media(min-width: 992px){
	.service-info:not(.rtl):before {
		clip-path: polygon(calc(100% - 30px) 0%, 100% 50%, calc(100% - 30px) 100%, 0% 100%, 30px 50%, 0% 0%);
	}
	.service-info.rtl:before {
		clip-path: polygon(100% 0%, calc(100% - 30px) 50%, 100% 100%, 30px 100%, 0% 50%,30px 0%);
	}
	.service-info:not(.rtl) {
		margin-left: -15px;
	}
	.service-info.rtl {
		margin-right: -15px;
	}
}
.service-info.pri-background:before {
	background-color: var(--pri-color);	
}
.service-info.sec-background:before {
	background-color: var(--sec-color);	
}
.service-info.thd-background:before {
	background-color: var(--thd-color);	
}
.service-info > * {
	position: relative;
	z-index: 105;
}
.service-info .sppb-addon-body {
	padding: 60px 100px;
	color: #fff;
}
.service-info.rtl .sppb-addon-body {
	display: flex;
	flex-direction: column;
	align-items: end;
}
.service-info.rtl .sppb-addon-body * {
	text-align: right;
}
.service-info .sppb-addon-body .sppb-image-content-title {
	font-weight: 800;
	font-size: 1.5rem;
	display: block;
}
.service-info .sppb-addon-body .sppb-image-content-subtitle {
	font-weight: 400;
}
.service-info .sppb-addon-body .sppb-image-content-text {
	margin-top: 15px;
	max-width: 600px;
}
.service-info .sppb-addon-body .sppb-image-content-btn .sppb-btn-custom {
	position: relative;
	padding-left: 20px;
	font-weight: 800;
	font-size: 1.5rem;
	text-transform: uppercase;
	z-index: 105;
}
.service-info .sppb-addon-body .sppb-image-content-btn .sppb-btn-custom:before {
	content: '';
	position: absolute;
	top: 6px;
	left: 0;
	height: 80%;
	width: 10px;
	line-height: 1;
	clip-path: polygon(60% 0%, 100% 50%, 60% 100%, 0% 100%, 40% 50%, 0% 0%);
	background-color: #fff;
	z-index: 110;
}
.service-info .sppb-addon-body .sppb-image-content-btn a,
.service-info .sppb-addon-body .sppb-image-content-btn a:visited {
	color: rgba(255,255,255,1);
}
.service-info .sppb-addon-body .sppb-image-content-btn a:hover,
.service-info .sppb-addon-body .sppb-image-content-btn a:active,
.service-info .sppb-addon-body .sppb-image-content-btn a:focus {
	color: rgba(255,255,255,.6);
}


/*
 * Contact section
 */
.contact-link-section {
	position: relative;
	z-index: 105 !important;
}
@media(max-width: 991px){
	.contact-link-section {
		padding-top: 75px !important;
		padding-left: 100px !important;
	}
}
@media(min-width: 992px){
	.contact-image-outer {
		margin-top: -100px;
		margin-bottom: -50px;
	}
}
.contact-btn {
	position: relative;
	padding-left: 25px;
	text-align: left;
	font-size: 1.5rem;
	z-index: 95;
}
.contact-btn:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	height: calc(100% - 24px);
	width: 20px;
	line-height: 1;
	clip-path: polygon(35% 0, 75% 50%, 35% 100%, 0% 100%, 40% 50%, 0% 0%);
	background-color: var(--sec-color);
	transform: translateY(-50%);
}
.contact-btn strong {
	font-weight: 800;
}
@media(max-width: 991px){
	.contact-link-image .sppb-addon-single-image-container img {
		max-height: 500px;
		max-width: auto;
		width: auto;
	}
}


/*
 *
 */
.advantages-section {}
@media(max-width: 991px){
	.advantages .sppb-addon-text-head {
		margin-bottom: 30px;
	}
}
@media(min-width: 992px){
	.advantages {
		display: flex;
		gap: 60px;
	}
	.advantages .sppb-addon-text-head {
		min-width: 280px;
		text-align: right;
	}
	.advantages .sppb-addon-content {
		flex-grow: 1;
	}
}
.advantages .sppb-addon-content ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
@media(max-width: 767px){
	.advantages .sppb-addon-content ul > li {
		margin-top: 30px;
	}
}
@media(min-width: 768px){
	.advantages .sppb-addon-content ul {
		display: flex;
		gap: 30px;
		flex-flow: row wrap;
	}
	.advantages .sppb-addon-content ul > li {
		flex-basis: calc(50% - 15px);
	}
}
.advantages .sppb-addon-title {
	font-family: var(--sec-font);
	font-weight: 400;
	color: var(--sec-color);
}
.advantages .sppb-addon-subtitle {
	font-family: var(--sec-font);
	font-weight: 400;
}
.advantages .sppb-addon-content ul li {
	position: relative;
	padding-left: 30px;
	font-weight: 400;
}
.advantages .sppb-addon-content ul li:before {
	content: '';
	position: absolute;
	top: 7px;
	left: 0;
	height: 58px;
	width: 20px;
	line-height: 1;
	clip-path: polygon(35% 0, 75% 50%, 35% 100%, 0% 100%, 40% 50%, 0% 0%);
	background-color: var(--sec-color);
}
.advantages .sppb-addon-content ul li strong {
	display: block;
	font-weight: 800;
}

/*
 * Projects page
 */
@media(max-width: 991px){
	.projects-main-section {
		background-position: 100% 100%;
		background-size: auto 400px !important;
	}
}
@media(min-width: 992px){
	.projects-main-section {
		background-position: 100% 50%;
		background-size: 33.3333% auto !important;
	}
}

/*
 * Renovation section
 */
@media(max-width: 991px){
	.renovation-main-section {
		background-position: 50% 110%;
		background-size: 420px auto !important;
	}
}
@media(min-width: 992px){
	.renovation-main-section {
		background-position: 100% 0;
		background-size: auto 110% !important;
	}
}


/*
 * Contact page
 *
 */
.contact-team-section.arrow-top-right:before {
}

/*
 * Contact form
 */
#contact-form {}
#contact-form .row > * {
	padding-right: 9px;
	padding-left: 9px;
}
#contact-form .rsform-block-anrede {
	display: flex;
	gap: 15px;
	padding: 15px 25px;
	background-color: #e9edf0;
}
#contact-form .rsform-block-anrede .form-label {
	margin-bottom: 0;
}
#contact-form .rsform-block-anrede * {
	font-weight: 300;
}
#contact-form .form-control {
	padding: 15px 25px;
	background-color: #e9edf0;
	border-color: #e9edf0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
#contact-form [data-rsfp-hashcash] {
	padding: 0;
	background-color: transparent;
	border: 0;
}
#contact-form span.hashcash__text {
	padding-left: 15px;
	color: var(--pri-color) !important;
}
#contact-form .rsform-block-senden .btn-primary {
	position: relative;
	display: block;
	width: 100%;
	padding: 15px 25px;
	text-align: left;
	font-family: var(--sec-font);
	font-size: 1.25rem;
	letter-spacing: .5px;
	border: 0;
	background-color: transparent;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	transition: all ease-in-out .25s;
	z-index: 100;
}
#contact-form .rsform-block-senden .btn-primary:hover {
	padding-left: 30px;
}
#contact-form .rsform-block-senden .btn-primary:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: var(--sec-color);
	clip-path: polygon(100% 0, 100% 100%, 0% 100%, 8px 50%, 0% 0%);
	z-index: -2;
}
#contact-form .rsform-block-senden .btn-primary:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 22px;
	line-height: 1;
	clip-path: polygon(35% 0, 75% 50%, 35% 100%, 0% 100%, 40% 50%, 0% 0%);
	background-color: var(--pri-color);
	transform: translateX(-6px);
	z-index: -1;
}


/*
 * Career page
 *
 */

/* Speed Application */
.speed-application {
	padding: 20px;
	background-color: #fff;
	text-align: center;
}
@media(max-width: 991px){
	.speed-application {
		background-color: #eaeef1;
	}	
}
@media(min-width: 992px){
	.speed-application {
		position: absolute;
		right: 10%;
		bottom: -100px;
		z-index: 101;
		
		-webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.6); 
		box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.6);
	}	
}
.speed-application .sppb-addon-image {
	margin-bottom: 5px;
}
.speed-application .sppb-addon-image img {
	margin: 0 auto;
	max-width: 50px;
	height: auto;
}
.speed-application .sppb-addon-body .sppb-image-content-title {
	text-transform: uppercase;
	font-size: 1.5rem;
	font-weight: 800;
	
}
.speed-application .sppb-addon-body .sppb-image-content-text {
	font-size: 1rem;
	font-weight: 400;
}
.speed-application .sppb-addon-body .sppb-btn {
	text-transform: uppercase;
	text-align: left;
	font-size: 1.125rem;
	font-weight: 700;
}
.speed-application .sppb-addon-body .sppb-btn i {
	float: right;
	margin-top: 2px;
}
 
.career-facts-section {}
.career-facts-section:before {
	background-color: var(--sec-color);
}
/*
.career-facts-section:after {
	content: '';
	display: block;
	height: 300px;
	clip-path: polygon(
		0 0, 
		100% 0, 
		100% calc(100% - 45px), 
		calc(100% - 150px) calc(100% - 45px), 
		calc(100% - 300px) 100%, 
		calc(100% - 450px) calc(100% - 45px), 
		0 calc(100% - 30px)
	);
	background-color: aqua;
}
*/
/* --- */
.team-carousel-section {}
.team-carousel {
}
@media (min-width: 768px){
	.team-carousel .sppb-carousel-extended-item {
		display: grid;
		grid-template-columns: 0.8fr 1.2fr;
		grid-gap: 30px;
	}
}
.team-carousel .sppb-carousel-extended-item img {
	width: auto;
	height: auto;
	margin: 0 auto;
	object-fit: auto;
	border-radius: 100% !important;
	border: 6px solid #fff;
	height: auto;
}

@media (max-width: 767px){
	.team-carousel .sppb-carousel-extended-outer-stage {
		height: auto !important;
	}
	.team-carousel .sppb-carousel-extended-item img {
		max-width: 200px;
		margin-bottom: 50px;
	}
}
@media (min-width: 768px){
	.team-carousel .sppb-carousel-extended-outer-stage {
		height: auto !important;
	}
	.team-carousel .sppb-carousel-extended-item img {
		max-width: 320px;
	}
}
.team-carousel .sppb-carousel-extended-item .sppb-carousel-extended-content-wrap {
	position: static;
	width: auto;
	top: auto;
	bottom: auto;
	left: auto;
	padding: 0;
	text-align: left !important;
}
@media (min-width: 768px){
	.team-carousel .sppb-carousel-extended-item .sppb-carousel-extended-content-wrap {
		align-items: flex-start;
	}
}
.team-carousel .sppb-carousel-extended-item .sppb-carousel-extended-heading {
	position: relative;
	margin-bottom: 5px;
	padding-left: 30px;
}
.team-carousel .sppb-carousel-extended-item .sppb-carousel-extended-heading:before {
	content: '';
	position: absolute;
	top: 5px;
	left: 0;
	height: 60px;
	width: 24px;
	line-height: 1;
	clip-path: polygon(35% 0, 75% 50%, 35% 100%, 0% 100%, 40% 50%, 0% 0%);
	background-color: #fff;
}
.team-carousel .sppb-carousel-extended-item .sppb-carousel-extended-subheading {
	padding-left: 30px;
}
/* Semicolons
.team-carousel .sppb-carousel-extended-item .sppb-carousel-extended-subheading:before {
	content: '\201E';
}
.team-carousel .sppb-carousel-extended-item .sppb-carousel-extended-subheading:after {
	content: '\201D';
}
*/
.team-carousel .sppb-carousel-extended-item .sppb-carousel-extended-description {
	margin-top: 30px;
	line-height: normal;
	font-size: 1.125rem;
}
@media (max-width: 767px){
	.team-carousel .sppb-carousel-extended-item .sppb-carousel-extended-description {
		margin-bottom: 30px;
		text-align: center;
	}
}
@media (min-width: 768px){
	.team-carousel .sppb-carousel-extended-item .sppb-carousel-extended-description {
		margin-right: 15%;
	}
}
.team-carousel .sppb-carousel-extended-item .sppb-carousel-extended-description:before {
	content: '\201E';
}
.team-carousel .sppb-carousel-extended-item .sppb-carousel-extended-description:after {
	content: '\201D';
}
.team-carousel .sppb-carousel-extended-nav-control .next-control,
.team-carousel .sppb-carousel-extended-nav-control .prev-control {
	border: 0 !important;
	color: rgba(255,255,255,0.5);
	font-size: 40px;
}
.team-carousel .sppb-carousel-extended-nav-control .next-control i:before {
	content: '\f061';
}
.team-carousel .sppb-carousel-extended-nav-control .prev-control i:before {
	content: '\f060';	
}
/* Disturber */
.career-disturber {}
.career-disturber .section-header .sppb-addon-title,
.career-disturber-sec .section-header .sppb-addon-title {
	font-size: 1.5rem;
}
.career-disturber .section-header .sppb-addon-subtitle,
.career-disturber-sec .section-header .sppb-addon-subtitle {
	font-weight: 800;
	font-size: 2rem;
}
.career-branding {}
.career-branding .sppb-addon-single-image-container img,
.career-branding-sec .sppb-addon-single-image-container img {
	max-width: 120px;
	height: auto;
}
.career-disturber-sec {
	clip-path: polygon(
		0 0, 
		50% 50px, 
		100% 0, 
		100% calc(100% - 50px), 
		50% 100%, 
		0 calc(100% - 50px)
	);
}
/* Benefits section */
.career-benefits-section {
	background: #fff;
	background: linear-gradient(0deg,
		rgba(211, 218, 223, 1) 0%, 
		rgba(255, 255, 255, 1) 30%, 
		rgba(255, 255, 255, 1) 70%, 
		rgba(211, 218, 223, 1) 100%
	);
}
.career-benefit .sppb-image-content-title {
	font-weight: 800 !important;
	font-size: 1.5rem !important;
	text-transform: uppercase;
}
.career-benefit .sppb-image-content-text {
	font-weight: 400;
	font-size: 1.125rem;
}
/* Jobs section */
.mod-articles-items.career-list {
	margin: 0;
	padding: 0;
	list-style: none;
}
@media(max-width: 991px){
	.mod-articles-items.career-list > li:not(:first-child) {
		margin-top: 1.875rem;
	}
}
@media(min-width: 992px){
	.mod-articles-items.career-list {
		display: grid;
		grid-gap: 30px;
		grid-template-columns: repeat(2, 1fr);
	}
}
.mod-articles-items.career-list .mod-articles-item {
	display: grid;
	grid-template-columns: 40% 1.2fr;
	background-color: #eaeef1;
}
.mod-articles-items.career-list .mod-articles-item .mod-articles-item-image {
	margin-bottom: 0; /* BS Fix */
}
.mod-articles-items.career-list .mod-articles-item .mod-articles-item-content {
	padding: 1.875rem;
	display: flex;
	flex-direction: column;
}
.mod-articles-items.career-list .mod-articles-item .mod-articles-title {
	font-size: 1.25rem;
	font-weight: 800;
	text-transform: uppercase;
}
.mod-articles-items.career-list .mod-articles-item .mod-articles-title:after {
	content: '(m/w/d)';
	display: block;
	font-size: 1.25rem;
	font-weight: 400;
	text-transform: none;
}
.mod-articles-items.career-list .mod-articles-item .mod-articles-introtext {
	margin-top: 15px;
	flex-grow: 1;
	font-size: 1.125rem;
	font-weight: 400;
}
.mod-articles-items.career-list .mod-articles-item .readmore a,
.mod-articles-items.career-list .mod-articles-item .readmore a:visited {
	color: rgba(255,255,255,1);
}
.mod-articles-items.career-list .mod-articles-item .readmore a:hover,
.mod-articles-items.career-list .mod-articles-item .readmore a:active,
.mod-articles-items.career-list .mod-articles-item .readmore a:focus {
	color: rgba(255,255,255,.6);
}
.mod-articles-items.career-list .mod-articles-item .readmore a {
	padding: 14px 24px;
	margin-left: 10px;
	position: relative;
	font-family: var(--sec-font);
	z-index: 95;
}
.mod-articles-items.career-list .mod-articles-item .readmore a:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 14px;
	clip-path: polygon(35% 0, calc(100% - 6px) 50%, 35% 100%, 0% 100%, 40% 50%, 0% 0%);
	clip-path: polygon(
		calc(100% - 6px) 0%,
		100% 50%,
		calc(100% - 6px) 100%,
		0% 100%,
		6px 50%,
		0% 0%
	);
	background-color: var(--pri-color);
	transform: translateX(calc(-100% + 4px));
	z-index: -2;
}
.mod-articles-items.career-list .mod-articles-item .readmore a:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	clip-path: polygon(100% 0, 100% 100%, 0% 100%, 6px 50%, 0% 0%);
	background-color: var(--sec-color);
	transform: translateX(-3px);
	z-index: -1;
}
/* Power section */
.career-power-section {
	clip-path: polygon(
		0 0, 
		50% 50px, 
		100% 0, 
		100% 100%, 
		0 100%
	);
}
.career-power-carousel {
}
.career-power-carousel .sppb-carousel-extended-list .sppb-carousel-extended-item {
	clip-path: polygon(
		0 0, 
		50% 25px, 
		100% 0, 
		100% 100%, 
		0 100%
	);
}
.career-power-carousel .sppb-carousel-extended-list .sppb-carousel-extended-item {
	background-color: var(--pri-color);
}
.career-power-carousel .sppb-carousel-extended-list .sppb-carousel-extended-item:nth-child(2 of .active) {
	background-color: var(--sec-color);
}
.career-power-carousel .sppb-carousel-extended-list .sppb-carousel-extended-item .sppb-carousel-extended-content-wrap {
	align-items: start;
	padding: 30px;
}
.career-power-carousel .sppb-carousel-extended-list .sppb-carousel-extended-item .sppb-carousel-extended-heading {
	font-size: 1.5rem;
	text-transform: uppercase;
}
.career-power-carousel .sppb-carousel-extended-list .sppb-carousel-extended-item .sppb-carousel-extended-description {
	line-height: normal !important;
	text-align: left;
	font-size: 1.125rem;
}
.career-power-carousel .sppb-carousel-extended-nav-control .next-control,
.career-power-carousel .sppb-carousel-extended-nav-control .prev-control {
	border: 0 !important;
	color: #bcbaba;
	font-size: 40px;
}
.career-power-carousel .sppb-carousel-extended-nav-control .next-control i:before {
	content: '\f061';
}
.career-power-carousel .sppb-carousel-extended-nav-control .prev-control i:before {
	content: '\f060';	
}

/* Partner section */
.career-partner-carousel .sppb-carousel-extended-outer-stage {
	height: auto !important;
}
.career-partner-carousel .sppb-carousel-extended-list .sppb-carousel-extended-item img {
	object-fit: fill;
	height: auto !important;
	filter: grayscale(1);
	transition: all ease-in-out .25s;
}
.career-partner-carousel .sppb-carousel-extended-list .sppb-carousel-extended-item:hover img {
	filter: grayscale(0);
}
.career-partner-carousel .sppb-carousel-extended-list .sppb-carousel-extended-content-wrap {
	position: absolute;
}
.career-partner-carousel .sppb-carousel-extended-list .sppb-carousel-extended-content-wrap .sppb-carousel-extended-heading {
	color: var(--sec-color);
	font-size: 1rem;
	text-transform: uppercase;
	opacity: 0;
	transform: translateY(0%);
	transition: all ease-in-out .25s;
}
.career-partner-carousel .sppb-carousel-extended-list .sppb-carousel-extended-item:hover .sppb-carousel-extended-content-wrap .sppb-carousel-extended-heading {
	opacity: 1;
	transform: translateY(-175%);
}
.career-partner-carousel .sppb-carousel-extended-nav-control .next-control,
.career-partner-carousel .sppb-carousel-extended-nav-control .prev-control {
	border: 0 !important;
	color: #bcbaba;
	font-size: 40px;
}
.career-partner-carousel .sppb-carousel-extended-nav-control .next-control i:before {
	content: '\f061';
}
.career-partner-carousel .sppb-carousel-extended-nav-control .prev-control i:before {
	content: '\f060';	
}

/* Rating section */
.career-rating-section {
	clip-path: polygon(
		0 0, 
		50% 50px, 
		100% 0, 
		100% 100%, 
		0 100%
	);
}
@media(min-width: 992px){
	.career-rating-section:after {
		content: '';
		position: absolute;
		left: 0;
		width: 100%;
		height: 33.3333%;
		bottom: -1px;
		background-color: #fff;
	}
}
.career-rating-section .sppb-section-title:before {
	background-color: #fff !important;
}
.career-rating-outer {}
.career-rating {
	padding: 1.875rem;
	background-color: #fff;
	box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.2);
}
.career-rating .sppb-addon-image {
	text-align: center;
}
.career-rating .sppb-addon-image img {
	margin: 0 auto;
}
.career-rating .sppb-addon-body {
	color: var(--base-color);
	display: flex;
	flex-direction: column;
	align-items: center;
}
.career-rating .sppb-addon-body .sppb-image-content-title {
	margin-bottom: 0;
	margin-top: 15px;
	color: var(--sec-color);
	font-size: 1.25rem;
	font-weight: 800;
	text-transform: uppercase;
	order: 2;
}
.career-rating .sppb-addon-body .sppb-image-content-text {
	order: 1;
	text-align: center;
	font-size: 1.125rem;
	font-weight: 400;
}
/*
* Process section
*/
.career-hiring-section {
	clip-path: polygon(
		0 0, 
		50% 50px, 
		100% 0, 
		100% 100%, 
		0 100%
	);
}
.career-hiring-section .sppb-section-title:before {
	background-color: #fff !important;
}
.career-hiring-section .sppb-section-title {
	color: #fff !important;
}
.process-outer .sppb-column-addons {}
@media (max-width: 767px){
	.process-outer .sppb-column-addons .process-item {
	}
}
@media (min-width: 768px){
	.process-outer .sppb-column-addons {
		display: grid;
	}
}
@media (min-width: 768px) and (max-width: 991px){
	.process-outer .sppb-column-addons {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (min-width: 992px){
	.process-outer .sppb-column-addons {
		grid-template-columns: repeat(4, 1fr);
	}
}
.process-item {
	position: relative;
	z-index: 99;
	cursor: help;
	background-color: #e7eaf0;
}
.process-item .sppb-addon-image {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 100;
	transform: translate(-50%, calc(-50% + 25px));
	cursor: pointer;
}
.process-item .sppb-addon-image:after {
	content: 'Mehr erfahren';
	display: block;
	margin-top: 45px;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 1rem;
}
.process-item .sppb-addon-image img {
	margin: 0 auto;
}
.process-item .sppb-addon-body {
	position: relative;
	padding: 30px;
	z-index: 102;
	background: rgba(255,255,255,.9);
	font-size: 1rem;
	text-align: center;
	opacity: 0;
	transition: all .25s ease-in-out;
}
@media (min-width: 992px){
	.process-item .sppb-addon-body {
		min-height: 320px;
	}
}
.process-item.show-body .sppb-addon-body,
.process-item:hover .sppb-addon-body {
	opacity: 1;
	-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.1);
}
.process-item .sppb-addon-body .sppb-image-content-title {
	margin-top: 0;
	font-size: 1.125rem;
	font-weight: 800;
	text-transform: uppercase;
	margin-bottom: 30px;
}
/* Contact section */
.career-contact-section {
	
}
.career-contact {
	display: flex;
	gap: 60px;
}
@media(max-width: 991px){
	.career-contact {
		max-width: 480px;
		margin: 0 auto;
		flex-direction: column;
	}
}
.career-contact:before,
.career-contact:after {
	display: none;
}
.career-contact .sppb-addon-image {
	margin-bottom: 0;
	text-align: right;
	order: 2;
}
.career-contact .sppb-addon-image img {
	max-width: 500px;
}
.career-contact .sppb-addon-body {
	order: 1;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.career-contact .sppb-addon-body .sppb-image-content-title {
	position: relative;
	font-weight: 800;
}
.career-contact .sppb-addon-body .sppb-image-content-title:before {
	content: '';
	position: absolute;
	top: 3px;
	left: -30px;
	height: 75px;
	width: 26px;
	line-height: 1;
	clip-path: polygon(35% 0, 75% 50%, 35% 100%, 0% 100%, 40% 50%, 0% 0%);
	background-color: var(--sec-color);
}
.career-contact .sppb-addon-body .sppb-image-content-subtitle {
}

/*
 * Application form
 */
#bewerbungsformular a,
#bewerbungsformular a:visited {
	color: var(--pri-color);
}
#bewerbungsformular a:hover,
#bewerbungsformular a:active,
#bewerbungsformular a:focus {
	color: var(--base-color);
}
#bewerbungsformular .rsform-block-infotext {
	margin-bottom: 15px !important;
	padding: 20px;
	background-color: #e9edf0;
	font-weight: 800;
	font-size: 1.5rem;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: center;
}
#bewerbungsformular .rsform-block-infotext *:last-child {
	margin-bottom: 0;
}

#bewerbungsformular .rsform-block-anrede {
	margin-top: 10px;
	display: flex;
	gap: 20px;
	align-items: center;
	padding: 12px;
	background-color: #e9edf0;
}
#bewerbungsformular .rsform-block-anrede * {
	font-weight: 400;
	font-size: 1rem;
	color: #607188;
}
#bewerbungsformular .rsform-block-anrede > .form-label {
	margin-bottom: 0;
}
#bewerbungsformular .rsform-block-anrede > .formControls {
	display: flex;
	align-items: center;
}
#bewerbungsformular .rsform-block-anrede > .formControls label {
	margin-right: 5px;
}
#bewerbungsformular .rsform-block-anrede > .formControls label.radio-inline .rsform-radio {
	transform: translateY(4px);
}
#bewerbungsformular .formControls .form-control {
	padding-top: 15px;
	padding-bottom: 15px;
	line-height: 1;
	height: auto;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border: 0;
	background-color: #e9edf0;
}
#bewerbungsformular .formControls ::placeholder {
	color: #607188 !important;
	opacity: 1;
}
#bewerbungsformular .rsform-block-anhang {
	margin-top: 30px;
	margin-bottom: 30px;
	color: #607188;
}
#bewerbungsformular input[type=file] {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	height: auto;
	width: 100%;
	background-color: rgba(64,36,28,.2);
}
#bewerbungsformular input[type=file]::file-selector-button {
	background-color: var(--sec-color);
	color: #fff;
	border: 0px;
	padding: 24px 15px !important;
	margin-right: 20px;
	transition: .5s;
	cursor: pointer;
}
#bewerbungsformular input[type=file]::file-selector-button:hover {}
#bewerbungsformular .rsform-block-datenschutzerklaerung {
	color: #607188;
}
#bewerbungsformular .rsform-block-datenschutzerklaerung .formControls input.rsform-checkbox {
	transform: translateY(4px);
}
#bewerbungsformular .rsform-block-senden {
	margin-top: 30px;
}
#bewerbungsformular .rsform-block-senden .btn-primary {
	position: relative;
	display: block;
	width: 100%;
	padding: 15px 25px;
	padding-left: 25px;
	text-align: left;
	font-family: var(--sec-font);
	font-size: 1.25rem;
	letter-spacing: .5px;
	border: 0;
	background-color: transparent;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	transition: all ease-in-out .25s;
	z-index: 100;
}
#bewerbungsformular .rsform-block-senden .btn-primary:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: var(--sec-color);
	clip-path: polygon(100% 0, 100% 100%, 0% 100%, 8px 50%, 0% 0%);
	z-index: -2;
}
#bewerbungsformular .rsform-block-senden .btn-primary:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 22px;
	line-height: 1;
	clip-path: polygon(35% 0, 75% 50%, 35% 100%, 0% 100%, 40% 50%, 0% 0%);
	background-color: var(--pri-color);
	transform: translateX(-6px);
	z-index: -1;
}
#bewerbungsformular .rsform-block-senden .btn-primary:hover {}
#bewerbungsformular .formRed {
	margin-top: 30px;
	margin-bottom: 0;
	text-align: center;
}
#bewerbungsformular  .formError {
	font-weight: 400;
	font-size: 15px;
}
#bewerbungsformular  .rsform-block-anrede {
	position: relative;
}
#bewerbungsformular  .rsform-block-anrede .formError {
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
}
.career-contact-person {}
.career-contact-person .sppb-person-image {
	margin-bottom: 0;
}
.career-contact-person .sppb-person-image img {
	clip-path: polygon(
		100% 0, 
		100% calc(100% - 30px), 
		51% 100%, 
		0 calc(100% - 30px), 
		0% 0%
	);
}
.career-contact-person .sppb-person-info-outer {
	padding: 60px 30px 30px 30px;
	background-color: var(--pri-color);
	color: #fff;
	clip-path: polygon(
		0 0, 
		50% 30px, 
		100% 0, 
		100% 100%, 
		0 100%
	);
	display: flex;
	flex-direction: column;
}
.career-contact-person .sppb-person-information {
	order: 1;
	font-weight: 400;
}
.career-contact-person .sppb-person-information .sppb-person-name {
	font-size: 1.5rem !important;
	font-weight: 800 !important;
	text-transform: uppercase;
}
.career-contact-person .sppb-person-contact {
	order: 3;
	font-weight: 400;
}
.career-contact-person .sppb-person-introtext {
	position: relative;
	margin-top: 45px;
	padding-left: 28px;
	font-weight: 400;
	order: 2;
}
.career-contact-person .sppb-person-introtext:before {
	content: '\f015';
	position: absolute;
	top: 6px;
	left: 0;
	line-height: 1;
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
}

.career-contact-person .sppb-person-contact a,
.career-contact-person .sppb-person-contact a:visited {
	color: rgba(255,255,255,1) !important;
}
.career-contact-person .sppb-person-contact a:hover,
.career-contact-person .sppb-person-contact a:active,
.career-contact-person .sppb-person-contact a:focus {
	color: rgba(255,255,255,.6) !important;
}
.career-contact-person .sppb-person-contact .sppb-person-phone,
.career-contact-person .sppb-person-contact .sppb-person-email {
	display: block;
}
.career-contact-map-outer {
	background-color: var(--pri-color);
	color: #fff;
}
.career-contact-map-outer .sppb-addon-openstreetmap-wrapper .sppb-addon-content:before {
	content: 'So finden sie uns';
	display: block;
	padding: 15px 30px 0px 30px;
	text-align: center;
	font-weight: 800;
	font-size: 2rem;
	text-transform: uppercase;
}
.career-contact-map {
	clip-path: polygon(
		0 0, 
		50% 30px, 
		100% 0, 
		100% 100%, 
		0 100%
	);
}

/*
 * Career details page
 */
body.career-page #sp-main #sp-main-body {
	padding-top: 0;
}
body.career-page #sp-main #sp-main-body > .container {
	max-width: 100% !important;
	padding: 0;
	margin: 0;
}

/* List styles */
ul.list-arrow,
ul.list-dots,
ul.list-check,
ul.list-plus {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.list-arrow li,
ul.list-dots li,
ul.list-check li,
ul.list-plus li {
	position: relative;
	padding-left: 25px;
}
ul.list-arrow li:before,
ul.list-dots li:before,
ul.list-check li:before,
ul.list-plus li:before {
	position: absolute;
	top: 5px;
	left: 2px;
	line-height: 1;
	color: var(--sec-color);
}
ul.list-arrow li:before {
	content: "\00BB";
	font-weight: 800;
	font-size: 1.25rem;
}
ul.list-dots li:before {
	content: "\2022";
	font-weight: 800;
	font-size: 1.25rem;
}
ul.list-check li:before {
	content: "\2714";
	position: absolute;
	top: 6px;
}
ul.list-plus li:before {
	content: "\271A";
	position: absolute;
	top: 6px;
	font-weight: 300 !important;
}

body.career-page .carriere-article-media {
	position: relative;
	z-index: 90;
}
body.career-page .carriere-article-media:before {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	height: 40px;
	width: 250px;
	clip-path: polygon(50% 0%, 0 100%, 100% 100%);
	margin: 20px auto 0 auto;
	background-color: #fff;
	z-index: 105;
	transform: translateX(50%);
}
body.career-page .article-full-image {
	position: relative;
	z-index: 95;
}
body.career-page .article-full-image:before {
	content: '';
	position: absolute;
	bottom: 60px;
	min-width: 512px;
	aspect-ratio: 2.6 / 1;
	background-image: url(../images/ploeger-bau-light.png);
	background-repeat: no-repeat;
	background-size: 100%;
	z-index: 100;
}
body.career-page .article-full-image:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 50%;
	height: 100%;
	background: linear-gradient(
		45deg,
		rgba(38, 52, 73, 1) 15%, 
		rgba(38, 52, 73, 0) 50%
	);
	z-index: 98;
}
@media(max-width: 1417px){
	body.career-page .carriere-article-media:before,
	body.career-page .article-full-image:after {
		left: 15px;
	}
}
@media(min-width: 1418px){
	body.career-page .carriere-article-media:before,
	body.career-page .article-full-image:before {
		left: calc(50vw - 700px);
	}
}
.carriere-article {
	margin-top: 75px;
}
.carriere-article .article-header-inner {
	padding-left: 30px;
	position: relative;
}
.carriere-article .article-header-inner:before {
	content: '';
	position: absolute;
	top: 2px;
	left: 0;
	height: 70px;
	width: 26px;
	line-height: 1;
	clip-path: polygon(35% 0%, 50% 50%, 35% 100%, 0% 100%, 25% 50%, 0% 0%);
	clip-path: polygon(35% 0, 75% 50%, 35% 100%, 0% 100%, 40% 50%, 0% 0%);
	background-color: var(--sec-color);
}
.carriere-article .article-header-inner h4 {
	margin-bottom: 2px;
	font-weight: 800;
}
.carriere-article .article-header-inner h1,
.carriere-article .article-header-inner h2 {
	line-height: 1;
	font-size: 2rem;
}
.carriere-article .article-header-inner h1:after,
.carriere-article .article-header-inner h2:after {
	content: '(m/w/d)';
}
.carriere-article .article-body {
	margin-top: 15px;
	margin-bottom: 30px;
	padding: 45px;
	background-color: #eaeef1;
	font-weight: 400;
}
.carriere-article .article-body .article-tasks > h4:first-child,
.carriere-article .article-body .article-profile > h4:first-child,
.carriere-article .article-body .article-sevices > h4:first-child {
	font-weight: 800;
	text-transform: uppercase;
}
.carriere-article .article-body .article-tasks {
	margin-top: 45px;
	margin-bottom: 30px;
}
.carriere-article .article-body .article-profile {
	margin-bottom: 30px;
}
.carriere-article .article-body .article-sevices {
}

.header-section {
	z-index: 105 !important;
}
.career-main-section {
	z-index: 100 !important;
}


.education-section > .sppb-row-container {
	max-width: 1370px !important;
	padding: 45px 30px !important;
	background-color: var(--pri-color);
	color: #fff;
}
.education-section > .sppb-row-container .sppb-section-title {
	margin-bottom: 20px !important;
}
.education-section > .sppb-row-container .sppb-section-title:before {
	display: none;
}

/*
 * Project list page
 *
 */
body.projects-page #sp-main-body {
	padding-top: 0;
}
body.projects-page #sp-main-body > .container {
	max-width: 100% !important;
	padding: 0;
}
.project-blog-header {
	position: relative;
	min-height: 500px;
	padding: 30px;
	background-color: var(--pri-color);
	color: #fff;
	z-index: 95;
}
.projects-body-outer .blogprojects-page > p {
	max-width: 1400px;
	margin: 0 auto;
	padding-right: 30px;
	padding-left: 30px;
	text-align: center;
}
.project-blog-brand {
	position: absolute;
	bottom: 0px;
	max-width: 512px;
	height: auto;
	z-index: 105;
}
@media(max-width: 1417px){
	.project-blog-brand {
		left: 15px;
	}
}
@media(min-width: 1418px){
	.project-blog-brand {
		left: calc(50vw - 700px);
	}
}
.project-blog-brand:after {
	content: '';
	display: block;
	height: 40px;
	width: 250px;
	clip-path: polygon(50% 0%, 0 100%, 100% 100%);
	margin: 20px auto 0 auto;
	background-color: #fff;
}


.projects-grid {
	margin-top: 60px;
	display: grid; 
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; 
	grid-template-rows: auto auto auto auto; 
	gap: 30px 30px; 
	grid-template-areas: 
		"project-1 project-1 project-1 project-2 project-2 project-2"
		"project-3 project-3 project-4 project-4 project-4 project-4"
		"project-5 project-5 project-5 project-5 project-6 project-6"
		"project-7 project-7 project-7 project-8 project-8 project-8";
}
.project-column:nth-child(1) { grid-area: project-1; }
.project-column:nth-child(2) { grid-area: project-2; }
.project-column:nth-child(3) { grid-area: project-3; }
.project-column:nth-child(4) { grid-area: project-4; }
.project-column:nth-child(5) { grid-area: project-5; }
.project-column:nth-child(6) { grid-area: project-6; }
.project-column:nth-child(7) { grid-area: project-7; }
.project-column:nth-child(8) { grid-area: project-8; }

.projects-grid .project-column {
	position: relative;
	z-index: 95;
}
.projects-grid .project-column .project{
	height: 100%;
}
.projects-grid .project-column .project .article-intro-image {
	height: 100%;
	float: none !important;
}
.projects-grid .project-column .project .article-intro-image img {
	object-fit: cover;
	object-position: 0% bottom !important;
	width: 100%;
	height: 100%;
}
.projects-grid .project-column .article-header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 45px;
	background-color: rgba(25,52,85,.90);
	opacity: 0;
	transition: opacity ease-in-out .25s;
	z-index: 105;
	
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.projects-grid .project-column:hover .article-header {
	opacity: 1;
}
.projects-grid .project-column .article-header h1,
.projects-grid .project-column .article-header h2 {
	font-weight: 800;
	font-size: 2rem;
}
.projects-grid .project-column .article-header a,
.projects-grid .project-column .article-header a:visited {
	color: rgba(255,255,255,1);
}
.projects-grid .project-column .article-header a:hover,
.projects-grid .project-column .article-header a:active,
.projects-grid .project-column .article-header a:focus {
	color: rgba(255,255,255,.6);
}

body.projects-page .pagination-wrapper {
	padding-right: 45px;
	padding-left: 45px;
}


/*
 * Project detail page
 */
.project-blog-head {
	position: relative;
	margin-top: 75px;
	padding-left: 30px;
}
.project-blog-head:before {
	content: '';
	position: absolute;
	top: 10px;
	left: 0;
	height: 72px;
	width: 26px;
	line-height: 1;
	clip-path: polygon(35% 0, 75% 50%, 35% 100%, 0% 100%, 40% 50%, 0% 0%);
	background-color: var(--sec-color);
}
.article-header-inner h1,
.article-header-inner h2 {
	margin-bottom: 5px;
	font-size: 2rem;
	font-weight: 800;
}
.project-blog-head .article-subline {
	font-size: 1.75rem !important;
	font-weight: 400;
}

.project-blog-body {
	margin-top: 150px;
}

.project-blog-body .project-blog-text h3,
.project-blog-body .project-blog-text h4 {
	font-weight: 800;
}

/* Project Gallery */
.project-gallery {
	display: grid;
	grid-gap: 20px;
	grid-template-columns: 0.85fr 1.15fr;
	margin-top: 60px;
}
.project-gallery > *:nth-child(even) a img {
	object-fit: cover;
	object-position: center center;
	width: 100%;
	height: 100%;
}

.projects-categories ul.categories-module > li {
	margin-bottom: 10px;
}
.projects-categories ul.categories-module > li > a {
	padding: 5px 20px;
	position: relative;
	font-weight: 800;
}
.projects-categories ul.categories-module > li > a:hover,
.projects-categories ul.categories-module > li > a:active,
.projects-categories ul.categories-module > li > a:focus {
	color: #fff;
}

.projects-categories ul.categories-module > li > a:before,
.projects-categories ul.categories-module > li > a:after {
	content: '';
	position: absolute;
	transition: all ease-in-out .25s;
}
.projects-categories ul.categories-module > li > a:before {
	top: 0px;
	right: 0;
	bottom: 0;
	left: 0px;
	clip-path: polygon(100% 0%, calc(100% - 10px) 50%, 100% 100%, 10px 100%, 0% 50%, 10px 0%);
	background-color: var(--sec-color);
	z-index: -2;
}
.projects-categories ul.categories-module > li > a:after {
	top: 2px;
	right: 3px;
	bottom: 2px;
	left: 2px;
	clip-path: polygon(100% 0%, calc(100% - 10px) 50%, 100% 100%, 10px 100%, 1px 50%, 10px 0%);
	background-color: #fff;
	z-index: -1;
}
.projects-categories ul.categories-module > li > a:hover:after {
	background-color: var(--pri-color);
}


.projects-tags {
	margin-top: 75px;
}
.projects-tags-head {
}
.projects-categories-head,
.projects-tags-head,
.related-project-title {
	position: relative;
	margin-bottom: 25px;
	padding-left: 25px;
	font-weight: 800;
	font-size: 1.5rem;
}
.projects-categories-head:before,
.projects-tags-head:before,
.related-project-title:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 50px;
	width: 22px;
	line-height: 1;
	clip-path: polygon(35% 0, 75% 50%, 35% 100%, 0% 100%, 40% 50%, 0% 0%);
	background-color: var(--sec-color);
	transform: translateY(-6px);
}

.projects-tags .tagspopular ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline-flex;
	flex-wrap: wrap;
	gap: 3px;
}
.projects-tags .tagspopular ul li {
	padding: 5px 20px;
	margin-bottom: 6px;
	position: relative;
	font-weight: 800;
}
.projects-tags .tagspopular ul li:before,
.projects-tags .tagspopular ul li:after {
	content: '';
	position: absolute;
}
.projects-tags .tagspopular ul li:before {
	top: 0px;
	right: 0;
	bottom: 0;
	left: 0px;
	clip-path: polygon(100% 0%, calc(100% - 10px) 50%, 100% 100%, 10px 100%, 0% 50%, 10px 0%);
	background-color: var(--sec-color);
	z-index: -2;
}
.projects-tags .tagspopular ul li:after {
	top: 2px;
	right: 3px;
	bottom: 2px;
	left: 2px;
	clip-path: polygon(100% 0%, calc(100% - 10px) 50%, 100% 100%, 10px 100%, 1px 50%, 10px 0%);
	background-color: #fff;
	z-index: -1;
}

.related-project-list-container {
	margin-top: 90px;
}
.related-project-list .project {
	position: relative;
	z-index: 95;
	overflow: hidden;
}

.related-project-list > .row > div {
	padding-bottom: 30px;
}
.related-project-list .project {
	height: 100%;
}
.related-project-list .project .article-full-image {
	margin: 0;
	height: 100%;
}
.related-project-list .project .article-full-image img {
	object-fit: cover;
	object-position: center center;
	width: 100%;
	height: 100%;
}


.related-project-list .project .article-header {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	padding: 15px;
	transform: translateY(100%);
	transition: all ease-in-out .25s;
	background-color: rgba(0,0,0,.5);
}
.related-project-list .project:hover .article-header {
	transform: translateY(0);
}
.related-project-list .project .article-header h2 {
	font-size: 1rem;
}
.related-project-list .project .article-header h2 a {
	color: #fff !important;
}

.project-preview {
	margin-bottom: 45px;
}
@media(min-width: 767px){
	.project-preview .sppb-addon-body {
		position: relative;
		z-index: 95;
	}
	.project-preview .sppb-addon-body:before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		transform: translateY(-100%);
		height: 50px;
		clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
	}
	.project-preview.preview-odd .sppb-addon-body:before {
		background-color: var(--pri-color);
	}
	.project-preview.preview-even .sppb-addon-body:before {
		background-color: var(--sec-color);
	}
}
@media(min-width: 768px){
	.project-preview {
		display: flex;
	}
	.project-preview > * {
		flex: 1;
	}
	.project-preview.preview-odd {
		margin-right: 100px;
	}
	.project-preview.preview-even {
		margin-left: 100px;
	}
	.project-preview.preview-even .sppb-addon-image {
		order: 2;
	}
	.project-preview.preview-odd .sppb-addon-image img {
		clip-path: polygon(calc(100% - 30px) 0, 100% 50%, calc(100% - 30px) 100%, 0% 100%, 0% 0%);
	}
	.project-preview.preview-even .sppb-addon-image img {
		clip-path: polygon(100% 0%, 100% 100%, 30px 100%, 0% 50%, 30px 0%);
	}
	.project-preview.preview-odd .sppb-addon-body {
		margin-left: -15px;
		clip-path: polygon(calc(100% - 30px) 0%, 100% 50%, calc(100% - 30px) 100%, 0% 100%, 30px 50%, 0% 0%);
	}
	.project-preview.preview-even .sppb-addon-body {
		margin-right: -15px;
		order: 1;
		text-align: right;
		clip-path: polygon(100% 0%, calc(100% - 30px) 50%, 100% 100%, 30px 100%, 0% 50%,30px 0%);
	}
	
}
.project-preview .sppb-addon-image {
	margin-bottom: 0;
}
.project-preview .sppb-addon-image img {
	object-fit: cover;
	object-position: center !important;
	width: 100%;
	height: 100%;
}
.project-preview .sppb-addon-body {
	padding: 60px 120px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	color: #fff;
}
.project-preview.preview-odd .sppb-addon-body {
	background-color: var(--pri-color);
}
.project-preview.preview-even .sppb-addon-body {
	background-color: var(--sec-color);
}
.project-preview .sppb-addon-body .sppb-image-content-btn .sppb-btn-custom {
	position: relative;
	padding-left: 20px;
	font-weight: 800;
	font-size: 1.5rem;
	text-transform: uppercase;
	z-index: 105;
}
.project-preview .sppb-addon-body .sppb-image-content-btn .sppb-btn-custom:before {
	content: '';
	position: absolute;
	top: 6px;
	left: 0;
	height: 80%;
	width: 10px;
	line-height: 1;
	clip-path: polygon(60% 0%, 100% 50%, 60% 100%, 0% 100%, 40% 50%, 0% 0%);
	background-color: #fff;
	z-index: 110;
}
.project-preview .sppb-addon-body .sppb-image-content-btn a,
.project-preview .sppb-addon-body .sppb-image-content-btn a:visited {
	color: rgba(255,255,255,1);
}
.project-preview .sppb-addon-body .sppb-image-content-btn a:hover,
.project-preview .sppb-addon-body .sppb-image-content-btn a:active,
.project-preview .sppb-addon-body .sppb-image-content-btn a:focus {
	color: rgba(255,255,255,.6);
}


/*
 * Page rights
 */
body.page-rights #sp-main-body {
	padding-top: 0;
}
body.page-rights #sp-main-body > .container {
	max-width: 100% !important;
	padding: 0;
}
body.page-rights .article-details {
	margin-top: 45px;
}

/*
 * Tag page styles
 *
 */
body.view-tag #sp-main #sp-main-body {
	padding-top: 0;
}
body.view-tag #sp-main #sp-main-body > .container {
	max-width: 100% !important;
	padding: 0;
	margin: 0;
}
.tag-projects {
	padding-top: 90px;
}
.tag-projects-head {
	position: relative;
	padding-left: 25px;
}
.tag-projects-head:before {
	content: '';
	position: absolute;
	top: 6px;
	left: 0;
	height: 45px;
	width: 20px;
	line-height: 1;
	clip-path: polygon(35% 0, 75% 50%, 35% 100%, 0% 100%, 40% 50%, 0% 0%);
	background-color: var(--sec-color);
	transform: translateY(-6px);
}
.tag-projects-head h1,
.tag-projects-head h2 {
	margin-bottom: 30px;
	font-weight: 800;
	font-size: 2rem;
}
ul.tag-projects-list {
	margin: 90px 0 0 0;
	padding: 0;
	list-style: none;
}
ul.tag-projects-list .tag-projects-item {
	position: relative;
	z-index: 95;
}
ul.tag-projects-list .tag-projects-item > a {
	display: block;
	position: relative;
	height: 100%;
	z-index: 100;
}
ul.tag-projects-list .tag-projects-item > a img {
	object-fit: cover;
	object-position: center center;
	width: 100%;
	height: 100%;
}
ul.tag-projects-list .tag-projects-item .tag-projects-item-body {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 45px;
	background-color: rgba(25,52,85,.90);
	opacity: 0;
	transition: opacity ease-in-out .25s;
	z-index: 105;
	
	display: flex;
	flex-direction: column;
	justify-content: center;
}
ul.tag-projects-list .tag-projects-item:hover .tag-projects-item-body {
	opacity: 1;
}
ul.tag-projects-list .tag-projects-item .tag-projects-item-body a {
	font-weight: 800;
	font-size: 2rem;
}
ul.tag-projects-list .tag-projects-item .tag-projects-item-body a,
ul.tag-projects-list .tag-projects-item .tag-projects-item-body a:visited {
	color: rgba(255,255,255,1);
}
ul.tag-projects-list .tag-projects-item .tag-projects-item-body a:hover,
ul.tag-projects-list .tag-projects-item .tag-projects-item-body a:active,
ul.tag-projects-list .tag-projects-item .tag-projects-item-body a:focus {
	color: rgba(255,255,255,.6);
}


/*
 * Project filter page
 */
.mod-project-filter .mod-jfilters_filters {}
.mod-project-filter .jfilters-filter-container {
	border: 0;
}
.mod-project-filter .mod-jfilters_filters .jfilters-filter-header {
	display: none;
}
.jfilters-item-link--button .jfilters-item__text:hover {
	background: transparent;
	box-shadow: none;
}
.mod-project-filter .mod-jfilters_filters .jfilters-filter-list > li > a > span,
.mod-project-filter .mod-jfilters_filters .jfilters-filter-list > li > a > span span {
	color: inherit !important;
	border: 0 !important;
	background-color: transparent;
}
.mod-project-filter .mod-jfilters_filters .jfilters-filter-list > li > a {
	padding: 5px 20px;
	position: relative;
	font-weight: 800;
}
.mod-project-filter .mod-jfilters_filters .jfilters-filter-list > li > a:hover,
.mod-project-filter .mod-jfilters_filters .jfilters-filter-list > li > a:active {
	color: #fff;
}
.mod-project-filter .mod-jfilters_filters .jfilters-filter-list > li > a:focus {
	color: var(--pri-color);
}
.mod-project-filter .mod-jfilters_filters .jfilters-filter-list > li > a:before,
.mod-project-filter .mod-jfilters_filters .jfilters-filter-list > li > a:after {
	content: '';
	position: absolute;
	transition: all ease-in-out .25s;
}
.mod-project-filter .mod-jfilters_filters .jfilters-filter-list > li > a:before {
	top: 0px;
	right: 0;
	bottom: 0;
	left: 0px;
	clip-path: polygon(100% 0%, calc(100% - 10px) 50%, 100% 100%, 10px 100%, 0% 50%, 10px 0%);
	background-color: var(--sec-color);
	z-index: -2;
}
.mod-project-filter .mod-jfilters_filters .jfilters-filter-list > li > a:after {
	top: 2px;
	right: 3px;
	bottom: 2px;
	left: 2px;
	clip-path: polygon(100% 0%, calc(100% - 10px) 50%, 100% 100%, 10px 100%, 1px 50%, 10px 0%);
	background-color: #fff;
	z-index: -1;
}
.mod-project-filter .mod-jfilters_filters .jfilters-filter-list > li > a:hover:after {
	background-color: var(--pri-color);
}


.projets-filter ul#search-result-list > li {}
.projets-filter ul#search-result-list {
	margin-top: 60px;
	display: grid; 
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; 
	grid-template-rows: auto auto auto auto; 
	gap: 30px 30px; 
	grid-template-areas: 
		"project-1 project-1 project-1 project-2 project-2 project-2"
		"project-3 project-3 project-4 project-4 project-4 project-4"
		"project-5 project-5 project-5 project-5 project-6 project-6"
		"project-7 project-7 project-7 project-8 project-8 project-8";
}
.projets-filter ul#search-result-list > li:nth-child(1) { grid-area: project-1; }
.projets-filter ul#search-result-list > li:nth-child(2) { grid-area: project-2; }
.projets-filter ul#search-result-list > li:nth-child(3) { grid-area: project-3; }
.projets-filter ul#search-result-list > li:nth-child(4) { grid-area: project-4; }
.projets-filter ul#search-result-list > li:nth-child(5) { grid-area: project-5; }
.projets-filter ul#search-result-list > li:nth-child(6) { grid-area: project-6; }
.projets-filter ul#search-result-list > li:nth-child(7) { grid-area: project-7; }
.projets-filter ul#search-result-list > li:nth-child(8) { grid-area: project-8; }

.projets-filter ul#search-result-list > li {
	padding: 0;
	position: relative;
	z-index: 95;
}
.projets-filter ul#search-result-list > li .result-image {
	height: 100%;
}
.projets-filter ul#search-result-list > li .result-image img {
	object-fit: cover;
	object-position: 0% bottom !important;
	width: 100%;
	height: 100%;
}
.projets-filter ul#search-result-list > li .result-body {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 45px;
	background-color: rgba(25,52,85,.90);
	opacity: 0;
	transition: opacity ease-in-out .25s;
	color: #fff;
	z-index: 105;
	
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.projets-filter ul#search-result-list > li:hover .result-body {
	opacity: 1;
}
.projets-filter ul#search-result-list > li .result-body .result-title {
	font-weight: 800;
	font-size: 2rem;
}
.projets-filter ul#search-result-list > li .result-body a,
.projets-filter ul#search-result-list > li .result-body a:visited {
	color: rgba(255,255,255,1);
}
.projets-filter ul#search-result-list > li .result-body a:hover,
.projets-filter ul#search-result-list > li .result-body a:active,
.projets-filter ul#search-result-list > li .result-body a:focus {
	color: rgba(255,255,255,.6);
}

.projets-filter .search-pagination {
	padding: 15px 30px;
	text-align: center;
}

/*
 * Projet details filter
 */
.filter-custom .mod-jfilters_filters .jfilters-filters-container .jfilters-filter-container:first-child {
	padding-top: 0;
}
.filter-custom .mod-jfilters_filters .jfilters-filter-container {
	margin-bottom: 30px;
	border: 0;
}
.filter-custom .mod-jfilters_filters .jfilters-filter-header,
.mod-custom-selection .filter-custom-selection {
	position: relative;
}
.filter-custom .mod-jfilters_filters .jfilters-filter-header:before,
.mod-custom-selection .filter-custom-selection:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 50px;
	width: 22px;
	line-height: 1;
	clip-path: polygon(35% 0, 75% 50%, 35% 100%, 0% 100%, 40% 50%, 0% 0%);
	background-color: var(--sec-color);
	transform: translateY(-6px);
}
.filter-custom .mod-jfilters_filters .jfilters-filter-header button {
	position: relative;
	margin-bottom: 25px;
	padding-left: 25px;
	font-weight: 800;
	font-size: 1.5rem;
}
.filter-custom .mod-jfilters_filters .jfilters-filter-header button:hover,
.filter-custom .mod-jfilters_filters .jfilters-filter-header button:focus {
	background: transparent !important;
}
/* reset buttons */
.filter-custom .jfilters-item-link .jfilters-item__text {
	padding: 0 !important;
	border: 0;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	background-color: transparent;
}
.filter-custom .jfilters-item-link.jfilters-item-link--selected .jfilters-item__text {
	font-weight: 800;
	background-color: transparent;
}

.filter-custom a.jfilters-item-link {
	padding: 3px 20px;
	position: relative;
	font-weight: 800;
}
.filter-custom a.jfilters-item-link * {
	transition: color ease-in-out .25s;
}
.filter-custom a.jfilters-item-link *,
.filter-custom a.jfilters-item-link,
.filter-custom a.jfilters-item-link:visited {
	color: var(--pri-color) !important;
}
.filter-custom a.jfilters-item-link:hover *,
.filter-custom a.jfilters-item-link:hover,
.filter-custom a.jfilters-item-link:active,
.filter-custom a.jfilters-item-link:focus {
	color: #fff !important;
}

/* Selection styles */
.mod-custom-selection .filter-custom-selection {
	margin-bottom: 25px;
	padding-left: 25px;
	font-weight: 800;
	font-size: 1.5rem;
}
.mod-custom-selection a.jfilters-selection {
	padding: 5px 20px;
	position: relative;
	font-weight: 800;
	background-color: transparent;
}
.mod-custom-selection a.jfilters-selection:hover,
.mod-custom-selection a.jfilters-selection:active,
.mod-custom-selection a.jfilters-selection:focus {
	color: #fff !important;
}
/* Arrow borders */
.filter-custom a.jfilters-item-link:before,
.filter-custom a.jfilters-item-link:after,
.mod-custom-selection a.jfilters-selection:before,
.mod-custom-selection a.jfilters-selection:after {
	content: '';
	position: absolute;
	transition: all ease-in-out .25s;
	margin-inline-start: inherit;
	padding-inline-start: inherit;
}
.filter-custom a.jfilters-item-link:before,
.mod-custom-selection a.jfilters-selection:before {
	top: 0px;
	right: 0;
	bottom: 0;
	left: 0px;
	clip-path: polygon(100% 0%, calc(100% - 10px) 50%, 100% 100%, 10px 100%, 0% 50%, 10px 0%);
	background-color: var(--sec-color);
	z-index: -2;
}
.filter-custom a.jfilters-item-link:after,
.mod-custom-selection a.jfilters-selection:after {
	top: 2px;
	right: 3px;
	bottom: 2px;
	left: 2px;
	clip-path: polygon(100% 0%, calc(100% - 10px) 50%, 100% 100%, 10px 100%, 1px 50%, 10px 0%);
	background-color: #fff;
	z-index: -1;
}
.filter-custom a.jfilters-item-link:hover:after,
.mod-custom-selection a.jfilters-selection:hover:after {
	background-color: var(--pri-color);
}