.site-banner {
	--width-content-banner: 422px;
	width: 100%;
	position: relative;
	padding-top: var(--height-header);
	padding-left: var(--padding-container);
	padding-right: var(--padding-container);
	margin-top: -webkit-calc(var(--height-header) * -1);
	margin-top: -moz-calc(var(--height-header) * -1);
	margin-top: calc(var(--height-header) * -1);
}

.site-banner .content-banner {
	position: relative;
	width: var(--width-content-banner);
	max-width: 100%;
	color: var(--black-soft);
	z-index: 1;
}

.header-white .site-banner {
	background-color: var(--white);
}

.header-blue .site-banner {
	background-color: var(--blue-soft);
}

.site-banner .media-banner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
}

.site-banner .media-banner .thumbnail-banner {
	-webkit-transition: var(--duration);
	-o-transition: var(--duration);
	-moz-transition: var(--duration);
	transition: var(--duration);
}

.site-banner:hover .media-banner .thumbnail-banner {
	-webkit-transform: scale(1.04);
	   -moz-transform: scale(1.04);
	    -ms-transform: scale(1.04);
	     -o-transform: scale(1.04);
	        transform: scale(1.04);
}

.content-banner .button-group-banner {
	margin-top: 24px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
}

/* background small */
.site-banner.banner-size-small {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	   -moz-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	text-align: center;
}

/* banner large */
.banner-size-large .site-inner-banner{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-flow: row wrap;
	   -moz-box-orient: horizontal;
	   -moz-box-direction: normal;
	    -ms-flex-flow: row wrap;
	        flex-flow: row wrap;
}

/* background full */
.type-banner-full_background {
	--padding-inner-banner: 88px 80px;
}

.type-banner-full_background .media-banner img {
	height: 100%;
}

.type-banner-full_background .site-inner-banner {
	position: relative;
}

.type-banner-full_background .site-inner-banner:before {
	display: inline-block;
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 45%;
    height: 100%;
    z-index: 1;
    background: -webkit-gradient(linear, right top, left top, from(rgba(43, 86, 102, 0)), color-stop(63%, rgba(43, 86, 102, 1)));
    background: -webkit-linear-gradient(right, rgba(43, 86, 102, 0) 0%, rgba(43, 86, 102, 1) 63%);
    background: -moz-linear-gradient(right, rgba(43, 86, 102, 0) 0%, rgba(43, 86, 102, 1) 63%);
    background: -o-linear-gradient(right, rgba(43, 86, 102, 0) 0%, rgba(43, 86, 102, 1) 63%);
    background: linear-gradient(-90deg, rgba(43, 86, 102, 0) 0%, rgba(43, 86, 102, 1) 63%);
}

.type-banner-full_background .content-banner {
	position: relative;
	z-index: 2;
}

.type-banner-full_background h1,
.type-banner-full_background h2,
.type-banner-full_background h3 {
	color: var(--yellow);
}

.type-banner-full_background .content-banner {
	color: var(--white);
	line-height: 1.69;
	letter-spacing: var(--letterspacing-xs);
	font-weight: 500;
	font-size: var(--text-md);
}

.type-banner-full_background .media-banner {
	display: inline-block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	pointer-events: none;
}

.type-banner-full_background .site-inner-banner {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	   -moz-box-orient: vertical;
	   -moz-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	   -moz-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	background-color: var(--nude-soft);
	overflow: hidden;
	-webkit-border-radius: var(--rounded-lg);
	   -moz-border-radius: var(--rounded-lg);
	        border-radius: var(--rounded-lg);
	min-height: var(--height-banner);
	padding: var(--padding-inner-banner);
	position: relative;
}

.type-banner-full_background .content-banner .button-group-banner {
	margin-top: 52px;
}

