/*
Theme Name: FTE
Author: The Goodplace
Author URI: https://thegoodplace.nl
Description: Dit thema is gemaakt door The Goodplace
Version: 0.1
License: GNU General Public License
License URI: license.txt
Text Domain: tgp
Domain Path: /languages/
Tags:
The Goodplace theme is based on Underscores http://underscores.me/, (C) 2012-2013 Automattic, Inc. and Twitter Bootstrap 4 
Standaard css
*/

html {
      scroll-padding-top:
     150px; 
	 overflow-x: hidden;
    }

.category-filter {
    margin-bottom: 20px;
}

.filter-item {
    display: inline-block;
    padding: 5px 15px;
    margin-right: 10px;
    background-color: #f0f0f0;
    color: #333;
    text-decoration: none;
    border-radius: 5px;
}

.filter-item:hover, .filter-item.active {
    background-color: var(--theme-orange);
    color: #fff;
}

@media screen and (max-width: 768px) {
    .custom-show-filter .dropdown-icon {
        top: 21px !important;
    }

	.dropdown-icon {
		        top: 21px !important;

	}
}

/* Fonts */

#stickysidebar {
	will-change: min-height;
}

._form,
._form_21 {
	margin: 25px 0 0 !important;
	padding: 0 !important;
}

.sidebar__inner {
	transform: translate(0, 0);
	/* For browsers don't support translate3d. */
	transform: translate3d(0, 0, 0);
	will-change: position, transform;
}

:root {
	--theme-orange: #FF9E1B;
	--theme-black: #2D2926;
	--theme-blue: #003865;
}

body {
	font-family: AvenirLT-Light;
	font-size: 16px;
	font-weight: 300;
	line-height: 28px;
	color: #333333;
	background-color: #fff !important;
	overflow-x: hidden;
}

.AvenirLT-Medium {
	font-family: AvenirLT-Medium;
	font-weight: normal;
	font-style: normal;
}

.AvenirLT-Roman {
	font-family: AvenirLT-Roman;
	font-weight: normal;
	font-style: normal;
}

.AvenirLT-Black {
	font-family: AvenirLT-Black;
	font-weight: normal;
	font-style: normal;
}

.AvenirLT-Book {
	font-family: AvenirLT-Book;
	font-weight: normal;
	font-style: normal;
}

.AvenirLT-Light {
	font-family: AvenirLT-Light;
	font-weight: normal;
	font-style: normal;
}

.AvenirLT-Heavy {
	font-family: AvenirLT-Heavy;
	font-weight: normal;
	font-style: normal;
}

.tagname {
	color: var(--theme-orange);
	font-size: 14px;
	font-family: AvenirLT-Light;
	font-weight: normal;
	font-style: normal;
}

strong {
	font-family: AvenirLT-Black;
}

a {
	color: var(--theme-orange);
}

a:hover {
	text-decoration: none;
	color: #000;
}

a:not([href]):not([tabindex]) {
	color: var(--theme-orange);
}

p {
	color: #333333;
	font-family: AvenirLT-Light;
	font-size: 16px;
	font-weight: 300;
	line-height: 29px;
}


h1 {
	.color: #fff;
	font-size: 65px;
	line-height: 60px;
	font-family: AvenirLT-Light;
	font-style: normal;
}

h2 {
	font-size: 40px;
	line-height: 50px;
	font-family: AvenirLT-Light;
	font-style: normal;
	margin-bottom: 25px;
}

h3 {}

h4 {}

h5 {}

.no-click {
	pointer-events: none;
}

.no-click .sub-menu {
	pointer-events: all;
}

.shadowborder {
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
}

.no-bullet ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.no-bullet ul li {
	position: relative;
	margin: 10px 0px;
	padding-left: 35px;
}

.no-bullet ul li,
.no-bullet ul li a {
	font-size: 20px;
	line-height: 30px;
	color: #333333;
	font-family: AvenirLT-Medium;
	font-weight: normal;
	font-style: normal;
}

.no-bullet ul li .arrow-animation {
	position: absolute;
	left: 0;
	top: 7px;
}

.no-bullet ul li {
	background-image: url('images/arrow.svg');
	background-size: 20px;
	background-position: left center;
	background-repeat: no-repeat;

}

.arrow-animation {
	width: auto;
	display: inline-block;
	position: relative;
	.float: left;
	margin-right: 10px;
}

.arrowstick {
	width: 15px;
	background-color: var(--theme-orange);
	height: 3px;
	position: relative;
	float: left;
	border-radius: 100px;
	overflow: hidden;
	top: 4px;
	transition: all .2s ease-in-out 0s;
	-webkit-transition: all .2s ease-in-out 0s;
	-moz-transition: all .2s ease-in-out 0s;
}

a:hover .arrowstick {
	width: 20px;
}

.arrowhead {
	float: left;
	position: relative;
	margin-left: -4px;
}

.main-content {
    padding-top: 100px; /* Added to ensure content clears fixed header and sidebar container */
}

@media (max-width: 576px) {

.vacature_single .main-content {
    padding-top: 0px; /* Added to ensure content clears fixed header and sidebar container */
}
}

/* .content {
	top     : 0;
	position: relative;
	display : inline-block;
	width   : 100%;
} */

/*----------------------- Main HEADER ------------------------------ */
.main-header {
	height: 85px;
	width: 100%;
	padding: 20px;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	background-color: #fff;

	/* 	box-shadow: 0 0 10px rgba(0,0,0,.15); */
}

.home .main-header {
	background-color: transparent;
}

.home.hatsetats .main-header {
	background-color: #fff;
}

.main-header.whiteheader,
.main-header.fixed {
	.background: #fff;
}

.whiteheader .menu-icon,
.fixed .menu-icon {
	border-color: #000;
	color: #000;
}

.custom-logo-link {
	width: 300px;
	height: 55px;
	background-image: url('images/logo.svg');
	background-size: contain;
	background-repeat: no-repeat;
	position: relative;
	float: left;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.circles {
	list-style: none;
	display: inline-block;
	margin: 0 0 0;
}

.circles li {
	display: inline-block;
	margin-left: 10px;
}

.circle {
	border-radius: 100px;
	width: 42px;
	height: 42px;
}

.circle.white {
	/* background-color: #fff; */
	/* color: var(--theme-black); */
		color: var(--theme-orange);
		background-color: var(--theme-blue-dark);
	position: absolute;
	top: 30px;
	right: 20px;
	cursor: pointer;
}

.logo-wrapper-mobile {
		position: absolute;
	top: 30px;
	left: 40px;
	cursor: pointer;
}

.circle.white i {
	line-height: 42px;
}

.careers-circle {
	background-color: var(--theme-orange);
	background-image: url('images/portfolio.svg');
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: center;
	opacity: 1;
}

.vacatures-circle {
	background-color: var(--theme-orange);
	background-image: url('images/badge.svg');
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: center;
	opacity: 1;
}

.search-circle {
	background-color: #F2F2F2;
	background-image: url('images/search.svg');
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: center;
}

.tel-circle {
	background-image: url('images/phone.svg');
	background-size: 16px;
	background-repeat: no-repeat;
	background-position: center;
}

.tel-circle {
	color: var(--theme-orange);
}

.menu-circle {
	background-color: var(--theme-black);
}

.topheader-collapse .careers-circle {
	opacity: 0;
}

.topheader-collapse .menu-circle {
	background-color: #F2F2F2
}

.topheader-collapse .hamburger-inner,
.topheader-collapse .hamburger-inner::before,
.topheader-collapse .hamburger-inner::after {
	background-color: var(--theme-black);
}

.topheader-collapse .hamburger {
	top: 14px;
}

/* Mobile menu */
.pull-right {
	float: right;
}

body:after {
	position: fixed;
	top: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 100%;
	z-index: 100;
	background-color: rgba(0, 0, 0, 0);
	pointer-events: none;
	transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3 ease-in-out 0ss;
	opacity: 0;
}

body.is-active:after {
	background-color: rgba(0, 0, 0, 0.6);

	opacity: 1;
}

.wrap-all {
	/*
    min-height: 100vh;
    z-index: 2;
*/
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	position: relative;
	left: 0%;
	/*
    overflow       : hidden;
    width          : 100%;
    box-shadow     : 10px 0px 33px rgba(0,0,0,.0);
*/
}

.wrap-all-collapse {
	.left: -300px;
	box-shadow: 10px 0px 33px rgba(0, 0, 0, .25);
}

.topheader-collapse {
	.left: -300px !important;
}

.pull-menu-right {

	right: 0px;
	z-index: 102;
	top: 20px;
}

.header-mobile-items {
	position: fixed;
	right: -300px;
	width: 300px;
	top: 0;
	bottom: 0;
	text-align: center;
	padding-top: 0px;
	opacity: 0;
	z-index: 101;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	/* background-color  : var(--theme-black); */
	background-color: var(--theme-blue-dark);
	padding: 120px 0px 30px 80px;
}

.search-input {
    background-color: white !important;
 
}

@media (max-width: 780px) {
.formblock p, .formblock h3 {
    font-family: AvenirLT-Light;
    font-size: 25px !important;
    line-height: 30px !important;
}

.mobile-header-buttons  {
display: flex;
margin: 0 auto;
}
}

.search-input:focus, .search-input:active {
    background-color: white !important;
    color: black !important;
    border-color: #ccc !important;
    box-shadow: none !important; 
}

.header-mobile-items ul {
	padding: 0;
	margin: 5px 0 0 0;
	list-style: none;
}

.header-mobile-items ul li {
	list-style: none;
	margin-bottom: 20px;
}

.header-mobile-items ul li li {
	margin-bottom: 0;
}

.header-mobile-items a {
	color: #fff;
	text-align: left;
	display: block;
	font-family: AvenirLT-Black;
	padding: 0.2;
	line-height: 26px;
	transition: all 0.3s;   
	        font-size: 1.4rem;
        font-family: AvenirLT-Book;
     

}

.header-mobile-items a:hover {
	text-decoration: none;
	color: var(--theme-orange);
}

.header-mobile-items .sub-menu a {
	text-transform: unset;
	font-family: AvenirLT-Light;
	font-size: 1rem;
	padding: 0.3rem 0;
	margin-left: 1rem;
}

.header-mobile-items-col {
	right: 0 !important;
	opacity: 1 !important;
	width: 420px;
	overflow-y: auto;
}

.header-mobile-items .logo {
	width: 120px;
	margin-bottom: 30px;
}

.header-mobile-items .button-pill {
	font-size: 12px;
	padding: 12px 20px 8px;
	border: 2px solid var(--theme-orange) !important;
	float: left;
}

.team-info a.button.black {
	color: white;
	background-color: var(--theme-orange);
border: 2px solid var(--theme-orange);
			border: none;
	display: flex;
	padding: 0.5rem 1.7rem 0.5rem 1.7rem;
	justify-content: center;
	align-items: center;
	gap: 0.5rem;
	font-style: normal;
	font-weight: 600;
	font-size: 0.92969rem !important;
	line-height: 1.7rem !important;
	text-transform: none;
	letter-spacing: normal;
	cursor: pointer;
	transition: all 0.3s ease-in-out !important;
	border-radius: 4px;
	 box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px !important;
width: fit-content;
}

.team-info a.button.black i {
	color: white;
	padding: 6px 4px;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
}


.team-info a.button.black:hover {
	color: white;
	background-color: var(--theme-orange-dark) !important;
	transform: scale(1.03);
	box-shadow: 0 4px 10px var(--theme-hover-shadow) !important;
}

a.button-pill,
.button-pill a,
.button-pill {
	padding: 14px 30px 10px;
	line-height: 15px;
	font-family: AvenirLT-Light;
	font-size: 15px;
	border-radius: 100px;
	display: inline-block;
	margin: 0 15px 0 0;
	.float: left;
	text-transform: uppercase;
	letter-spacing: 2px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	margin-bottom: 15px;
}

a.button-pill.orange,
.button-pill.orange a,
.button-pill.orange {
	border: 2px solid var(--theme-orange);
}

a.button-pill.white,
.button-pill.white a {
	border: 2px solid #fff;
}

a.button-pill.orange.white,
.button-pill.orange.white a,
a.button-pill.white.white,
.button-pill.white.white a,
.button-pill.orange.white {
	color: #fff;
}

a.button-pill.orange.black,
.button-pill.orange.black a {
	color: #333333;
}

a.button-pill.orange.black:hover,
.button-pill.orange.black a:hover {
	background-color: var(--theme-orange);
	color: #fff;
	cursor: pointer;
}

a.button-pill.white:hover,
.button-pill.white a:hover {
	border: 2px solid var(--theme-orange) !important;
	cursor: pointer;
}


a.button-pill.orange:hover,
.button-pill.orange a:hover,
.button-pill.orange:hover {
	border: 2px solid #fff;
	cursor: pointer;
}

.full-orange {
	background-color: var(--theme-orange);
	color: #fff;
}

.full-orange:hover {
	background-color: #fff;
	color: var(--theme-orange);
}

.wrap-socialmedia_contact-m {
	width: 100%;
	position: absolute;
	bottom: 10px;
}

.wrap-socialmedia_contact-m a {
	color: #FFF0C3;
	-webkit-transition: opacity .2s;
	transition: opacity .2s;
}

.wrap-socialmedia_contact-m a:hover {
	text-decoration: none;
	opacity: .5
}

.wrap-socialmedia_contact-m .fa {
	padding: 10px;
	margin-top: -15px;
	margin-left: 3px;
	margin-right: 3px;
	cursor: pointer;
	font-size: 16px;
	color: #704E24;
}

.wrap-socialmedia_contact-m .devider {
	width: 1px;
	height: 20px;
	margin-left: 5px;
	margin-right: 5px;
	position: relative;
	background-color: #673A35;
	display: inline-block;
	top: 5px;
}

.hamburger {
	cursor: pointer;
	transition-property: opacity, filter;
	transition-duration: 0.15s;
	transition-timing-function: linear;
	font: inherit;
	color: inherit;
	text-transform: none;
	background-color: transparent;
	border: 0;
	margin: 0 auto;
	overflow: visible;
	position: relative;
	width: 18px;
	height: 18px;
	top: 12px;
}

.hamburger:hover {}

.hamburger-inner {
	display: block;
	top: 50%;
	margin-top: -2px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
	width: 18px;
	height: 3px;
	background-color: #fff;
	border-radius: 4px;
	position: absolute;
	transition-property: transform;
	transition-duration: 0.15s;
	transition-timing-function: ease;
}

.hamburger-inner::before,
.hamburger-inner::after {
	content: "";
	display: block;
}

.hamburger-inner::before {
	top: -10px;
}

.hamburger-inner::after {
	bottom: -10px;
}

.hamburger--slider .hamburger-inner {
	top: 4px;
}

.hamburger--slider .hamburger-inner::before {
	top: 6px;
	transition-property: transform, opacity;
	transition-timing-function: ease;
	transition-duration: 0.15s;
}

.hamburger--slider .hamburger-inner::after {
	top: 12px;
}

.hamburger--slider.is-active .hamburger-inner {
	transform: translate3d(0, 4px, 0) rotate(45deg);
}

.hamburger--slider.is-active .hamburger-inner::before {
	transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
	opacity: 0;
}

.hamburger--slider.is-active .hamburger-inner::after {
	transform: translate3d(0, -12px, 0) rotate(-90deg);
}



.homebanner h1 {
	font-family: AvenirLT-Black;
	font-weight: normal;
	font-style: normal;
	margin-bottom: 40px;
	color: #fff;

}

.homebanner h1 strong {
	font-family: AvenirLT-Black;
}

.homebanner p {
	font-family: AvenirLT-Light;
	color: #fff;
	font-size: 20px;
	margin-bottom: 40px;
}

.homebanner a {
	color: #fff !important;
}

.cross-close {
	position: absolute;
	background-image: url('images/close.svg');
	background-position: center;
	background-size: 0;
	background-repeat: no-repeat;
	width: 42px;
	height: 42px;
	right: 42px;
	z-index: 99;
	top: 0;
	transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-webkit-transition: all .3s ease-in-out 0s;
}

.show-search .cross-close {
	background-size: 18px;
}

.search-form {
	position: relative;
}

.form-control {
	background-color: transparent;
}

.search-submit {
	right: 0;
	position: absolute;
	background-color: #f2f2f2;
	border-radius: 100px;
	background-image: url('images/search.svg');
	background-position: center;
	background-size: 20px;
	background-repeat: no-repeat;
	width: 42px;
	height: 42px;
	right: 0;
	z-index: 99;
	top: 0;
	border: none;
	padding: 0;
}

.search-box {
	position: absolute;
	margin: 0 auto;
	z-index: 9;
	padding: 0;
	top: 0;
	overflow: hidden;
	top: 0;
	right: 70px;
	pointer-events: none;
	width: 42px;
	height: 42px;
	.opacity: 0;
	border-radius: 100px;

	transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-webkit-transition: all .3s ease-in-out 0s;

}

.search-box.show-search {
	display: block;
	top: 0;
	right: 70px;
	width: 300px;
	opacity: 1;
	pointer-events: all;
}

.search-field {
	background-color: #f2f2f2 !important;
	width: 300px !important;
	border: none;
	height: 42px;
	border-radius: 100px;
	padding: 15px !important;
}

.show-search .search-field {
	width: 300px !important;

}

.search-field:focus {
	border: none;
	outline: none;
	box-shadow: none;
}



/* Overlap streamer 
# 
*/
.streamer-grid {
	margin-top: 100px;
}

@media (max-width: 576px) {
	.contentSection .streamer-grid {
		margin-top: 40px !important;
	}
}

.overflow {
	overflow: hidden;
}

.overlap-streamer .button-pill {
	float: left;
}

.overlap-streamer {
	height: 100%;
	padding: 150px 0;
	z-index: 2;
	position: relative;
}

.overlap-image {
	height: 100%;
	width: 75%;
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
	background-image: url('images/placeholder.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	border-radius: 5px;

}

.three-grid {
	.margin: 200px 0;
}

.mb-150 {
	margin-bottom: 100px !important;
}



#fullpage>section.three-grid.mb-150.news.aos-init.aos-animate>div>div>div:nth-child(5)>a>div {
	margin-bottom: 30px !important;
}

.mt-150 {
	margin-top: 100px;
}

.three-grid h3 {
	font-family: AvenirLT-Light;
	font-size: 35px;
}

.three-grid .orange-line,
.orange-line {
	background-color: var(--theme-orange);
	height: 2px;
	width: 100px;
	margin: 40px 0;
}

.nieuws-card {
	border-radius: 5px;
	overflow: hidden;
	margin-bottom: 30px;
}

.shadowborder {
	transition: all .3s ease-in-out 0s;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
}

.shadowborder:hover {
	box-shadow: 0 0 2px 0 rgba(0, 6, 34, 0.1);
}

.nieuws-image {
	height: 250px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.image-card-left {
	height: 100%;
}
 .image-card-left .nieuws-image {
  height: 100%;
  width: 100%;
  aspect-ratio: 1/1;

  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
}




/* .nieuws-content {
	padding: 30px 30px;
} */
.nieuws-card h3 {
	font-family: AvenirLT-Light;
	/* font-size: 25px; */
	color: var(--theme-black);
}

.nieuws-card p {}

.color-card {
	background-color: var(--theme-black);
	color: #fff;
}

.color-card p,
.color-card h3 {
	color: #fff;
}



/* .image-card-left {
	margin-bottom: 15px !important;
	margin-top: 15px;
} */

.image-card-left .nieuws-content {
	padding-left: 0;
}

.nieuws-label,
.datum-label {
	background-color: #D6E2DF;
	color: #333333;
	font-family: AvenirLT-Light;
	font-size: 12px;
	display: inline-block;
	padding: 4px 20px 2px;
	margin-bottom: 10px;
	border-radius: 100px;
	letter-spacing: 2px;
}

.nieuws-label {
	text-transform: uppercase;
}

.datum-label {
	text-transform: none;
}

.client-logos {
	overflow: hidden;
}

.client-logo {
	box-sizing: border-box;
	list-style: none;
	padding: 15px;
	float: left;
	width: 20%;
	height: 150px;
}

.client-logo a {

	height: 100%;
	width: 100%;
	position: relative;
	display: inline-block;
}

.footer-formulier {
	background-color: #F3F7FA;
}


@media screen and (max-width: 767px) {
    .footer-bottom ul {
        text-align: center !important;
        float: center;
    }
}

.footer-contact {
	background-color: var(--theme-blue);
	padding: 100px 0;
}

.footer-contact h3 {
	color: #fff;
	font-family: AvenirLT-Light;
	/* font-size    : 35px; */
	margin-bottom: 35px;
}

.footer-contact a {
	float: none;
}

.home-banner {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	height: 100%;
	width: 100%;
	position: absolute !important;
	border-radius: 5px;
	overflow: hidden;
}

.container-breed {
	max-width: 1660px;
	position: relative;
}

.dienstenblock {
	padding: 25px;
	border-radius: 5px;
	margin-bottom: 30px;
}


/* .full-streamer:after {
	position: absolute;
	right: 0;
	top: 0;
	background-color: rgba(0,0,0,0.1);
	content: "";
	width: 100%;
	height: 100%;
} */


.full-streamer {
	padding: 80px 0;
	margin: 0;
} 

 .full-streamer.no-padding-top {
	padding-top: 0;
}


.vacature_single .full-streamer.odd  {
	background-color: #F3F7FA;
	padding: 40px;
border-radius: 4px;

}



.vacature_single .full-streamer.even  {
	background-color: #fff;
		padding: 40px;
}

@media (max-width: 576px) {
	.vacature_single .full-streamer.odd  {
	background-color: #F3F7FA;
	padding: 40px 30px 40px 60px;
border-radius: 4px;

}



.vacature_single .full-streamer.even  {
	background-color: #fff;
	padding: 40px 30px 40px 60px;
}
  }

.full-streamer.even {
	background-color: #F3F7FA;
}

/* .full-streamer.even {
	background-color: #F3F7FA;
} */

.sidebar-absolute {
	z-index: 99;
}

.sidebar-absolute .sidebar__inner {
	.position: absolute;
	z-index: 99;
	overflow: hidden;
	padding: 5px 20px 0 20px;
	background-color: #fff;

}

.sidebar-absolute .sidebar-item,
.sidebar-absolute li {
	list-style: none;
	color: var(--theme-black);
	font-family: AvenirLT-Light;
	font-size: 17px;
	padding: 15px 0;
	width: 100%;
	border-bottom: 2px solid #F6F6F6;
	transition: all .3s ease-in-out 0s;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	float: left;
}

.sidebar-absolute li a {
	color: var(--theme-black);
	padding: 15px 0;
	float: left;
	width: 100%;
}

.sidebar-absolute .sidebar-item:last-child,
.sidebar-absolute li:last-child {
	border: none;
}


.sidebar-absolute .actief.sidebar-item {
	font-weight: 500;
	color: var(--theme-orange);
	font-family: AvenirLT-Roman;
}

.sidebar-absolute .sidebar-item:hover,
.sidebar-absolute li a:hover {
	color: var(--theme-orange);
	cursor: pointer;
}

.sidebar-full .is-affixed .sidebar__inner {
	position: absolute;
}

.sidebar-full .sidebar__inner {
	z-index: 99;
	/* 	text-align  : center; */
	background-color: #fff;
	border-radius: 5px;
	/*     padding  : 15px; */
	width: auto !important;
}

.sidebar-full {
	text-align: center;
}

.sidebar-full .sidebar-item {
	display: inline-block;
	list-style: none;
	color: var(--theme-black);
	font-family: AvenirLT-Light;
	font-size: 17px;
	margin: 15px 20px;
	border-bottom: 2px solid transparent;
}

.sidebar-full .sidebar-item:last-child {
	/* 	margin-right: 0; */
}

.sidebar-full .sidebar-item:hover {
	border-bottom: 2px solid var(--theme-orange);
}

.absolute {
	position: absolute;
	width: 100%;
}

.footer-formulier {
	padding: 100px 0;
}

.formimg {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.formblock {
	padding: 40px;
	background-color: #fff;
}

.gfield input,
.gfield textarea,
._form-content input[type="text"],
._form-content textarea {
	background-color: #fff;
	font-family: AvenirLT-Light !important;
	font-weight: 400;
	font-style: normal;
	font-size: 15px !important;
	width: 100% !important;
	padding: 15px !important;
	margin: 0 !important;
	border-radius: 5px;
	border: 1px solid #F0F0F0;
	color: #4A4A4A;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.formblock p,
.formblock h3 {
	font-family: AvenirLT-Light;
	font-size: 35px;
	line-height: 40px;
}

._form-label {
	font-family: AvenirLT-Heavy;
	font-size: 24px;
	line-height: 30px;
	margin: 15px 0;
}

.formblock p.smaller-p {
	font-family: AvenirLT-Light;
	font-size: 16px;
	font-weight: 300;
	line-height: 29px;
}

.formblock p strong,
.formblock strong {
	font-family: AvenirLT-Heavy;
	color: var(--theme-orange);
}

.privacy-checkbox {
	float: inherit;
	padding: 4px !important;
	background-color: var(--theme-orange);
	border-radius: 4px;
	box-shadow: 0 2px 5px var(--theme-shadow) !important;
	width: auto;
	max-width: 300px;
}



.gform_legacy_markup_wrapper ul.gfield_checkbox li label {
	width: 100% !important;
}

#field_1_3 {
	padding: 4px !important;
}

#choice_1_3_1 {
	margin-left: 4px !important;
	font-size: 10px !important;
}

body .gform_legacy_markup_wrapper ul li.field_description_below div.ginput_container_checkbox, body .gform_legacy_markup_wrapper ul li.field_description_below div.ginput_container_radio {
    margin-top: 0 !important;
    margin-bottom: 0;
}

@media screen and (max-width: 767px) {


.gform_legacy_markup_wrapper .gfield_checkbox li, .gform_legacy_markup_wrapper .gfield_radio li {
     margin: 0 0 0 0 !important;
    line-height: 1.2;
}

.gform_legacy_markup_wrapper .gform_footer {
    padding: 0px 0 10px  !important;
    margin: 16px 0 0 0;
    clear: both;
    width: 100%;

}

}


.privacy-checkbox label {
	max-width: auto !important;
	color: #fff;
}

.privacy-checkbox a {
	color: #fff;
	text-decoration: underline;
}

._submit {
	margin-top: 30px;
}

.gform_button,
._submit {
	padding: 12px 30px 10px;
	line-height: 15px;
	font-family: AvenirLT-Light;
	font-size: 15px !important;
	border-radius: 100px;
	display: inline-block;
	.float: right;
	text-transform: uppercase;
	letter-spacing: 2px;
	border: 2px solid var(--theme-orange);
	color: #333333;
	background-color: transparent;
	margin-right: 0 !important;
}

.gform_button:hover,
._submit:hover {
	background-color: var(--theme-orange);
	color: #fff;
}

.nieuwsbrief .gform_button {
	color: #fff;
}

footer .nieuwsbrief .gform_button {
	color: #333333;
}

.ginput_container_checkbox {
	color: var(--theme-black);
	font-family: AvenirLT-Light;
	font-size: 16px;
	font-weight: 300;
	line-height: 29px;
}

.gform_wrapper .gform_footer {
	/*
	position: absolute;
    bottom: -30px;
	width: 200px !important;
    right: 0;
*/
}

.gform_wrapper form {
	position: relative;
}

/* error message */
.gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
	max-width: calc(100% - 0) !important;
}

.gform_wrapper li.gfield.gfield_error,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
	background-color: transparent !important;
	margin-bottom: 6px !important;
	border-top: none !important;
	border-bottom: none !important;
	padding: 0 !important;
	box-sizing: border-box;
}

.gform_wrapper div.validation_error {
	border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	color: #fff !important;
	background-color: #FF7D1E !important;
	border-top: 0px solid #FF7D1E !important;
	border-bottom: 0px solid #FF7D1E !important;
	margin-bottom: 0 !important;
	font-size: 14px !important;
	padding: 5px !important;
}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {
	float: left;
	background-color: #FF7D1E;
	width: auto;
	border-radius: 50px;
	padding: 5px 20px !important;
	color: #fff !important;
	margin: 10px 0;
}