.button-group-banner-inner {
	position: relative;
	margin: -8px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-flow: row wrap;
	   -moz-box-orient: horizontal;
	   -moz-box-direction: normal;
	    -ms-flex-flow: row wrap;
	        flex-flow: row wrap;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.button-group-banner-inner > div {
	padding: 8px;
}

.wrapper-star {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.wrapper-star ul {
	gap: 3px;
	padding-left: 12px;
}

.btn-review-banner  .cta-whbutton {
	padding: 6.5px 32px;
	-webkit-border-radius: var(--rounded-full);
	   -moz-border-radius: var(--rounded-full);
	        border-radius: var(--rounded-full);
}

.glass {
	background: -webkit-linear-gradient(
		315deg,
		rgba(255,255,255,0.25),
		rgba(255,255,255,0.05)
	);
	background: -moz-linear-gradient(
		315deg,
		rgba(255,255,255,0.25),
		rgba(255,255,255,0.05)
	);
	background: -o-linear-gradient(
		315deg,
		rgba(255,255,255,0.25),
		rgba(255,255,255,0.05)
	);
	background: linear-gradient(
		135deg,
		rgba(255,255,255,0.25),
		rgba(255,255,255,0.05)
	);
	backdrop-filter: blur(24px);
	-webkit-backdrop-filter: blur(24px);
	border: 1px solid rgba(255,255,255,0.35);
	-webkit-box-shadow:
		inset 0 1px 1px rgba(255,255,255,0.4),
		0 10px 30px rgba(0,0,0,0.25);
	   -moz-box-shadow:
		inset 0 1px 1px rgba(255,255,255,0.4),
		0 10px 30px rgba(0,0,0,0.25);
	        box-shadow:
		inset 0 1px 1px rgba(255,255,255,0.4),
		0 10px 30px rgba(0,0,0,0.25);
}

.btn-review-banner .label-cta > span {
	opacity: 0.7;
	font-size: 13px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	letter-spacing: var(--letterspacing-xs);
}

.wrapper-star .icons.icon-star {
	min-width: 13.92px;
	min-height: 13.28px;
	width: 13.92px;
	height: 13.28px;
	font-size: 0;
	background-image: url(../../assets/images/icon-star-yellow.svg);
}

.type-banner-content_media .media-banner {
  overflow: hidden;
}

.type-banner-content_media .media-banner img,
.type-banner-content_media .media-banner>.plyr {
  width: 100%;
  -webkit-transform: scale(0.3);
     -moz-transform: scale(0.3);
      -ms-transform: scale(0.3);
       -o-transform: scale(0.3);
          transform: scale(0.3);
  opacity: 0;
  -webkit-transition: opacity 1.5s ease-out, -webkit-transform 1.5s ease-out;
  transition: opacity 1.5s ease-out, -webkit-transform 1.5s ease-out;
  -o-transition: opacity 1.5s ease-out, -o-transform 1.5s ease-out;
  -moz-transition: transform 1.5s ease-out, opacity 1.5s ease-out, -moz-transform 1.5s ease-out;
  transition: transform 1.5s ease-out, opacity 1.5s ease-out;
  transition: transform 1.5s ease-out, opacity 1.5s ease-out, -webkit-transform 1.5s ease-out, -moz-transform 1.5s ease-out, -o-transform 1.5s ease-out;
}

.type-banner-content_media .media-banner img {
  height: auto;
}

.type-banner-content_media .media-banner.show img,
.type-banner-content_media .media-banner.show> .plyr {
  -webkit-transform: scale(1);
     -moz-transform: scale(1);
      -ms-transform: scale(1);
       -o-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}
/* banner content media */
.type-banner-content_media .site-inner-banner {
	padding-top: 40px;
}

.type-banner-content_media .content-banner h1 strong,
.type-banner-content_media .content-banner h2 strong {
	font-weight: 600;
}

.type-banner-content_media .media-banner {
	min-height: 450px;
	max-height: 450px;
	height: 450px;
	overflow: hidden; 
	-webkit-border-radius: var(--rounded-lg); 
	   -moz-border-radius: var(--rounded-lg); 
	        border-radius: var(--rounded-lg);	
}

.site-banner.type-banner-content_media .site-inner-banner.media-video .media-banner> .plyr  {
	min-height: 450px;
	max-height: 450px;
	height: 450px;
}

.type-banner-content_media .content-banner {
	line-height: var(--lineheight-m);
}

.type-banner-content_media .media-banner {
	--gap-banner-content-media: 0px;
	--width-media-banner: 100%;
	width: -webkit-calc(var(--width-media-banner) - var(--gap-banner-content-media));
	width: -moz-calc(var(--width-media-banner) - var(--gap-banner-content-media));
	width: calc(var(--width-media-banner) - var(--gap-banner-content-media));
}

.banner-size-small .content-banner {
	padding-top: 56px;
}

.banner-size-small .content-banner h1,
.banner-size-small .content-banner h2 {
	margin-bottom: 0;
}

.banner-size-small .content-banner h1 + p,
.banner-size-small .content-banner h2 + p {
	margin-top: 24px;
}

.banner-single-post .site-inner-banner,
.banner-single-team .site-inner-banner,
.banner-single-vacature .site-inner-banner {
	z-index: 2;
	position: relative;
}

.banner-single-post h1 {
	margin-bottom: 24px;
}

.team-banner-container .team-profile-wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-orient:  horizontal;
	-webkit-box-direction:  normal;
	-webkit-flex-flow:  row nowrap;
	   -moz-box-orient:  horizontal;
	   -moz-box-direction:  normal;
	    -ms-flex-flow:  row nowrap;
	        flex-flow:  row nowrap;
}

.team-banner-container .team-photo {
	background-color: #e1e2e3;
	-webkit-border-radius: var(--rounded-full);
	   -moz-border-radius: var(--rounded-full);
	        border-radius: var(--rounded-full);
	overflow: hidden;
	width: 56px;
	min-width: 56px;
	height: 56px;
	min-height: 56px;
}

.team-banner-container .team-photo img {
	height: 100%;
	-webkit-transition: var(--duration);
	-o-transition: var(--duration);
	-moz-transition: var(--duration);
	transition: var(--duration);
}

.team-banner-container:hover .team-photo img {
	-webkit-transform: scale(1.04);
	   -moz-transform: scale(1.04);
	    -ms-transform: scale(1.04);
	     -o-transform: scale(1.04);
	        transform: scale(1.04);
}

.team-banner-container .team-details {
	padding-left: 16px;
}

.team-banner-container .team-name {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	   -moz-box-orient: vertical;
	   -moz-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	   -moz-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}

.team-banner-container .team-name strong {
	font-size: var(--text-md);
	font-family: var(--fontfamily-bricolage);
}

.btn-link-banner {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-flow: row nowrap;
	   -moz-box-orient: horizontal;
	   -moz-box-direction: normal;
	    -ms-flex-flow: row nowrap;
	        flex-flow: row nowrap;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-bottom: 32px;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	color: var(--black-dark);
	font-family: 'Arimo', sans-serif;
}

.btn-link-banner:before {
	content: '';
	min-width: 16px;
	min-height: 16px;
	width: 16px;
	height: 16px;
	-webkit-transition: var(--duration);
	-o-transition: var(--duration);
	-moz-transition: var(--duration);
	transition: var(--duration);
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M10 3L5 8L10 13' stroke='%230C0801' stroke-width='1.5'/%3E%3C/svg%3E") center/contain no-repeat;
	margin-right: 8px;
}

.btn-link-banner:hover:before {
	-webkit-transform: translateX(-3px);
	   -moz-transform: translateX(-3px);
	    -ms-transform: translateX(-3px);
	     -o-transform: translateX(-3px);
	        transform: translateX(-3px);
}

.type-banner-content_media .subtitle-banner {
	display: inline-block;
	margin-bottom: 32px;
	color: var(--black);
	font-weight: 400;
	font-size: var(--text-sm);
	line-height: var(--lineheight-4xs);
}

.brn-calculator {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	   -moz-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	min-width: 44px;
	min-height: 44px;
	width: 44px;
	height: 44px;
	-webkit-border-radius: var(--rounded-full);
	   -moz-border-radius: var(--rounded-full);
	        border-radius: var(--rounded-full);
	overflow: hidden;
	background-color: #F3F3F2;
	padding: 10px;
	margin-left: 8px;
	-webkit-transition: var(--duration);
	-o-transition: var(--duration);
	-moz-transition: var(--duration);
	transition: var(--duration);
}

.brn-calculator:hover {
	background-color: var(--yellow);
}

.brn-calculator svg {
	width: 24px;
	height: 24px;
}

.site-inner-banner.type-btn-banner-contact .button-group-banner-inner {
	width: 100%;
}

.site-inner-banner.type-btn-banner-contact  .button-group-banner-inner {
	margin: 0;
}

.site-inner-banner.type-btn-banner-contact .button-group-banner-inner > div {
	padding: 0;
}

.site-inner-banner.type-btn-banner-contact .button-group-banner {
	margin-top: 48px;
}

.button-contact-banner {
	margin-top: 16px;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
    gap: 14px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
}

/* banner team */
.banner-single-team .thumbnail-banner {
	-o-object-position: top center;
	   object-position: top center;
}

.banner-single-team .media-banner {
	background-color: #FAF2EA;
}

.banner-single-team .media-banner .thumbnail-banner-mobile-team {
	-o-object-fit: contain;
	   object-fit: contain;
	-o-object-position: bottom center;
	   object-position: bottom center;
	height: 100%;
}

.btn-linkedin-single {
	margin-top: 32px;
}

.btn-linkedin-single .icon-cta {
	-webkit-filter: invert(1) brightness(100);
	        filter: invert(1) brightness(100);
	width: 18px;
	height: 18px;
	min-width: 18px;
	min-height: 18px;
}

@media all and (min-width: 601px) {
	.type-banner-full_background .content-banner .button-group-banner {
		max-width: 380px;
	}

	.thumbnail-banner-mobile {
		display: none;
	}
}


@media all and (min-width: 901px) {
	.site-banner {
		padding-bottom: 42px;
	}

	.site-banner.type-banner-full_background {
		padding-bottom: 20px;
	}

	.site-banner.banner-size-small {
		min-height: -webkit-calc(var(--height-header) + 170px);
		min-height: -moz-calc(var(--height-header) + 170px);
		min-height: calc(var(--height-header) + 170px);
	}

	.site-banner.banner-size-small {
		padding-bottom: 56px;
	}

	.site-banner.banner-size-large {
		--height-banner: 553px;
		min-height: -webkit-calc(var(--height-header) + var(--height-banner));
		min-height: -moz-calc(var(--height-header) + var(--height-banner));
		min-height: calc(var(--height-header) + var(--height-banner));
	}

	.type-banner-content_media .site-inner-banner {
		-webkit-box-align: center;
		-webkit-align-items: center;
		   -moz-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		   -moz-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}

	.type-banner-content_media .content-banner {
		--width-content-banner: 33.33333%;
		max-width: 422px;
	}

	.type-banner-content_media .media-banner {
		--gap-banner-content-media: 32px;
		--width-media-banner: 66.666666%;
	}

	.type-banner-content_media .content-banner h1 strong,
	.type-banner-content_media .content-banner h2 strong {
		display: block;
		margin-top: 20px;
		font-size: var(--text-xl);
		line-height: var(--lineheight);
		letter-spacing: var(--letterspacing-xs);
	}
}

@media all and (min-width: 1025px) {
	.type-banner-content_media .media-banner {
		--gap-banner-content-media: 64px;
	}
}

@media all and (min-width: 1400px) {
	.banner-size-large .button-group-banner-inner .banner-secondary  {
		margin-left: 15px;
	}
}

@media all and (max-width: 900px) {
	.type-banner-content_media .content-banner {
		--width-content-banner: 100%;
		margin-bottom: 48px;
	}

	.site-banner .content-banner br {
		display:none;
	}

	.type-banner-content_media .subtitle-banner {
		text-align: center;
	}

	.button-contact-banner,
	.button-contact-banner .cta-whbutton  {
		width: 100%;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		   -moz-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}

	.banner-single-post:after,
	.banner-single-team:after,
	.banner-single-vacature:after {
		content: '';
		display: inline-block;
		width: 100%;
		height: 120px;
		position: absolute;
		bottom: 0;
		left: 0;
		background-color: var(--white);
	}

	.site-inner-banner.type-btn-banner-calculator .button-group-banner-inner {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		   -moz-box-orient: horizontal;
		   -moz-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
    	-webkit-flex-wrap: nowrap;
    	    -ms-flex-wrap: nowrap;
    	        flex-wrap: nowrap;
	}

	.site-banner.banner-single-post .team-job-title {
        font-size: var(--text-sm);
    }

	.banner-single-team .media-banner  {
		min-height: 320px;
    	max-height: 340px;
	}
}

@media all and (min-width: 601px) and (max-width: 900px) {
	.type-banner-full_background {
		--padding-inner-banner: 88px 40px;
	}

	.button-contact-banner .whbutton-wrapper {
		width: -webkit-calc(50% - 7px);
		width: -moz-calc(50% - 7px);
		width: calc(50% - 7px);
	}
}

@media all and (max-width: 600px) {
	.type-banner-full_background {
		--padding-inner-banner: 88px 24px;
	}

	.type-banner-full_background .site-inner-banner {
		text-align: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		   -moz-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}

	.button-group-banner-inner {
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		   -moz-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}

	.thumbnail-banner-mobile + .thumbnail-banner {
		display: none;
	}

	.button-group-banner-inner > div,
	.button-group-banner-inner > div > a {
		width: 100%;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		   -moz-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}

	.type-banner-content_media .content-banner {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		   -moz-box-orient: vertical;
		   -moz-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: center;
		-webkit-align-items: center;
		   -moz-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		text-align: center;
	}

	.site-inner-banner.type-btn-banner-contact .button-group-banner,
	.button-contact-banner .whbutton-wrapper {
		width: 100%;
	}
}