.gform_wrapper input:focus,
._form-content input:focus,
._form-content textarea:focus {
	border-color: var(--theme-orange);
	box-shadow: none;
	outline: none;
}

.gform_wrapper ul.gform_fields li.gfield {
	padding-right: 0 !important;
}

/*.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    padding: 0 !important;
}*/
.gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.gform_wrapper li.gfield_error textarea {
	border: 1px solid #FF7D1E !important;
}

.gform_wrapper .validation_message {
	color: #FF7D1E !important;
}

.gform_wrapper {
	width: 100% !important;
}

.gform_ajax_spinner {
	display: none !important;
}

.gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
	max-width: calc(100% - 0) !important;
	min-width: 100%;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.gform_confirmation_message {
	background-color: var(--theme-orange);
	border-radius: 50px;
	padding: 15px 35px;
	color: #fff;
	font-size: 16px;
	font-weight: 300;
	margin: 100px 0;
	width: auto;
	display: block;
	float: left;
}

/* Footer 
*/

footer {
	background-color: #F6F6F6;
	padding-top: 50px;

}

.teamText {
	max-width: 40%;
}

@media (max-width: 980px) {
	.teamText {
		width: 100% !important;
		max-width: 100% !important;
	}
}

.tagline {
	color: var(--theme-black);
	font-family: Avenir;
	font-size: 1.3rem;
	font-weight: 300;
	line-height: 27px;
	margin-top: 10px;
}

.footernav {
	margin-top: 30px;
}
@media (max-width: 780px) {
	.footernav {
	margin-top: 10px !important;
}
}


.footernav h3 {
	color: var(--theme-black);
	font-family: Avenir;
	font-size: 25px;
	font-weight: 300;
	line-height: 30px;
}

.footer-menu ul li,
.bottom-footer-menu ul li,
.socialfooter li {
	list-style: none;
	margin: 0px;
}

.footer-menu ul,
.bottom-footer-menu ul,
.socialfooter {
	margin: 0px;
	padding: 0px;
}

.footer-menu ul li a {
	color: var(--theme-black);
	font-family: AvenirLT-Light;
	font-size: 15px;
	font-weight: 300;
	line-height: 25px;

}

.footernav p {
	color: var(--theme-black);
	font-family: AvenirLT-Light;
	font-size: 15px;
	font-weight: 300;
	line-height: 25px;
}

.footer-bottom {
	background-color: #fff;
	padding-top: 15px;
	padding-bottom: 15px;
}

.footer-top {
	padding-bottom: 50px;
}

#menu-footer li a {
	color: rgba(0, 6, 34, 0.25);
	font-family: AvenirLT-Light;
	font-size: 14px;
	font-weight: 300;
	line-height: 19px;
	transition: all .3s ease-in-out 0s;
}

#menu-footer li {
	display: inline-block;
	line-height: 19px;

}

.main-footer a {
	transition: all .3s ease-in-out 0s;
}

#menu-footer a:hover,
.main-footer a:hover {
	color: var(--theme-orange);
}

/*
#menu-footer li:first-child {
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px solid rgba(0,6,34,0.25);	
}
*/

.nieuwsbrief p {
	color: var(--theme-black);
	font-family: Avenir;
	font-size: 20px;
	font-weight: 300;
	line-height: 27px;
}

.nieuwsbrief {
	position: absolute;
	bottom: 0px;
}

.social-btn a {
	width: 31px;
	height: 31px;
	display: inline-block;
	text-align: center;
	border-radius: 180px;
	background-color: #333333;
}

.social-btn a i {
	color: #fff;
	line-height: 30px;
}

.social-btn {
	display: inline-block;
	margin-left: 3px !important;
	margin-right: 3px !important;
}

.socialfooter {
	text-align: center;
}

.credits a {
	color: rgba(0, 6, 34, 0.25);
	font-family: AvenirLT-Light;
	font-size: 14px;
	font-weight: 300;
	line-height: 19px;
	transition: all .3s ease-in-out 0s;
}

.mc4wp-form-fields .grote-input {
	border-radius: 5px;
	background-color: #FFFFFF;
	padding: 17px 15px;
	border: 0px;
	max-width: 300px;
	float: left;
	line-height: 100%;

}

.buttonsubmit {
	border-radius: 5px;
	padding: 15px 21px;
	border: 0px;
	background-color: #F28C02;
	height: 54px;
	width: 54px;
	line-height: 37px;
	display: inline-block;
	margin-left: 8px;
	background-image: url('images/arrow-white-right.svg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 15px;

	.position: absolute;
	right: 0;
}

.buttonsubmit .arrowstick {
	background-color: #fff;
}

.buttonsubmit .arrow-animation {
	width: auto;
	display: inherit;
	float: inherit;
	margin-right: 5px;
	position: relative;
	top: -4px;
}

/* Einde Footer */


/* Units */
.bannerwrap {
	min-height: 400px;
	max-height: 700px;
	position: relative;
}

.bannerwrapsmall {
	min-height: 400px;
	height: 460px;
	position: relative;
}

.bannerwrap-500 {
	height: 500px;
	position: relative;
	margin-bottom: 50px;
	width: 100%;
	overflow: hidden;
}

.bannerwrap-650 {
	height: 650px;
	position: relative;
	margin-bottom: 50px;
	width: 100%;
}

@media screen and (max-width:1170px) {

	#block video,
	.bannerwrap-650,
	.max-height {
		height: auto !important;
	}

	#player-overlay {
		position: relative !important;
		height: auto !important;
	}
}

.max-height {
	height: 100%;
}

.fullcover {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 5px;
	height: 100% !important;
}

.flex-box {
	background: none;
	display: flex;
	flex-grow: 1;
	flex-direction: column;
	position: relative;
	height: 100%;
	margin-left: -15px;
	margin-right: -15px;
}

.flex-box img {
	display: flex;
	transition: all 0.6s ease;
	object-fit: cover;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
}

.contentvervolg {
	margin-top: 90px
}



.absoluut {
	position: absolute;
}

.bannercontent {
	position: relative;
	z-index: 99;
}

.bannercontent h3,
.bannercontent-color h3,
.dienstenblock h3,
.paginatag {
	color: var(--theme-orange);
	font-family: Avenir;
	font-size: 14px;
	font-weight: 300;
	line-height: 19px;
	margin-bottom: 15px;
}

.bannercontent-color .bannercontent-color.orange {
	background-color: var(--theme-orange);
}

.bannercontent-color.orange h3 {
	color: #fff;
}

.dienstenblock h2 {
	font-size: 35px;
	margin-bottom: 0;
}

a .dienstenblock h2,
.dienstenblock a h2 {
	color: #0B1C2B;
	font-family: Avenir;
	font-size: 35px;
	font-weight: 300;
	line-height: 40px;
	margin-bottom: 25px;
}


.bannercontent .quote,
.bannercontent-color .quote {
	color: #333333;
	/*
	font-family  : Avenir;	
	font-size    : 65px;	
	font-weight  : 300;	
	margin-bottom: 30px;
	line-height  : 60px;
*/
	font-family: AvenirLT-Black;
	font-size: 45px;
	margin-bottom: 30px;
	margin-top: 30px;
	line-height: 50px;
}

.bannercontent-color {
	background-color: var(--theme-blue);
	/* padding            : 50px 40px; */
	/* border-radius      : 5px; */
	overflow: hidden;
	position: absolute;
	top: 100px;
	left: 50px;
	border-top-left-radius: 50px;

	border-top-right-radius: 4px;
	border-bottom-right-radius: 100px;
	border-bottom-left-radius: 4px;
}

.bannercontent-color .quote {
	color: #fff;
}


/*
.button  {
	padding: 10px 25px;
	text-transform: uppercase;
	color: #333333;	
	font-family: Avenir;	
	font-size: 15px;	
	font-weight: 300;	
	min-width: 240px;
	letter-spacing: 1.58px;	
	background-color: #fff;

	text-align: center;
	display: inline-block;
}
*/

.oranjelijn {
	border: 2px solid var(--theme-orange);
	border-radius: 24px;
}

.page-title {
	color: var(--theme-black);
	font-family: Avenir;
	font-size: 35px;
	font-weight: 300;
	padding-bottom: 10px;
	line-height: 40px;
}

.unitoverzichtheader {
	padding: 25px;
	display: block;
	border-radius: 5px 5px 0 0;
	background-color: var(--theme-blue);
	box-shadow: 0 0 12px 0 rgba(11, 28, 43, 0.1);
}

.unitoverzichtheader h3 {
	color: var(--theme-orange);
	font-family: Avenir;
	font-size: 14px;
	font-weight: 300;
	line-height: 19px;
}

.unitoverzichtheader h2 {
	color: #FFFFFF;
	font-family: Avenir;
	font-size: 35px;
	font-weight: 300;
	margin-bottom: 0px;
	line-height: 40px;

}

.unitoverzichtcontent {
	padding: 25px;
	padding-bottom: 35px;
	border-radius: 5px;
	background-color: #FFFFFF;
	box-shadow: 0 0 12px 0 rgba(11, 28, 43, 0.1);
}

.unitsoverzicht {
	/*
	margin-top: 50px;
	margin-bottom: 50px;
*/
}

.nieuwsthumb {
	height: 100%;
}

.nopadding {
	padding: 0px;
}

.nopaddingright {
	padding-right: 0px;
}

.nopaddingleft {
	padding-left: 0px;
}

.nieuwsinnercontent {
	height: 100%;
	background-color: #F3F7FA;
	padding: 30px 70px;
}

.nieuwsinnercontent h2 {
	margin-bottom: 0;
}

.nieuwsinnercontent p {
	max-width: 80%;
}

.nieuwsinnercontent a {
	background-color: #F3F7FA;
	margin-top: 10px;
}

.vervolgtitel,
.diensten-vervolg h2 {
	color: var(--theme-black);
	font-family: Avenir;
	font-size: 35px;
	font-weight: 300;
	line-height: 40px;
}

.eventsvervolg h1 {
	color: #333333;
	font-family: Avenir;
	font-size: 50px;
	font-weight: 300;
	margin-bottom: 30px;
	line-height: 50px;
}




.diensten-vervolg .rijen h2 {
	color: var(--theme-black);
	font-family: Avenir;
	font-size: 25px;
	font-weight: 300;
	margin-bottom: 0px;
	padding-bottom: 10px;
	line-height: 30px;
}

.diensten-vervolg .rijen li,
.full-streamer li {

	position: relative;
	list-style: none;

	color: #333333;
	font-family: AvenirLT-Light;
	font-size: 16px;
	font-weight: 300;
	line-height: 29px;
}

.diensten-vervolg .rijen ul,
.full-streamer ul {
	padding-left: 25px;
	margin-left: 0px;
}

.diensten-vervolg .rijen li:before,
.full-streamer li:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: var(--theme-orange);
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	color: ;
	position: absolute;
	margin-top: 11px;
	left: -25px;
	/*     content         : "\f00c"; */
	content: "\f111";
	font-size: 8px;

}

.diensten-vervolg .rijen p {
	margin-bottom: 10px;
}

.diensten-vervolg .rijen {
	margin-top: 10px;
}

.customlink a {
	color: var(--theme-black);
	font-family: Avenir;
	font-size: 16px;
	font-weight: 300;
	line-height: 30px;
	padding-left: 30px;
	position: relative;
}

.customlink a:before {
	background-image: url(images/arrow.svg);
	background-size: 18px auto;
	background-position: left center;
	background-repeat: no-repeat;
	position: absolute;
	content: "";
	left: 0px;
	width: 18px;
	height: 14px;
	margin-top: 7px;
}

.ookinteressantitem {
	border-radius: 5px;
	background-color: #FFFFFF;
	padding: 25px;
	box-shadow: 0 0 12px 0 rgba(11, 28, 43, 0.1);
}

.ookinteressantitem h4 {
	color: var(--theme-orange);
	font-family: Avenir;
	font-size: 14px;
	font-weight: 300;
	line-height: 19px;
}

.ookinteressantitem h3 {
	color: var(--theme-black);
	font-family: Avenir;
	font-size: 35px;
	font-weight: 300;
	line-height: 40px;
}

.ookinteressant h3.linkertitel {
	color: var(--theme-black);
	font-size: 35px;
	font-weight: 300;
	line-height: 40px;
	position: relative;
	font-family: Avenir;
}



.ookinteressant {
	padding-top: 90px;
	padding-bottom: 90px;
}

.col-md-24 {
	position: relative;
	min-height: 1px;
	padding: 15px;
	flex: 0 0 34% !important;

}

.logo-swiper .col-md-24 {
	position: relative;
	min-height: 1px;
	padding: 15px;
	flex: 0 0 23% !important;
}

@media (max-width: 576px) {
	.logo-swiper .col-md-24 {
		position: relative;
		min-height: 1px;
		padding: 15px;
		flex: 0 0 34% !important;
	}
}

@media (max-width: 576px) {
	#fullpage>section:nth-child(6)>div>div>div>div.swiper.linkedin-swiper.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-free-mode {
		margin-bottom: 5px;
		padding-bottom: 30px;
	}
}

.ookinteressantwrap {
	margin-bottom: 0;
}

.ookinteressant .orange-line {
	background-color: var(--theme-orange);
	height: 2px;
	width: 100px;
	margin: 40px 0;
}

/* .client-logos li, .client-logo-wrap {
	list-style: none;
}
.p-15 {
	padding-top: 15px;
    padding-bottom: 15px;
}
.embed-responsive {
	box-shadow: 0 0 12px rgba(0,0,0,0.1);
}
.embed-responsive img {
	position: absolute;
	top:0px;
	
}
.client-logos {
	padding:20px 0;
}
.case-logo {
	background-size: 90%;
    background-repeat: no-repeat;
    background-position: center;
	border-radius: 5px;
	transform: scale(1);
	transition: all .2s ease-in-out 0s;
	-webkit-transition: all .2s ease-in-out 0s;
	-moz-transition: all .2s ease-in-out 0s;
}
.case-logo:hover {
	.transform: scale(1.1);
	box-shadow: 0 0 2px 0 rgba(0,6,34,0.1);
} */

.boxshadow {
	box-shadow: 0 0 12px 0 rgba(0, 6, 34, 0.1);
}

.kaartcontact {
	height: 500px;
	margin-top: 30px;
	position: relative;
	margin-bottom: 40px;
	padding: 50px;
}

.page-template-content-contact .contentvervolg {
	margin-top: 180px;
}

.kaartinner {
	/*position: absolute;*/
	position: relative;
	height: 100%;
	/*
	top     :50px;
	
	left    : 50px;
*/
}

.kaartinner p {
	color: #FFFFFF;
	font-family: Avenir;
	font-size: 18px;
	font-weight: 300;
	line-height: 25px;
}

.kaartinner .nieuwsbrief {
	/*position: absolute;
	bottom: 100px;*/
	position: relative;
	bottom: 0;
}

.image-frame {
	border-radius: 5px;
	min-height: 350px;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.text-frame {
	padding: 0 50px;
}

.over-ons-full {
	padding: 50px 0;

}



.over-ons-full:last-child {
	padding-bottom: 100px;
}

@media (max-width: 676px) {
	.over-ons-full:last-child {
		padding-bottom: 30px !important;
	}

}

.over-ons-full h3 {
	color: var(--theme-black);
	font-size: 35px;
	font-weight: 300;
	line-height: 40px;
	position: relative;
}

.orange-tag {
	color: var(--theme-orange);
	font-family: Avenir;
	font-size: 14px;
	font-weight: 300;
	line-height: 19px;
}

.overlap-streamer h3 {
	color: #333333;
	font-size: 65px;
	line-height: 65px;
	font-family: AvenirLT-Black;
	max-width: 740px;
}

.werken-bij {
	padding: 20px 0;
}

.werken-bij:first-child .no-gutters {
	border-radius: 5px 5px 0 0;
	overflow: hidden;
}

.werken-bij:last-child .no-gutters {
	border-radius: 0 0 5px 5px;
	overflow: hidden;
}

.werken-bij .image-frame {
	border-radius: 0;
}

.werken-bij .text-frame {}

.masonry-blocks h4 {
	margin-bottom: 20px;
}

.unit-team .grid-item {
	top: 0;
	position: relative;
	transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s;
	-webkit-transition: all .3s ease 0s;
}

.unit-team .grid-item:hover {
	top: -5px;
}


.masonry-blocks {
	border-radius: 5px;
	overflow: hidden;
	/*
    margin-bottom: 100px;
    margin-top   : 50px;
*/

}

.grid-sizer,
.grid-item {
	width: 16.666667%;
}

.bigger-grid .grid-sizer,
.bigger-grid .grid-item {
	width: 20%;
}

.gutter-sizer {
	width: 0%;
}

.grid-item {
	min-height: 230px;
}

.grid-item--width2 {
	width: 33.333333%;
	min-height: 460px;
}

.bigger-grid .grid-item--width2 {
	width: 40%;
	min-height: 460px;
}

.grid-item,
.grid-item--width2 {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.grid-item img {
	width: 100%;
	height: auto;
}

@media screen and (max-width:991px) {

	.grid-sizer,
	.grid-item {
		width: 50%;
	}

	.grid-item--width2 {
		width: 50%;
	}
}

@media screen and (max-width:768px) {

	.grid-sizer,
	.grid-item {
		width: 50%;
	}

	.grid-item--width2 {
		width: 100%;
	}
}


.grid-item a {
	height: 100%;
	width: 100%;
	position: absolute;
}

.grid {
	// background-color: rgba(16,53,85,0.7);
}

/* Image Gallery */
.overlayimage {
	background-color: rgba(16, 53, 85, 0.7);

	background-image: url("images/vergrootglas.svg");
	background-size: 40px;
	background-position: center 30%;
	background-repeat: no-repeat;
	height: 100%;
	width: 100%;
	opacity: 1;
	transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
}

.movie {
	background-image: url("img/video-play.svg") !important;
}

.images:hover .overlayimage,
.images:focus .overlayimage {
	background-position: center center;
	opacity: 0;
}

.overlayimage p {
	text-align: center;
	position: absolute;
	bottom: 0px;
	width: 100%;
	color: #fff;
	padding: 0 15px;
}


.bigger-grid .grid-item .overlayimage,
.ri-grid li a .overlayimage {
	opacity: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(16, 53, 85, 0.7);
	position: absolute;
}

.bigger-grid .grid-item--width2 .overlayimage p {
	font-size: 24px;
	font-family: AvenirLT-Heavy;
}

.bigger-grid .grid-item:hover .overlayimage,
.ri-grid li a:hover .overlayimage {
	opacity: 1;
}



.close,
.next,
.prev {
	color: #fff;
}

.modal .close {
	color: #000;
}

.orange-blok {
	background-color: var(--theme-orange);
}

.orange-blok a {
	padding: 30px;
}

.orange-blok h3 {
	color: #fff;
	font-size: 30px;
	line-height: 35px;
	font-family: AvenirLT-Heavy;
	margin-bottom: 60px;
}

.orange-blok p {
	color: #333333;
	line-height: 15px;
	font-family: AvenirLT-Light;
	text-transform: uppercase;
	position: relative;
	padding-bottom: 15px;
}

.orange-blok p:after {
	content: "";
	width: 40px;
	height: 2px;
	background-color: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
}

.border-radius {
	overflow: hidden;
	border-radius: 5px;
}

.team-slider {
	background-size: cover;
	background-position: center center;
	width: 100%;
	height: 500px;
	position: relative;
}

.locked-image {
	background-size: cover;
	background-position: center center;
	position: relative;
}

.arrow-box {
	position: absolute;
	right: 30px;
	bottom: 30px;
	width: 110px;
	height: 50px;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
	opacity: 0;
}

.swiper-button-next,
.swiper-button-prev {
	width: 40px;
	height: 40px;

	border: 2px solid #fff;
	border-radius: 100px;
	background-size: 15px;
	background-repeat: no-repeat;
	background-position: center;
}

.swiper-button-prev {
	left: 0;
}

.swiper-button-next {
	background-image: url("images/arrow-white-right.svg");
}

.swiper-button-prev {
	background-image: url("images/arrow-white-left.svg");
}

blockquote {
	margin-left: 50px;
	margin-top: 50px;
	margin-bottom: 50px;
}

blockquote p {
	color: #F28C02;
	font-style: italic;
	padding-left: 60px;
	font-size: 34px;
	position: relative;
	font-family: AvenirLT-Light;
	line-height: 44px;
}

blockquote p:before {
	content: "\"";
	font-size: 100px;
	font-family: AvenirLT-Heavy;
	font-style: italic;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	position: absolute;
	left: -10px;
	margin-top: -2px;
	color: #CED2D5;
}

.teamlid-block {
	margin-bottom: 15px;
}

.team-lid h2 {
	font-size: 25px;
	line-height: 25px;
}

.team-info {
	width: 100%;
	margin: 40px 0;
}

.team-info ul {
	margin: 0;
	padding: 0;
}

.team-info li {
	list-style: none;
	margin-right: 15px;
	position: relative;
	display: inline-block;
}

.team-info li a {
	text-transform: none;
	padding-left: 13px;
	padding-right: 13px;
}

.team-info li i {
	color: var(--theme-orange);
	margin-right: 10px;
}

.team-info li a:hover i {
	color: #fff;
}

.team-lid-image {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	height: 240px;
	width: 100%;
	position: relative;
	display: block;
	margin-bottom: 20px;
}

.team-lid-image:hover .overlayimage {
	opacity: 0;
}

.next-team {
	margin: 0 0 100px 0;
}

.next-team h3,
.slider-title h3 {
	font-size: 35px;
	font-family: AvenirLT-Light;
}

.next-team p {
	margin-bottom: 50px;
}

.quote-klein {
	color: #fff;
	font-family: Avenir;
	font-size: 35px;
	font-weight: 300;
	margin-bottom: 30px;
	line-height: 35px;
}

.grey-line {
	background-color: #F3F7FA;
	height: 3px;
	width: 100%;
	margin-bottom: 80px;
}

@media (max-width: 576px) {
	.grey-line {
		margin-bottom: 50px;
	}
}

.actueel-swiper,
.over-swiper,
.thema-swiper {
	padding: 20px;
	margin-top: -20px;
	width: 100%;
}

.box-left {
	left: 0;
	top: 0;
	position: relative;
}

.box-right {
	right: 10px;
	left: auto;
	top: 0;
	position: absolute;
}

.box-left .swiper-button-next,
.box-left .swiper-button-prev {
	border-color: var(--theme-orange);
}

.box-left .swiper-button-next {
	background-image: url("images/arrow-orange-right.svg");
}

.box-left .swiper-button-prev {
	background-image: url("images/arrow-orange-left.svg");
}

.pagenav-bottom {
	width: 100%;
	padding: 30px 15px;
	text-align: left;
}

.back-image {


	width: 100%;
	flex-shrink: 0;
	aspect-ratio: 537/398;
	max-width: 33.5625rem;
	max-height: 24.875rem;

	box-shadow: var(--theme-shadow-box);
	object-fit: cover;
	border-top-left-radius: 100px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 100px;
	border-bottom-left-radius: 4px;
}


.wp-pagenavi {
	text-align: center;
	margin: 30px auto;
}

.wp-pagenavi .pages {
	display: none;
}

.wp-pagenavi .current,
.wp-pagenavi .page {
	border: 2px solid var(--theme-blue);
	border-radius: 6px;
	padding: 0;
	width: 40px;
	height: 40px;
	line-height: 40px;
	display: inline-block;
	margin: 0;
	text-align: center;
	margin-right: 10px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.nextpostslink,
.previouspostslink,
.first,
.last {
	border-radius: 6px;
	padding: 0;
	width: 40px;
	height: 40px;
	line-height: 40px;
	display: inline-block;
	position: relative;
	margin: 0;
	text-align: center;
	margin-right: 10px;
	text-indent: -9999px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.nextpostslink,
.previouspostslink,
.first:hover,
.last:hover {
	color: var(--theme-blue) !important;
}

.last:after, .first:after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	align-items: center;
	justify-content: center;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	text-indent: 0;
	margin-right: 10px !important;
	line-height: 30px;
	text-align: center;
	position: absolute;
	width: 30px;
	top: 3px;
}

@media (max-width: 768px) {

	.wp-pagenavi .current,
	.wp-pagenavi .page,
	.nextpostslink,
	.previouspostslink,
	.first,
	.last {
		width: 30px;
		height: 30px;
		font-size: 0.875rem;
		margin-right: 5px;
		align-items: center;
		justify-content: center;
		display: inline-flex;
		flex-direction: row;
	}
}

@media (max-width: 768px) {

	.wp-pagenavi .current,
	.wp-pagenavi .page {
		width: 30px;
		height: 30px;
		font-size: 0.875rem;
		align-items: center;
		justify-content: center;
		display: inline-flex;
		flex-direction: row;
		margin-right: 5px;
	}
}

.nextpostslink:hover,
.previouspostslink:hover {
	color: transparent;

}

.first:after {
	content: "\f053";
	left: 2px;
}

.last:after {
	content: "\f054";
	left: 4px;
}

.last:after,
.first:after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	text-indent: 0;
	margin-right: 10px !important;
	color: #CCCDD2;
	line-height: 30px;
	text-align: center;
	position: absolute;
	width: 30px;
	top: 3px;
}

.wp-pagenavi .current,
.wp-pagenavi .page:hover {
	background-color: var(--theme-blue);
	border: 2px solid var(--theme-blue);
	color: #fff !important;
}

.wp-pagenavi .page {
	background-color: transparent;
	border: 2px solid #CCCDD2;
	color: #CCCDD2;
}

.nieuws-bericht h1 {
	font-size: 35px;
}

.tag {
	color: var(--theme-orange);
	font-size: 14px;
	font-family: AvenirLT-Light;
}

.tag i {
	margin: 0 5px;
}

.nieuws-bericht .three-grid {
	margin-top: 50px;
}

.nieuws-bericht .grey-line {
	margin-bottom: 100px;
}

.algemene-vervolg-pagina {
	margin-top: 0;
}

.itemsoverzicht {
	margin-top: 50px;
	margin-bottom: 50px;
}

section,
footer {
	float: left;
	width: 100%;
}

.eventswrap {
	margin-bottom: 50px;
	margin-top: 40px;
	display: block;
}

.eventswrap img {
	width: 100%;
	height: auto;
	margin-top: 30px;
	margin-bottom: 30px;
}

.streamerwrap {
	margin-top: 50px;
	margin-bottom: 50px;
}

.overlap-streamer h3 {
	margin-bottom: 50px;
}

/* .careersoverzicht h1 {
	color: #FFFFFF;
	font-family: Avenir;
	font-size: 50px;
	font-weight: 300;
	line-height: 50px;
	margin-bottom: 20px;
} */

.bannercareers p {
	color: #fff;
	font-family: Avenir;
	font-size: 16px;
	font-weight: 300;
	line-height: 29px;
}

.bannercareerswrap {
	display: block;
	margin-bottom: 130px;
}



.oranje-tag {
	color: var(--theme-orange);
	font-family: Avenir;
	font-size: 14px;
	font-weight: 300;
	margin-bottom: 15px;
	line-height: 19px;
}

.vacature_single .oranje-tag {
	color: var(--theme-orange);
	font-family: Avenir;
	font-size: 18px;
	font-weight: 300;
	margin-bottom: 20px !important;
	line-height: 19px;
}

p > b {
	    font-weight: 600 !important;

}

/* p 
strong, b, br {
    font-weight: 600 !important;
} */
/* .vacature_single .sectiecontent p {
		font-weight: inherit !important;
		font-style: normal !important;
} */


.careersitems {
	margin-top: -130px;
}

.wittekst {
	color: #fff;
}

.vacature-bericht .bannercontent-color h1 {
	/*
	color: #FFFFFF;	
	font-family: Avenir;	
	font-size: 50px;	
	font-weight: 300;	
	line-height: 50px;
*/
	margin-bottom: 0;
}

.vacature-bericht .contentbanner {
	color: #FFFFFF;
	font-family: Avenir;
	font-size: 20px;
	font-weight: 500;
	line-height: 27px;
}

.single-careers .full-streamer h2 {
	color: var(--theme-black);
	margin-bottom: 10px;
	font-family: Avenir;
	font-size: 35px;
	font-weight: 300;
	line-height: 40px;
}

.full-streamer .oranje-tag {
	margin-bottom: 5px;
}

.tussenbanner {
	margin-top: 50px;
	margin-bottom: 0px;
}

.tussenbannervlak {
	margin-left: 80px;
}

.tussenbannervlak .bannercontent-color {
	background-color: rgba(16, 53, 85, .95);
}

.contentbanner {
	color: #FFFFFF;
	font-family: Avenir;
	font-size: 20px;
	font-weight: 500;
	line-height: 27px;
}

.sfeerafbeeldingen {
	margin-bottom: 70px;
	border-radius: 5px;
	overflow: hidden;
	width: 100%;
}

.sfeerafbeeldingen ul {
	width: 100%;
	display: block;
	margin: 0px;
	padding: 0px;
}

.sfeerafbeeldingen li {
	float: left;
	list-style: none;
	height: 300px;
}

.sfeerafbeeldingen li div {
	height: 100%;
}

.noradius .fullcover {
	border-radius: 0px;
}

.noradius {
	border-radius: 0px;
}

/* .embed-responsive-vol {
    height: 100%;
    width: 100%;
    position: absolute;
} */

.sfeerafbeeldingen .embed-responsive {
	box-shadow: inherit;
}

.diensten-vervolg .sectiecontent ul li {
	margin-bottom: 20px;
	color: #333333;
	font-family: AvenirLT-Light;
	font-size: 16px;
	font-weight: 300;
	line-height: 29px;
}

.calltoaction h2 {
	color: var(--theme-black);
	font-family: Avenir;
	font-size: 35px;
	font-weight: 300;
	line-height: 40px;
	text-align: center;
}

.calltoaction {
	padding-top: 70px;
	padding-bottom: 70px;
}

.nomargin {
	margin-left: 0px;
	margin-right: 0px;
}

.calltoaction .button-pill {
	float: none;
	margin: 0 auto;
}

.onderbutton {
	margin-top: 30px;
}

.calltoaction .tgp-social {
	float: inherit;
	margin: 0 auto;
	margin-top: 10px;
}

.onderbutton {
	color: var(--theme-black);
	font-family: Avenir;
	font-size: 17px;
	font-weight: 300;
	line-height: 23px;
	text-align: center;
}

#navbar-careers {
	z-index: 99;
	overflow: hidden;
	padding: 10px 70px 0 20px;
	background-color: #fff;
	top: 100px;
}

#navbar-careers .nav-item {
	list-style: none;
	color: var(--theme-black);
	font-family: AvenirLT-Light;
	font-size: 17px;
	padding: 10px 0;
	width: 100% !important;
	border-bottom: 2px solid #F6F6F6;
	transition: all .3s ease-in-out 0s;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;

}

#navbar-careers .nav-item  a {
	color: var(--theme-black);
	width: 100% !important;
}


#navbar-careers .nav-item:last-child {
	border: none;
}


#navbar-careers .nav-item.active  {
	font-weight: 500;
	color: var(--theme-orange);
	font-family: AvenirLT-Roman;
}

.sidebar-absolute .sidebar-item:hover,
#navbar-careers .nav-item  a:hover {
	color: var(--theme-orange);
	cursor: pointer;
}



@media (max-width: 576px) {
#navbar-careers {
	z-index: 99;
	overflow: hidden;
	padding: 0px 10px 0 20px;
	background-color: #fff;
top: 300px;
position: fixed;
	
}

.nav {
	display: flex;
	flex-direction: row;
}


#navbar-careers .nav-item {
	list-style: none;
	color: var(--theme-black);
	font-family: AvenirLT-Light;
	font-size: 14px;
	padding: 0px 0;
	width: auto !important;
	border-bottom: 2px solid #F6F6F6;
	transition: all .3s ease-in-out 0s;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;

}
  }


  /* --- Mobiel Off-canvas Menu Styling --- */

/* Verberg de desktop sidebar op mobiel als die er is en je deze vervangen hebt */
@media (max-width: 991.98px) {
    .col-lg-3.d-none.d-lg-block {
        display: none;
    }
}

.mobile-offcanvas-menu {
    position: fixed; /* Zorg ervoor dat het menu vast blijft staan tijdens het scrollen */
    top: 50%; /* Centreer verticaal */
    transform: translateY(-50%); /* Corrigeer voor verticale centrering */
    left: -230px; /* Start buiten beeld (breedte van de offcanvas-content) */
    width: 250px; /* Max breedte van het uitgeklapte menu */
    height: auto; /* Past zich aan de inhoud aan */
    z-index: 1050; /* Hoger dan de meeste Bootstrap componenten (bijv. navbars) */
    transition: left 0.3s ease-in-out; /* Smooth animatie bij in/uitklappen */
    background-color: #f8f9fa; /* Lichte achtergrondkleur */
    border-radius: 0 8px 8px 0; /* Afgeronde hoeken aan de rechterkant */
    box-shadow: 2px 0 5px rgba(0,0,0,0.2); /* Lichte schaduw */
    padding: 15px; /* Interne padding */
    display: flex; /* Gebruik flexbox voor toggle en content naast elkaar */
    align-items: center; /* Centreer verticaal de items */
}

.mobile-offcanvas-menu.is-open {
    left: 0; /* Schuift volledig in beeld wanneer geopend */
}

/* De toggle knop (het pijltje) */
.mobile-offcanvas-menu .menu-toggle {
    position: absolute;
    right: -25px; /* Plaats de knop aan de rechterkant, buiten het smalle menu */
    top: 50%;
    transform: translateY(-50%);
    width: 25px; /* Breedte van de knop */
    height: 50px; /* Hoogte van de knop */
    background-color: var(--theme-orange); /* Oranje achtergrond voor de knop */
    color: white;
    border: none;
    border-radius: 0 5px 5px 0; /* Afgeronde hoeken aan de rechterkant */
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    font-size: 1.1rem; /* Grootte van het pijltje */
    transition: transform 0.3s ease-in-out; /* Animatie voor het pijltje */
    box-shadow: 2px 0 5px rgba(0,0,0,0.2); /* Lichte schaduw */
}

.mobile-offcanvas-menu.is-open .menu-toggle .arrow-icon {
    transform: rotate(180deg); 
	    transform-origin: center center; 

	
}

/* Het eigenlijke menu content (de ul met nav-items) */
.mobile-offcanvas-menu .offcanvas-content {
    flex-grow: 1; /* Laat de content de resterende ruimte innemen */
    width: 100%; /* De nav UL is nu 100% breed binnen deze content */
    /* De initiele state van dit menu is hidden (niet direct via display: none, maar door de parent die naar links staat) */
}

.mobile-offcanvas-menu .nav-item {
    width: 100%; /* Zorg dat de nav-items de volle breedte innemen */
    margin-bottom: 5px; /* Ruimte tussen de items */
}

.mobile-offcanvas-menu .nav-link {
    display: block; /* Zorgt dat de link de hele breedte van het item pakt */
    padding: 8px 15px;
    color: #333;
    text-decoration: none;
    transition: background-color 0.2s ease;
    border-radius: 4px;
}




.mobile-offcanvas-menu .nav-link:hover {
    background-color: #e9ecef;
}

/* Verberg de mobiele nav voor desktop */
@media (min-width: 992px) {
    .mobile-offcanvas-menu {
        display: none;
    }
}


/* .full-streamer.even:before {
	position: absolute;
	top: 0px;
	left: -100%;
	content: "";
	height: 100%;
	width: 400%;
	background-color: #F3F7FA;
} */

.tagline:after {
	content: "";
	position: absolute;
	width: 20px;
	height: 1px;
	background-color: #fff;
	top: 12px;
	left: 0;
}

#player-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 5px;
	overflow: hidden;
}

#block video {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.images {
	background-position: top center;
	background-size: cover;
}


.yearblock {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
}


.yearblock h4.year-text {
	color: var(--theme-orange);
	font-family: AvenirLT-Heavy;
	padding: 10px 0;
	margin: 0;
	background-color: #fff;
}

.year-marker {
	color: #F28C02;
	font-size: 40px;
	width: auto;
	height: auto;
	top: -40%;
	z-index: 20;
	position: absolute;

}

.year-block {
	width: 100%;
	flex-grow: 1;
	position: relative;
}

#cd-timeline .nieuws-card {
	box-shadow: var(--theme-shadow-box);
}

#cd-timeline .nieuws-card:hover {
	transform: none;
	box-shadow: var(--theme-shadow-box);
	pointer-events: none;
}

#cd-timeline .nieuws-card .btn:hover {
	transform: none;
	box-shadow: var(--theme-shadow-box);
	pointer-events: all;
}

.img-container img {
	width: 100%;
	height: auto;
	flex-shrink: 0;
}

#cd-timeline {
	position: relative;
	/* padding      : 2em auto; */
	transform-origin: center center;
}

#cd-timeline::before {
	content: '';
	position: absolute;
	top: 0%;
	height: 100%;
	width: 3px;
	background: #313131ce;
	left: 50%;
	transform: translateX(-50%);
	transform-origin: center center;
}


@media (max-width: 768px) {
	.yearblock {
		margin-top: 15px;
		margin-bottom: 15px;
		/* text-align  : start !important; */
		position: relative;
		/* padding-left: 0%; */

	}

	#cd-timeline::before {
		left: 15px;
	}

/* 
	.imgBlockGeschiedenis,
	.contentBlockGeschiedenis {
		padding-left:0%;
	} */

	.year-marker {
		color: #F28C02;
		font-size: 40px;
		z-index: 10;
		position: static;
		margin-left: 7px;
		box-sizing: border-box;

	}
}

.lcs-left {
	max-width: 100%;
	height: auto;
}

.searchandfilter {
	overflow: hidden;
	margin-bottom: 20px;
}

.searchandfilter ul {
	padding: 0;
}

.sf-field-post-meta-soort_bericht label,
.sf-field-post-meta-academy_tag label,
.sf-field-taxonomy-category-nieuws label {
	cursor: pointer;
}

.sf-field-post-meta-soort_bericht li,
.sf-field-post-meta-academy_tag li,
.sf-field-taxonomy-category-nieuws li {
	display: inline-block;
	float: left;
	margin-right: 15px !important;
}

.sf-field-post-meta-soort_bericht li label,
.sf-field-post-meta-academy_tag li label,
.sf-field-taxonomy-category-nieuws li label {
	display: inline-block;
	background-color: #D6E2DF;
	text-transform: uppercase;
	color: #333333;
	font-family: AvenirLT-Light;
	font-size: 12px;
	display: inline-block;
	padding: 4px 20px 2px !important;
	margin-bottom: 10px;
	border-radius: 100px;
	letter-spacing: 2px;
}

.sf-field-post-meta-soort_bericht li label,
.sf-field-post-meta-academy_tag li label,
.sf-field-taxonomy-category-nieuws li label {
	cursor: pointer;
	position: relative;
}

.sf-field-post-meta-soort_bericht li label::before,
.sf-field-post-meta-academy_tag li label:before {
	/*
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 0;
    position: absolute;
    left: 0;
    line-height: 18px;
    content: "\f192";
    color: #fff;
    transition: all .3s ease-in-out;
*/
}

.sf-field-post-meta-soort_bericht li input[type="checkbox"]:checked+label::before,
.sf-field-post-meta-soort_bericht li input[type="radio"]:checked+label::before,
.sf-field-post-meta-soort_bericht ul li ul li:hover label::before {
	/*
    content: "\f192";
    transition: all .3s ease-in-out;
    color: #7AB932;
    font-size: 12px;
    padding: 0 6px 0 2px;
*/
}

.sf-field-post-meta-soort_bericht ul li ul li:hover label {}

.sf-field-post-meta-soort_bericht li input[type="checkbox"]:checked+label,
.sf-field-post-meta-soort_bericht li input[type="radio"]:checked+label,

.sf-field-post-meta-academy_tag li input[type="checkbox"]:checked+label,
.sf-field-post-meta-academy_tag li input[type="radio"]:checked+label,

.sf-field-taxonomy-category-nieuws li input[type="checkbox"]:checked+label,
.sf-field-taxonomy-category-nieuws li input[type="radio"]:checked+label {
	transition: all .3s ease-in-out;
	background-color: var(--theme-orange);
	color: #fff;
}


.sf-field-post-meta-soort_bericht li input[type="checkbox"],
.sf-field-post-meta-academy_tag li input[type="checkbox"],
.sf-field-taxonomy-category-nieuws li input[type="checkbox"] {
	display: absolute;
}

.sf-field-post-meta-soort_bericht li input[type="checkbox"],
.sf-field-post-meta-soort_bericht li input[type="radio"],

.sf-field-post-meta-academy_tag li input[type="checkbox"],
.sf-field-post-meta-academy_tag li input[type="radio"],

.sf-field-taxonomy-category-nieuws li input[type="checkbox"],
.sf-field-taxonomy-category-nieuws li input[type="radio"] {
	position: absolute;
	opacity: 0;
}

.contentframe {
	margin-top: 85px;
}

.menu-legal-container ul {
	padding: 0;
	margin: 0;
}

.menu-legal-container ul li {
	list-style: none;
	padding: 0;
	margin: 0;
}

.document-content h1 {
	font-size: 40px;
	font-family: AvenirLT-Black;
}

.document-content h2 {
	font-size: 35px;
	font-family: AvenirLT-Black;
}

.document-content h3 {
	font-size: 25px;
	font-family: AvenirLT-Black;
}

.document-content li {
	color: #333333;
	font-family: AvenirLT-Light;
	font-size: 16px;
	font-weight: 300;
	line-height: 29px;
}

.sidebar-medewerker {
	padding: 25px;
	margin-bottom: 30px;
	background-color: var(--theme-blue);
	color: #fff;
	border-radius: 5px;
}

.sidebar-medewerker.grey-color {
	background-color: #F6F6F6;
}

.sidebar-medewerker.grey-color p,
.sidebar-medewerker.grey-color h3 {
	color: #333 !important;
}

.sidebar-medewerker .embed-responsive {
box-shadow: var(--theme-shadow-box);

}

.sidebar-medewerker h3 {
	color: #fff !important;
}

.sidebar-medewerker h4,
.sidebar-medewerker h5,
.sidebar-medewerker p {
	color: #fff !important;
}

.sidebar-medewerker p {
	margin-bottom: 0;
	color: #fff;
}

.sidebar-medewerker a.button-pill.black.black {
	color: #fff;
	border: 2px solid #fff;
}

.sidebar-medewerker a.button-pill.black.black i {
	color: #fff;
}

.sidebar-medewerker a.button-pill.black.black:hover i {
	color: #fff;
}

.line-top {
	width: 100%;
	height: 1px;
	background-color: rgba(255, 255, 255, .2);
	margin: 20px 0;
}

.sidebar-medewerker a {
	color: var(--theme-orange);
}

.medewerker {

	width: 100%;
	height: auto;
	min-height: 300px;
	max-width: 240px;
	aspect-ratio: 1/1;
	margin: 0 auto 20px;
border-radius: 30px 4px 30px 4px ;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.case-page h1 {
	font-size: 50px;
	line-height: 50px;
	margin-bottom: 30px;
	font-family: AvenirLT-Black;
}

.case-page h4 {
	font-size: 30px;
	margin-bottom: 15px;
	font-family: AvenirLT-Black;
}

.case-page h5 {
	font-size: 25px;
	font-family: AvenirLT-Light;
}

.case-page li {
	color: #333333;
	font-family: AvenirLT-Light;
	font-size: 16px;
	font-weight: 300;
	line-height: 29px;
}

.logo-img {
	margin: 0 0 20px;
	width: 100%;
	height: 30px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center left;
	float: left;
}

/* Tabs */
.tabbie {
	margin: 30px 0 60px;
}

.tabbie ul.tabs {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.tabbie ul.tabs li {
	background: none;
	color: #222;
	display: inline-block;
	padding: 10px 15px;
	cursor: pointer;
}

.tabbie ul.tabs li {
	background-color: #fff;
}

.tabbie ul.tabs li.current {
	background: #F7941F;
	color: #fff;
}

.tabbie .tab-content {
	display: none;
	background: #fff;
	padding: 40px;
}

.tabbie .tab-content.current {
	display: inherit;
}

.tabbie .tab-link {
	font-size: 16px;
	font-weight: bold;
}

.activities {
	list-style: none;
	padding: 0;
	margin: 0;
}

.dayblock {
	width: 100%;
	float: left;
	position: relative;
}

.dayblock:after {
	content: "";
	width: 20px;
	height: 20px;
	border: 1px solid #f7941f;
	background-color: #fafafa;
	border-radius: 100px;
	position: absolute;
	display: inline-block;
	right: 20px;
	top: 50%;
	margin-top: -10px;
}

.dayblock:before {
	height: 130%;
	width: 1px;
	content: "";
	border-left: 1px solid #f7941f;
	position: absolute;
	right: 29px;
	top: 50%;
}

.activities li:last-child .dayblock:before {
	border: none !important;
}

.day {}

.day p {
	font-family: AvenirLT-Black;
	line-height: 20px;
	margin: 0;
	position: absolute;
	top: 50%;
	margin-top: -15px;
}

.activities li:before {
	display: none !important;
}

.activityblock li:before {
	display: block !important;
	top: -10px;
}

.activityblock {
	list-style: none;
	padding: 0;
	background-color: #fff;
	float: left;
	padding: 30px;
	margin-bottom: 20px;
	border-radius: 5px;
	position: relative;
}

.arrow-left-white {
	position: absolute;
	top: 50%;
	margin-top: -20px;
	left: -15px;
	width: 0px;
	height: 0px;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-right: 20px solid #fff;
}

.activityblock:before {}

.activityblock li {
	float: left;
	padding-left: 30px;
	font-size: 17px;
	font-family: AvenirLT-Light;
	line-height: 30px;
	position: relative;
}

.activityblock li:before {
	float: left;
	content: "";
	position: absolute;
	background-image: url("images/arrow-right.svg");
	background-size: 9px;
	background-repeat: no-repeat;
	background-position: center center;
	width: 20px;
	height: 28px;
	left: 4px;
}

@media screen and (max-width:768px) {

	.dayblock:before,
	.dayblock:after {
		display: none;
	}

	.day p {
		position: relative;
		margin: 15px 0;
	}

	.arrow-left-white {
		display: none;
	}
}

.back {
	background-color: rgba(0, 0, 0, .02);
	padding: 25px;
	font-style: italic;
	border-radius: 5px;
	margin-bottom: 25px;
}

.back p {
	margin: 0;
}

.teamfoto {
	max-width: 100%;
	height: auto;
	margin-bottom: 30px;
}

.light-blue {
	background-color: #F3F7FA;
}

.gradient-p {
	background: rgb(240, 143, 0);
	background: -moz-linear-gradient(90deg, rgba(240, 143, 0, 1) 0%, rgba(240, 173, 0, 1) 45%, rgba(240, 138, 0, 1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(240, 143, 0, 1) 0%, rgba(240, 173, 0, 1) 45%, rgba(240, 138, 0, 1) 100%);
	background: linear-gradient(90deg, rgba(240, 143, 0, 1) 0%, rgba(240, 173, 0, 1) 45%, rgba(240, 138, 0, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f08f00", endColorstr="var(--theme-orange)", GradientType=1);
	background-clip: border-box;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;

}

._form_7 form {
	width: 100% !important;
	padding: 0 !important;
}

.download-content {
	background-color: var(--theme-blue);
	padding: 35px;
	border-radius: 5px;
	overflow: hidden;
}

.download-content h1 {
	color: #fff;
	font-family: AvenirLT-Black;
	font-size: 45px;
	margin-bottom: 30px;
	line-height: 50px;
}

.download-h1 {
	font-family: AvenirLT-Heavy;
	font-size: 55px;
	font-style: normal;
	margin-bottom: 25px;
}

.download-content h2 {
	color: #fff;
	font-family: AvenirLT-Heavy;
	font-size: 24px;
}

.download-content p,
.download-content a {
	color: #fff;
	font-weight: 900;
}

.form-rel .gform_wrapper .gform_footer {
	position: inherit;
	bottom: 0;
	right: inherit;
	width: 100% !important;
}

.form-rel .gform_wrapper .gform_button {
	color: #fff;
	border-color: #fff;
}


/* 404 */
.error-categories h4 {
	font-family: GalanoGrotesque-ExtraBold;
	font-size: 20px;
	color: #343434;
	line-height: 30px;
}

.error-categories li {}

.error-categories li a {
	font-family: GalanoGrotesque-Light;
	font-size: 15px;
	color: #343434;
	line-height: 30px;
}

.error-image {
	margin-bottom: 50px;
	max-width: 100%;
}

.search-form {
	max-width: 500px;
	position: relative;
}

.error-404 .form-group {
	width: 100%;
	position: relative;
}

.error-404 .search-field {
	font-family: GalanoGrotesque-Light;
	background-color: #fff !important;
	width: 100% !important;
	border-radius: 3px 0 0 3px;
	border: 2px solid #F28C02;
	padding: 10px 15px;
	border-radius: 100px;
	transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	height: 45px;
}

.error-404 .search-submit {
	width: 45px !important;
	height: 45px;
	border-radius: 0 3px 3px 0;
	background-color: #F28C02;
	color: #fff;
	padding: 10px 15px;
	transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	border-radius: 100px;
	position: absolute;
	right: 0;
	top: 0;
	background-image: url('images/search-white.svg');
	background-size: 16px;
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -99999px;

}



.error-404 .search-form:hover .search-field {
	border-color: #000;
}

.error-404 .search-form:hover .search-submit {
	background-color: #000;
	cursor: pointer;
}

.margin-50 {
	margin: 50px 0;
}

.tooltip-product {
	position: relative;
	display: inline-block;
}

.tooltip-product .tooltiptext {
	visibility: hidden;
	max-width: 120px;
	max-height: 120px;
	background-color: #fff;
	color: #fff;
	text-align: center;
	overflow: hidden;
	border-radius: 5px;
	padding: 0;

	/* Position the tooltip */
	position: fixed;
	z-index: 99;
}

.tooltip-product .tooltiptext img {
	height: auto;
	width: 100%;
}

.tooltip-product:hover .tooltiptext {
	visibility: visible;
}

.expand-li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.expand-li a:hover {
	color: #F28C02;
}

.inschrijven-modal {
	float: right;
	border: none;
	background-color: var(--theme-orange);
	color: #fff;
	border-radius: 100px;
	padding: 5px 15px;
	display: block;
	transition: all .3s ease-in-out 0s;
}

.inschrijven-modal:hover {
	background-color: #000;
	cursor: pointer;
}

.close-modal-button {
	border-radius: 100px;
	padding: 10px 20px;
	line-height: 100%;
}

#cookiescript_injected,
#cookiescript_header {
	font-family: AvenirLT-Medium !important;
	font-weight: normal;
	font-style: normal;
}

#cookiescript_description {
	font-family: AvenirLT-Roman !important;
	font-weight: normal;
	font-style: normal;
}

.orange-bg {
	background-color: var(--theme-orange);
	padding: 20px;
	border-radius: 5px;
}

.orange-bg p,
.orange-bg a {
	color: #fff;
}

.orange-bg a {
	text-decoration: underline;
}

.orange-bg .privacy-checkbox {
	border: 2px solid #fff;
}

.orange-bg .gform_button {
	background-color: #fff;
	border-color: #fff;
}

.orange-bg .gform_button:hover {
	color: #333333;
}

.orange-bg .gform_confirmation_message {
	margin: 0;
	background-color: #fff;
	float: none;
	display: inline-block;
	color: var(--theme-orange);
	position: relative;
}

.rating-container {
	position: relative;
}

.rating {
	width: 35px;
	height: 35px;
	line-height: 32px;
	text-align: center;
	border-radius: 100%;
	border: 3px solid var(--theme-orange);
	color: var(--theme-orange);
	position: absolute;
	left: 0;
	top: 5px;
	font-family: AvenirLT-Black;
}

.rating-container p {
	margin-left: 50px;
}

.half {
	clear: none !important;
	display: inline-block;
	width: 50%;
	border: 2px solid transparent;
	margin: 0 !important;
}

.full {
	margin: 0 !important;
	width: 100%;
	border: 2px solid transparent;
}

.full .ginput_container_email {
	margin: 0 !important;
}

.gfield .gfield-choice-input {
	width: auto !important;
	margin-right: 6px !important;
}

#play {
	z-index: 1;
	cursor: pointer;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);


}

@keyframes spin {
	to {
		transform: rotate(360deg);
	}
}

.stroke-solid {

	stroke-dashArray: 300;
	stroke-width: 4px;

	animation-duration: 8s;
	/* animation-name        : border_animatie; */
	animation-iteration-count: infinite;
	animation-direction: alternate;
	*/
}

.play-above-title {

	transform: scale(1);
	animation: zoom-in-zoom-out 2s linear infinite;
}


@keyframes zoom-in-zoom-out {
	0% {
		transform: scale(0.94);

	}

	50% {
		transform: scale(1);

	}

	100% {
		transform: scale(0.94);

	}
}


@keyframes pulse {
	0% {
		transform: scale(0.95);

	}

	70% {
		transform: scale(1.1);

	}

	100% {
		transform: scale(0.95);

	}
}


@keyframes border_animatie {

	0% {
		stroke-dashoffset: -300;
	}

	40% {
		stroke-dashoffset: 300;
	}

	80% {
		stroke-dashoffset: -300;
	}

}

.parallax-overlay {
	opacity: .5;
}

#play:hover+.parallax-overlay {
	opacity: 1;
}

#play:hover .stroke-solid {
	opacity: 1;

	stroke-dashArray: 300;
}

#play:hover .icon {
	/* 	transform: scale(0.9); */
}



.play-above-title {
	width: 100%;
	height: 100px;
	position: absolute;
	top: 40%;
	z-index: 99;
	text-align: center;
}




.my-button:before {
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: rgba(0, 0, 0, 0.1);
	height: 100%;
	width: 100%;
	content: "";
}

.page-position {
	height: 100%;
	width: 100%;
}

.logo-block img {
	width: auto;
	height: auto;
	position: relative;
	max-width: 140px;
	max-height: 80px;
	width: 100%;
	filter: grayscale(100%);
	transition: all .2s ease-in-out 0s;
	-webkit-transition: all .2s ease-in-out 0s;
	-moz-transition: all .2s ease-in-out 0s;
}

.logo-block:hover img {
	filter: grayscale(0%);
}

.overflow-hidden {
	overflow: hidden;
}

.logo-swiper .swiper-wrapper {
	height: auto !important;
}



/* @media (max-width: 576px) {
	.logo-swiper .swiper-wrapper .swiper-slide {
		flex: 0 0 40% !important;
	}
  } */
.logo-swiper .swiper-wrapper,
.linkedin-swiper .swiper-wrapper {
	transition-timing-function: linear;
}

.swiper-button-next:after,
.swiper-button-prev:after {
	opacity: 0;
}

.case-swiper {
	overflow: hidden;
}

.home .full-height-image .overlap-image {
	z-index: 2;
	margin-top: 0px;
	height: 100%;
}

.home .full-height-image .overlap-image .flex-box {
	margin: 0px !important
}

@media screen and (max-width:768px) {
	.home .full-height-image .overlap-image {
		margin-left: -15px;
		margin-right: -15px;
	}

}

.interactive-span {
	color: #fff;
	position: relative;
	display: inline-block;
	font-family: 'AvenirLT-Black';
	margin-top: 114px;
	font-size: 25px;
	line-height: 1.4;
}

.tb_ht_arrow {
	background-color: #fff;
	border-radius: 35px;
	color: #000;
	cursor: pointer;
	font-size: 16px;
	height: 46px;
	bottom: -61px;
	transform: translateY(0) !important;
	width: 46px;
	z-index: 9;
}

.ratio::before {
	display: block;
	padding-top: 100%;
	content: "";
}

.ratio>* {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



.linkedin-swiper .swiper-button-next,
.linkedin-swiper .swiper-button-prev {
	border-color: var(--theme-blue) !important;
}

.navSlider {
	position: absolute;
	bottom: 20px;
	left: 15px;
	width: 100px;
}

.linkedin-swiper {
	padding-bottom: 70px;
}

.linkedin-swiper .swiper-button-next {
	background-image: url(images/arrow-orange-right.svg);

}

.linkedin-swiper .swiper-button-prev {
	background-image: url(images/arrow-orange-left.svg);

}

.linkedin-update-image {
	border-radius: 7px;
}

:root {
	--theme-orange: #FF9E1B;
	/* Oranje */
	--theme-black: #313131;
	/* Zwart */
	--theme-blue: #003865;
	/* Blauw */
	--theme-orange-dark: #e87a15;
	/* Donkerder oranje voor hover */
	--theme-blue-dark: #002c4a;
	/* Donkerder blauw voor hover */
	--theme-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
	/* Zachte standaard schaduw */
	--theme-hover-shadow:  rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	/* Iets sterkere hover schaduw */
	--theme-shadow-box:  rgba(0, 0, 0, 0.16) 0px 1px 4px;


}


.btnContact {
	border: none !important;
	display: flex !important;
	padding: 0.5rem 2rem !important;
	justify-content: center !important;
	align-items: center !important;
	gap: 0.5rem;
	font-style: normal !important;
	font-weight: 200 !important;
	font-size: 0.92969rem !important;
	line-height: 1.75rem !important;
	cursor: pointer !important;
	transition: all 0.3s ease-in-out !important;
	border-radius: 4px !important;
	box-shadow: 0 2px 5px var(--theme-shadow) !important;
	width: fit-content !important;
	font-family: AvenirLT-Medium !important;

}

.btn-primary,
.btn-white,
.btn-secondary,
.btn-secondary-outline,
.gform_button,
._submit {
	border: none;
	display: flex;
	padding: 0.6rem 2rem 0.5rem 2rem;
	justify-content: center;
	align-items: center;
	gap: 0.5rem;
	font-style: normal;
	font-weight: 600;
	font-size: 0.92969rem !important;
	line-height: 1.7rem !important;
	text-transform: none;
	letter-spacing: normal;
	cursor: pointer;
	transition: all 0.3s ease-in-out !important;
	border-radius: 4px;
	 box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px !important;
width: fit-content;
}

.btn-primary,
.btnContact,
.gform_button {
	background-color: var(--theme-orange) !important;
	color: white !important;
}

.btn-primary:hover,
.btnContact:hover,
.gform_button:hover {
	background-color: var(--theme-orange-dark) !important;
	transform: scale(1.03);
	box-shadow: 0 4px 10px var(--theme-hover-shadow) !important;
}

.btn-primary:active,
.btnContact:active {
	background-color: #e17e18;
	transform: scale(1);
	box-shadow: none;
}



.btn-secondary {
	background-color: var(--theme-blue);
	color: white;
}

.btn-white {
	background-color: white !important;
	color: black;
	    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px !important;
}


.btn-secondary-outline {
	
	color: white;
		border: 1px white solid;
}


.btn-secondary-outline:hover {
	background-color: var(--theme-blue-dark);
	color: white;
	box-shadow: 0 4px 10px var(--theme-hover-shadow) !important;
	transform: scale(1.03);
}

.btn-secondary-outline:active {
	background-color: #001732; 
	color: white;
	transform: scale(1);
	box-shadow: none;
}

.btn-equal {
  /* min-width: 220px;  */
  text-align: center;
}

@media (max-width: 576px) {

	.btn-equal {
  min-width: 220px; 
  text-align: center;
}
}

.btn-secondary:hover {
	background-color: var(--theme-blue-dark);
	transform: scale(1.03);
	box-shadow: 0 4px 10px var(--theme-hover-shadow);
}

.btn-secondary:active {
	background-color: #00224b;
	transform: scale(1);
	box-shadow: none;
}

.btn-primary svg,
.btn-secondary svg {
	fill: white;
}

.btn-primary:focus,
.btn-secondary:focus {
	outline: none;
}

.btn-primary:focus {
	box-shadow: 0 0 0 4px rgba(255, 158, 27, 0.5);
}

.btn-secondary:focus {
	box-shadow: 0 0 0 4px rgba(0, 56, 101, 0.5);
}

.gform_button,
._submit {
	background-color: var(--theme-orange);
	color: white !important;
}

.gform_button:hover,
._submit:hover {
	background-color: var(--theme-orange-dark);
	transform: scale(1.03);
	box-shadow: 0 4px 10px var(--theme-hover-shadow);
}

.services .card {
	background-color: #f3f7fa;
	border: none;
	max-width: 20rem;
	    box-shadow:   rgba(0, 0, 0, 0.16) 0px 1px 4px;

}

.bg-service {
		background-color: #f3f7fa;
			border: none;
	max-width: 20rem;
    box-shadow:   rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.services .card .card-footer {
	background-color: #f3f7fa;
}

.services .card .service-icon {
	width: 10rem;
	height: 10rem;
	object-fit: contain;
}

.serviceTitle {
	color: #313131;
	font-family: Avenir;
	font-size: 1.25rem;
	font-style: normal;
	font-weight: 800;
	line-height: 2.125rem;
	/* 170% */
}

.arrow-hover-effect {
	position: relative;
	overflow: hidden;
}

.arrow-image {
	transition: transform 0.3s ease-in-out;
}

.arrow-hover-effect:hover .arrow-image {
	transform: translateX(4px);
}

.link-dark {
	position: relative;
	transition: text-decoration 0.3s ease-in-out;
}

.link-dark:hover {
	text-decoration: underline !important;
}


.client-card {
	background: white;
	padding: 2rem;
	border-radius: 5px;
	/* box-shadow  : 0 0 12px rgba(0, 0, 0, 0.1); */
	height: 145px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: var(--theme-shadow-box);

}


.contact h2 {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}


.scrollTitle {
	font-weight: 900 !important;
}

.contentImg {
	border-top-left-radius: 100px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 100px;
	border-bottom-left-radius: 4px;
	/* width                  : 33.5625rem; */
	max-height: 24.875rem;
	max-width: 33.5rem;
	height: auto;
	width: 100%;
	min-height: 250px;
	flex-shrink: 0;
	object-fit: cover;
	box-shadow: var(--theme-shadow-box);

}

.content2Img {
	border-top-left-radius: 100px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 100px;
	border-bottom-left-radius: 4px;
	flex-shrink: 0;
	box-shadow: var(--theme-shadow-box);
	aspect-ratio: 877/398;
	max-width: 50.8125rem;
	max-height: 25.875rem;
	min-height: 250px;
	object-fit: cover;
	width: 100%;
	height: auto;
}


.heroImg {
	max-width: 500px;
	max-height: 580px;
	width: 100%;
	height: auto;
	flex-shrink: 0;
	object-fit: cover;
	aspect-ratio: 630/537;
	border-top-left-radius: 100px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 100px;
	border-bottom-left-radius: 4px;
	box-shadow: var(--theme-shadow-box);

}

.heroHomeImg {
	max-width: 600px;
	min-width: 500px;
	max-height: 600px;
	aspect-ratio: 1/1;
	width: 100%;
	height: auto;
	flex-shrink: 0;
	object-fit: cover;
	border-top-left-radius: 100px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 100px;
	border-bottom-left-radius: 4px;
	box-shadow: var(--theme-shadow-box);
}

@media (max-width: 576px) {
.heroHomeImg {
	max-width: 100%;
	min-width: auto;
	max-height: 550px;
  }
}

.lead-banner {
	text-wrap: balance;
}

.contactImg {
	max-width: 550px;
	max-height: 580px;
	min-height: 250px;
	flex-shrink: 0;
	object-fit: cover;
	aspect-ratio: 580/500;

	border-top-left-radius: 100px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 100px;
	border-bottom-left-radius: 4px;
	box-shadow: var(--theme-shadow-box);
	width: 100%;
	height: auto;
}


.vacatureImg {
	max-width: 550px;
	max-height: 580px;
	min-height: 300px;
	flex-shrink: 0;
	object-fit: cover;
	/* aspect-ratio: 580/500; */
	aspect-ratio: 16/9;
	border-top-left-radius: 100px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 100px;
	border-bottom-left-radius: 4px;
	box-shadow: var(--theme-shadow-box);
	width: 100%;
	height: auto;
}

@media (max-width: 576px) {
	.vacatureImg {
	max-width: 550px;
	max-height: 300px;
	min-height: 220px;
	flex-shrink: 0;
	object-fit: cover;
	aspect-ratio: 16/9;
	border-top-left-radius: 100px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 100px;
	border-bottom-left-radius: 4px;
	box-shadow: var(--theme-shadow-box);
	width: 100%;
	height: auto;
}
  }

.img-container .overOnsImg {
	border-top-left-radius: 100px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 100px;
	border-bottom-left-radius: 4px;
	object-fit: cover;
	box-shadow: var(--theme-shadow-box);
	width: 100%;
	flex-shrink: 0;
	aspect-ratio: 763/452;
	flex-shrink: 0;
	max-width: 47.6875rem;
	max-height: 28.25rem;
	min-height: 300px;
}

.projectImg {
		border-top-left-radius: 100px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 100px;
	border-bottom-left-radius: 4px;
	object-fit: cover;
	box-shadow: var(--theme-shadow-box);
	width: 100%;
	flex-shrink: 0;
	aspect-ratio: 763/452;
	flex-shrink: 0;
	max-width: 47.6875rem;
	max-height: 28.25rem;
	min-height: 300px;
}

.nieuwsImg {
		border-top-left-radius: 100px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 100px;
	border-bottom-left-radius: 4px;
	object-fit: cover;
	box-shadow: var(--theme-shadow-box);
	width: 100%;
	flex-shrink: 0;
	aspect-ratio: 16/9;
	flex-shrink: 0;
	/* max-width: 52.6875rem; */
	max-height: 28.25rem;
	min-height: 300px;
}


.contentAlgemeenImg {
	border-top-left-radius: 100px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 100px;
	border-bottom-left-radius: 4px;
	object-fit: cover;
	width: 100%;
	height: auto;
	aspect-ratio: 763/452;
	flex-shrink: 0;
	max-width: 45.6875rem;
	max-height: 28.25rem;
}


.overOnsTitleBlokjes {
	color: #313131;
	font-family: Avenir;
	/* font-size  : 40px; */
	font-style: normal;
	font-weight: 800;
	line-height: 48px;
}

.overOnsImgBlokjes {
	    width: 100%;
    flex-shrink: 0;
    aspect-ratio: 537 / 398;
    max-width: 33.5625rem;
    max-height: 24.875rem;
    object-fit: cover;
	background-size: cover;
    border-top-left-radius: 100px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 100px;
    border-bottom-left-radius: 4px;
  -webkit-box-shadow:  rgba(0, 0, 0, 0.16) 0px 1px 4px;
          box-shadow:  rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.overOnsImgBlokjes.no-box-shadow {
	    width: 100%;
    flex-shrink: 0;
    aspect-ratio: 537 / 398;
    max-width: 33.5625rem;
    max-height: 24.875rem;
    box-shadow: var(--theme-shadow-box);
    object-fit: cover;
    border-top-left-radius: 100px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 100px;
    border-bottom-left-radius: 4px;
  -webkit-box-shadow: none;
          box-shadow: none;
}


.hero {
	/* min-height: 150vh; */
	height: auto;
	padding-top: 7rem;
}

@media (max-width: 576px) {
	.container {
		padding: 0 20px;
	}
}

.tagline {
	color: var(--theme-orange) !important;
}

.scrollChild {
	max-width: 30.75rem;
}

.heroTitle {
	color: #313131;
	font-family: AvenirLT-Medium !important;
}


.streamerTitle,
.sliderTitle {
	color: #313131;
	font-family: AvenirLT-Medium !important;
	max-width: 43.19531rem;

}

.footerTitle {
	color: #FFF;
	text-align: center;
	line-height: 3rem;
	font-weight: 800 !important;
	font-family: AvenirLT-Book;
}

@media (max-width: 576px) {
.footerTitle {
	color: #FFF;
	text-align: center;
	line-height: 2rem;
	font-weight: 800 !important;
	font-family: AvenirLT-Book;
}
}

.blok4 {
	height: 700px !important;
	width: 400px !important;
	object-fit: contain;
	opacity: 0.8;
}


.intro-container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9999;
}

.logo-container {
	position: absolute;
	width: 300px;
	height: auto;
	left: 50%;
	transform: translateX(-100%);
}

.logo-image {
	position: absolute;
	width: 100%;
}

#group {
	top: 0px;
	right: -320px;
}


.hidden-tablet {
	color: #000;
}

.page-template-content-home.loading {
	overflow: hidden;
}

#bg,
#fte,
#group {
	visibility: hidden;
}


@media (max-width: 768px) {
	.logo-container {
		width: 180px;
	}

	.logo-image {
		max-width: 150px;
	}

	#group {
		right: -140px;
	}
}


.news a,
.footernav a,
.nieuws-card a,
.nieuws-content a {
	text-decoration: none !important;

}

a {
	text-decoration: none !important;

}

.newsTitel {
	color: #F78E1E;
	font-family: Avenir;
	font-size: 20px;
	font-weight: 350;
}


.nieuws-card a {
	text-decoration: none;
	color: inherit;
}

.nieuws-content {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	text-decoration: none !important;
	padding: 20px;
}

.nieuws-label {
	width: fit-content;
}

.card-footerNews {
	margin-top: auto;
}


.nieuws-card a {
	display: block;
	text-decoration: none;
	color: inherit;
}


.nieuws-card {
	transition: all 0.2s ease-in-out;
	border: none;
	box-shadow: var(--theme-shadow-box);

}

.nieuws-card:hover {
	box-shadow:  var(--theme-hover-shadow);
	transform: translateY(-2px);
	cursor: pointer;
}

.sliderTitel {
	color: #313131;
	font-family: AvenirLT-Medium !important;
	font-size: 40px;
	font-style: normal;
	font-weight: 500;
	line-height: 48px;
	/* 120% */
}

.footerTitleBottom {
	font-weight: 600;
	font-family: Avenir;

}

.topConsultingImg {
	width: 110px !important;
	height: auto;
}


.client-logos li,
.client-logo-wrap {
	list-style: none;
}

.p-15 {
	padding-top: 15px;
	padding-bottom: 15px;
}

.embed-responsive {

	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.embed-responsive img {
	position: absolute;
	top: 0px;

}

.client-logos {
	padding: 20px 0;
}

.case-logo {
	background-size: 90%;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 5px;
	min-height: 100px;
	height: auto !important;
	width: 100% !important;
	max-width: 170px;
	aspect-ratio: 1/1;
	min-width: 100px;
	margin-right: 10px;
	transform: scale(1);
	transition: all .2s ease-in-out 0s;
	-webkit-transition: all .2s ease-in-out 0s;
	-moz-transition: all .2s ease-in-out 0s;
}

.swiper-slide {
	margin-right: 10px;
}

.hvr-underline-reveal {
	display: inline-block;
	vertical-align: middle;
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	overflow: hidden;
	white-space: nowrap;
}

.hvr-underline-reveal:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--theme-orange-dark);
	height: 2px;
	transform: translateY(4px);
	transition-property: transform;
	transition-duration: 0.3s;
	transition-timing-function: ease-out;
}

.hvr-underline-reveal:hover:before,
.hvr-underline-reveal:focus:before,
.hvr-underline-reveal:active:before {
	transform: translateY(0);
}

.overlap-image2 {
	width: 100%;

	background-size: cover;
	background-position: center;
	border-top-left-radius: 100px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 100px;
	border-bottom-left-radius: 4px;

	aspect-ratio: 797/532;
	flex-shrink: 0;
}

.flex-box2 {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	position: relative;
}

.page-position2 {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}


.contentSection {
	height: fit-content;
}

.carousel-indicators {
	bottom: -60px;
}

.serviceSlide {
	background-color: var(--theme-orange) !important;

}


.simple-banner {
	width: 100%;
	background-color: #f8f9fa;
	padding: 35px 5px;
	margin-top: 25px;
	border-radius: 6px;
}
/* 
.simple-banner-orange {
		width: 100%;
	background-color: var(--theme-orange);
	padding: 25px 5px;
margin-bottom: 20px;
	border-radius: 6px;
} */

/* 
.simple-banner-orange {
		width: 100%;
	background-color: var(--theme-orange);
	padding: 25px 5px;
margin-bottom: 20px;
	border-radius: 6px;
} */


@media (max-width: 576px) {
.simple-banner {
	width: 100%;
	background-color: #f8f9fa;
	padding: 30px 5px;
	margin-top: 20px;
	border-radius: 6px;
}
  }


.simple-banner-title {
	/* font-weight: 600; */
	color: #333;
	text-align: left;
	margin: 0;
	padding-left: 20px;
	/* font-size: calc(1.475rem + 2.7vw) !important; */
}

@media (max-width: 768px) {
	.simple-banner-title {
		padding-left: 10px;
	}
}

.datum-label {
	width: fit-content;
}

.headerTopMenu .search-container {
	display: flex;
	align-items: center;
	width: 44px;
	height: 44px;
	background-color: #F3F7FA;
	border-radius: 6px;
	box-shadow: var(--theme-shadow-box);
	overflow: hidden;
	transition: width 0.3s ease-in-out;
}

.headerTopMenu .search-container:hover {
	width: 200px;
}

.headerTopMenu .search-icon {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 12px;
}

.headerTopMenu .search-icon svg {
	fill: var(--theme-black);
	width: 18px;
	height: 18px;
}

.headerTopMenu .search-input {
	border: none;
	outline: none !important;
	background: transparent;
	color: var(--theme-black);
	font-size: 1rem;
	width: 100%;
	padding-left: 8px;
	opacity: 0;
	transition: opacity 0.3s ease-in-out;

}

.search-input:focus {
	border: none;
	outline: none;
	box-shadow: none;
}

.search-input:active {
	border: none;
}
.search-container:hover .search-input {
	opacity: 1;
}

.zoekresultaatKleur {
	color: var(--theme-orange) !important;
	font-weight: 500;
}


.full-height {
	min-height: 100vh;
	display: flex;
	overflow: hidden;
	position: relative;
}

.rellax {
	height: 100vh;
	object-fit: cover;
}

@media (max-width: 768px) {
	.rellax {
		height: 100vh;
		object-fit: cover;
		width: 100%;
	}
}

.scrollBlock {
	height: 100vh;
	background-color: #f3f7fa;


}

@media (max-width: 768px) {
	.scrollBlock {
		height: 50%;
		position: relative;
		overflow: hidden;
		z-index: 2;

	}
}

.video-overlay {
	top: 0;
	width: 50%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;

	margin: auto;

}

@media (max-width: 768px) {
	.video-overlay {
		height: 100% !important;
		width: 100% !important;
		top: -15%;
		margin: auto;


	}
}



.scrollContent {
	max-width: 60%;
	text-align: left;
	display: flex;
	height: 100vh;
	flex-direction: column;
	margin: auto;
	align-content: center;
	justify-content: center;
}

@media (max-width: 768px) {
	.scrollContent {
		height: 100% !important;
		max-width: 100% !important;
		padding: 2rem;
	}




}

.has-submenu {
    position: relative;
    cursor: pointer;
}

.submenu {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 1000;
    width: max-content;
    min-width: 160px;
    flex-direction: column;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    opacity: 0;
    visibility: hidden;
}

.has-submenu:hover .submenu {
    display: flex;
    opacity: 1;
    visibility: visible;
}

.submenu li {
    margin: 0;
}

.submenu li a {
    color: #333333;
    text-decoration: none;
    display: block;
    padding: 10px 20px;
    font-weight: 500;
    transition: background-color 0.3s ease, color 0.3s ease;
    border-radius: 4px;
    text-align: start;
    position: relative;
    cursor: pointer;
}

.submenu li a::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 20%;
    transform: translateX(-20%);
    width: 100%;
    height: 2px;
    background-color: #efefef89;
    border-radius: 1px;
    opacity: 1;
    transition: opacity 0.3s ease;
}

.submenu li:last-child a::after {
    opacity: 0;
}

.submenu li a:hover::after {
    opacity: 0;
}

.submenu li a:hover {
    background-color: var(--theme-orange);
    color: #ffffff;
    box-shadow: var(--theme-shadow-box);
}

	@media (max-width: 768px) {
    .header-mobile-items .menu-item-has-children > a .submenu-indicator {
        position: absolute;
        right: 140px !important;
        top: 12px !important;
		font-size: medium !important;
        transform: translateY(-50%) rotate(0deg);
        transition: transform 0.3s ease;
    }
}

/* Business Improvers Section Styling */
.business-improvers-grid {
    padding: 4rem 0 0rem 0;
}

.business-improvers-grid .improver-circle-link {
    display: block;
    text-decoration: none;
    color: inherit;
    transition: transform 0.3s ease;
}

.business-improvers-grid .improver-circle-link:hover {
    transform: translateY(-5px);
    text-decoration: none;
    color: inherit;
}

.business-improvers-grid .improver-image-container {
    position: relative;
    margin-bottom: 15px;
    display: flex;
    justify-content: center;
}

.business-improvers-grid .improver-image {
   width: 200px;
height: 200px;
    border-radius: 50%;
    object-fit: cover;

                box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    transition: all 0.3s ease;
    background-color: #f8f9fa;
}

.business-improvers-grid .improver-image:hover {
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    transform: scale(1.05);
}

.business-improvers-grid .improver-placeholder {
width: 200px;
height: 200px;
    border-radius: 50%;
    background-color: #e9ecef;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6c757d;
    font-size: 12px;
    text-align: center;

    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.business-improvers-grid .improver-placeholder:before {
    content: "Geen foto";
}



/* Grid layout for business improvers */
.business-improvers-grid .row {
    margin-left: 10px;
    margin-right: 10px;
}

.business-improvers-grid .row [class*="col-"] {
    padding-left: 10px;
    padding-right: 10px;
}

/* Button styling */
.business-improvers-grid .btn-primary {
  
    border: none;
    padding: 12px 24px;
    border-radius: 25px;
    font-weight: 600;

    text-decoration: none;
    display: inline-flex;
    align-items: flex-start !important;
    gap: 8px;
    transition: all 0.3s ease;
background-color: transparent !important;
box-shadow: none !important;
color: #F78E1E !important;
font-size: 17.5px !important;
font-style: normal;
font-weight: 500;
line-height: 29px; 
}

.business-improvers-grid .btn.btn-primary:hover {
    background-color: #e55a2e;
    transform: translateY(-2px);
    text-decoration: none;
    color: white;
}



/* Remove inline styles and apply proper CSS */
.business-improvers-grid .improver-circle-link {
    /* Override inline styles */
    text-decoration: none !important;
    color: inherit !important;
}

.business-improvers-grid .improver-image {
    /* Override inline styles */
    border-radius: 50% !important;
   width: 200px;
height: 200px;
    object-fit: cover !important;
    margin: 0 auto !important;
    display: block !important;
}



/* Placeholder styling override */
.business-improvers-grid div[style*="border-radius: 50%"] {
    border-radius: 50% !important;
width: 200px;
height: 200px;
    background-color: #e9ecef !important;
    margin: 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

                box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.business-improvers-grid div[style*="border-radius: 50%"]:before {
    content: "Geen foto";
    color: #6c757d;
    font-size: 12px;
}

/* Responsive adjustments */
@media (max-width: 768px) {

	/* Grid layout for business improvers */
.business-improvers-grid .row {
    margin-left: 10px;
    margin-right: 10px;
}

.business-improvers-grid .row [class*="col-"] {
    padding-left: 20px;
    padding-right: 20px;
}
    .business-improvers-grid .improver-image,
    .business-improvers-grid .improver-placeholder,
    .business-improvers-grid div[style*="border-radius: 50%"] {
          width: 90px !important;
        height: 90px !important;
    }

    .business-improvers-grid .improver-name {
        font-size: 14px !important;
    }

    .business-improvers-grid .btn.btn-primary {
        padding: 10px 20px;
        font-size: 13px;
    }
}

@media (max-width: 576px) {
	.business-improvers-grid {
    padding: 1rem 0;
}

    .business-improvers-grid .improver-image,
    .business-improvers-grid .improver-placeholder,
    .business-improvers-grid div[style*="border-radius: 50%"] {
  width: 90px !important;
        height: 90px !important;
    }

    .business-improvers-grid .improver-name {
        font-size: 12px !important;
        margin-top: 10px !important;
    }

    .business-improvers-grid .btn.btn-primary {
        padding: 8px 16px;
        font-size: 12px;
    }
}


/* Business Improvers Cards Page Styling */
.business-improvers-cards {
  padding: 2rem 0;
}
/* .business-improvers-cards .card {
/* .business-improvers-cards .card {
  border: 1px solid #e9ecef;
  border-radius: 12px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  overflow: hidden;
  background: #fff;
  height: 100%;
} */
/* .business-improvers-cards .card:hover {
} */
/* .business-improvers-cards .card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
  border-color: #dee2e6;
} */
} */
.business-improvers-cards .card .card-img-top {
  width: 100%;
  height: 250px;
  object-fit: cover;
  transition: transform 0.3s ease;
}
/* .business-improvers-cards .card:hover   .card-img-top{
/* .business-improvers-cards .card:hover   .card-img-top{
  transform: scale(1.02);
} */
} */
.business-improvers-cards .card .card-body {
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
}
.business-improvers-cards .card .card-body .card-title {
  font-size: 1.25rem;
  font-weight: 600;
  color: #333;
  margin-bottom: 0.5rem;
  line-height: 1.3;
}
.business-improvers-cards .card .card-body .card-subtitle {
  font-size: 0.9rem;
  color: #6c757d;
  font-weight: 500;
  margin-bottom: 1rem;
  letter-spacing: 0.5px;
}
.business-improvers-cards .card .card-body .card-text {
  color: #555;
  line-height: 1.6;
  font-size: 0.9rem;
  margin-bottom: 1rem;
  flex-grow: 1;
  /* Limit text to approximately 3 lines */
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.business-improvers-cards .card .card-body .btn {
  margin-top: auto;
  align-self: flex-start;
}
.business-improvers-cards .card .card-body .btn.btn-primary {
  background-color: #ff6b35;
  border: none;
  padding: 10px 20px;
  border-radius: 25px;
  font-weight: 600;
  color: white;
  text-decoration: none;
  font-size: 0.9rem;
  transition: all 0.3s ease;
}
.business-improvers-cards .card .card-body .btn.btn-primary:hover {
  background-color: #e55a2e;
  transform: translateY(-2px);
  box-shadow: 0 4px 15px rgba(255, 107, 53, 0.3);
  text-decoration: none;
  color: white;
}
.business-improvers-cards .card .card-body .btn.btn-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 107, 53, 0.25);
}

.linkedin-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    flex-wrap: wrap;
}

.linkedin-text-container {
    flex: 1;
    max-width: 30%;
    padding-right: 40px;
    margin-bottom: 20px;
}







@media (max-width: 768px) {


	.linkedin-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px;
    flex-wrap: wrap;
}

    .linkedin-text-container {
        max-width: 100%;
        padding-right: 0;
        margin-bottom: 20px;
    }
}

.style-italic {

    font-weight: 400; /* normaal gewicht */
    font-size: 0.9rem; /* iets kleiner */
    color: #555;       /* subtiele grijze kleur */
}








.primary_orange {
	background-color: var(--theme-orange) !important;

}

/* .container-projecten {
background-color:  ;
        border-radius: 6px;
} */

.text-orange {
	color: 	background-color: var(--theme-orange) !important;

}

/* #not-logged-in > section > div.container.onderbanner.my-2.my-lg-5 > div:nth-child(2) > div.swiper-container.swiper-interviews.mt-4.swiper-initialized.swiper-horizontal.swiper-pointer-events > div.swiper-pagination.swiper-pagination-interviews.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
	bottom: -1600px;
} */

.nieuws-card-big {
	height: 280px;
}

.nieuws-image-big {
	height: 280px !important;
}

.swiper-pagination-bullet-active {
	background-color: var(--theme-orange);
}

div.swiper-container.swiper-interviews.swiper-initialized.swiper-horizontal.swiper-pointer-events > div.swiper-pagination.swiper-pagination-interviews.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 60px;
    left: 0;
    width: 100%;
}


@media (max-width: 768px) {

 div.swiper-container.swiper-interviews.swiper-initialized.swiper-horizontal.swiper-pointer-events > div.swiper-pagination.swiper-pagination-interviews.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {  
	  bottom: 65px;
    left: 0;
    width: 100%;
}
}