/*
	Theme Name: Brancom Template
	Theme URI: https://www.brancom.nl
	Description: Basis voor de template
	Version: 1.0
	Author: Brancom Dev
	Author URI: https://www.brancom.nl

*/

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

@font-face {
    font-family: var(--font-normal);
    src: url('webfonts/UniNeueLight.woff2') format('woff2'),
        url('webfonts/UniNeueLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: var(--font-normal);
    src: url('webfonts/UniNeueBold.woff2') format('woff2'),
        url('webfonts/UniNeueBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}



@font-face {
    font-family: 'Uni Neue Book';
    src: url('webfonts/UniNeueBook.woff2') format('woff2'),
        url('webfonts/UniNeueBook.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


:root {
 	--font-title: "hwt-artz", sans-serif;
	--font-normal:  "Inter", sans-serif;
	
	--font-size-35: 35px;
	--color-dark: #003C41;
	--color-light: #AACBB7;
	--background-orange: #F8DFB7;
}


a, .btn, button, a img, .large-nav a:after, .star-special-hold h3, .overlay i, .swiper-slide:before, .video-link i, .main-slider  iframe{
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s  ease-in-out;
  -o-transition: all .3s  ease-in-out;
  transition: all .3s  ease-in-out;
}

/*------------------------------------*\
    Styling 2026
\*------------------------------------*/
body.home {background:var(--background-orange)}
.approach-row, .specialty-slider-holder, .specialties-row, .goals-holder, .meet-the-team-row {background-color:#fff;}
 
/*------------------------------------*\
    MAIN
\*------------------------------------*/
body, html {padding:0;margin:0;}
/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}

html {
	font-size:62.5%;
}
body {
	font-family: var(--font-normal);
	font-weight:300;
	font-size:18px;
	line-height:1.2;	
	color:var(--color-dark);
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#444;
	text-decoration:none;
}
a:hover {
	color:#444;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {
	max-width:1280px;
	width:100%;
	margin:0 auto;
	position:relative;
}
.wrapper-large, .large-wrapper {max-width:1630px;}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-title); margin: 0 0 25px;color:var(--color-dark); font-size:31px; font-weight:bold;line-height:1.1;
}

h3.subtitel {margin:0;color:#999fb2;font-size:52px;font-weight:normal;font-style:italic}

body {font-size:22px;line-height:1.4;color:var(--color-dark); font-family: var(--font-normal);font-weight:normal}

p {margin:0 0 25px}
p:last-child {margin:0}

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


.overlay {content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}
.textcenter, .text-center {text-align:center;}

.title-box {margin-bottom:25px;}
.title-box h2, .title-box h1 {    font-size: 74px;	font-weight:300;font-style:normal;margin-bottom:0;line-height:80%}
.title-box h2 span, .title-box h1 span{font-family: var(--font-title);font-weight:normal;font-style:normal;}
.title-box h2 strong, .title-box h1 strong{font-weight:bold;font-style:normal;color:var(--color-light)}

.title-box h1 span.subtitel {font-family: var(--font-normal);font-size: var(--font-size-35);font-style: normal;font-weight: 300;display:block;margin-bottom:5px;}

.large-title-box h1 {font-size:105px;}

.small-title-box h2 {    font-size: 35px;}
.green-title-box h2, .green-title-box h1{    color: #b2c055;}
.regular-title-box h2 {font-size:70px;}

.blokken-row .title-box h3 {margin:0;font-weight:300;font-size:43px;font-style:italic}
.blokken-row .title-box h2 {font-weight:bold}

.goals-row .title-box h2  {font-weight:bold}

.marginfix, .margin-fix {margin-bottom:45px}
.large-marginfix {margin-bottom:60px}
.large-margintop {margin-top:60px;}



/*Scrollpages*/
.scroll-row {padding:100px 45px 50px;min-height:100vh;position:relative}
.scroll-row.images-row {padding:70px 45px 20px;min-height:auto;}

.first-scroll-row {padding-top:0!important;min-height:calc(100vh - 110px)}
.first-scroll-row .wrapper {position:initial}
.scroll-row .back-btn-hold {margin-top:60px;margin-bottom:100px}
.scroll-banner-titel h3 {margin:0;font-weight:300;font-size:43px;}
.scroll-banner-titel {    margin-top: 30px;}
.scroll-banner-image {position:absolute;top:0;right:0;width:65%;height:100%;}
.scroll-banner-image img {width:100%;}
.scroll-banner-titel {color:var(--color-dark);font-size:29px;position:relative;z-index:100}
.scroll-banner-titel h1 + p {margin-top:25px}
.fruit-banner-content {font-weight:bold;font-style:italic;font-size:38px}


.blok-images-holder > div {position:relative;}
.blokken-row .blok-image img {width:100%}
.blokken-row .blok-image-frontside img {    width: auto;    max-width: 100%;}

.rightsided-images .blok-image-backside {padding-left:15%;}
.leftsided-images .blok-image-backside {padding-right:15%;}

.blok-image-frontside {    position: absolute;    z-index: 100;}
.rightsided-images .blok-image-frontside {padding-right:35%}
.leftsided-images .blok-image-frontside {padding-left:35%}

.top-sided >div {padding-top:65px}
.bottom-sided >div {padding-bottom:150px}

.top-sided.leftsided-images .blok-image-frontside {top:0;left:0;}
.top-sided.rightsided-images .blok-image-frontside {top:0;right:0;}

.bottom-sided.leftsided-images .blok-image-frontside {bottom:0;left:0;}
.bottom-sided.rightsided-images .blok-image-frontside {bottom:0;right:0;}





.goals-single-row .standaard-content {
    font-size: 52px;
    color: #999fb2;
    line-height: 1;
    font-weight:bold;
    font-style: normal;
}
.goals-blokken-row .large-8 {position:relative;z-index:100}
.goals-blokken-row .large-8:first-child {padding-right:5%}
.goals-blokken-row .large-8:last-child  {padding-left:5%}

.goals-blokken-row .title-box {position:relative;}
.goals-blokken-row .title-box:after {content:"";position:absolute;bottom:-30px;left:calc(100% - 135px);height:1px;width:450px;background:#b2c055}
.goals-blokken-row .large-8:last-child .title-box:after {left:auto;right:calc(100% - 135px)} 


.goals-blokken-row .title-box:before {content:"";position:absolute;    bottom: -43px;    left: calc(100% + 314px);height:28px;width:28px;border:1px solid #b2c055;border-radius:50%;}
.goals-blokken-row .large-8:last-child .title-box:before {left:auto;right:calc(100% + 314px)} 


/*Algemeen*/
.team-title-box h2 {color:#b2c055;font-size:70px}
.single-post .title-box {margin-bottom:45px}
.single-post .title-box h3 {margin-top:10px}

.regular-page {    padding-top: 90px;    padding-bottom: 45px; font-weight: 300;    font-size: 22px;}
.regular-page p {margin-bottom:45px;}
.regular-page p:last-child {margin-bottom:0}

.specialties-stars {position:relative;padding-top:50px}
.specialties-stars:before {    content: "";    position: absolute;    top: 100px;    height: calc(90% - 100px);    width: 1px;    background: #9fb02c;    left: calc(50% - 0.5px);}
.specialties, .stars {text-align:center;}
.specialties-stars h3 {font-size:37px;font-family: var(--font-normal);font-weight:300;font-style:italic;color:var(--color-dark);margin:0}

.specialties-stars h2 {font-size:73px;text-align:center}
.stars-holder .title-box {margin-bottom:45px}
.stars {    padding: 0 20px;    margin-top: 16px;}
.specialties-stars img {width:100%}
.specialties.marginfix {margin-bottom:25px}
.specialties-stars .wrapper {max-width:1450px}

.specialties-holder {padding-right:5%;margin-bottom:20px}
.stars-holder {padding-left:5%;margin-bottom:20px}
.stars .bottom-align {margin-bottom:15px}
.star-special-hold {position:relative;}
.star-special-hold:hover h3 {color:#b2c055}




.contact-page {position:relative}
.contact-page:before {width:350px;height:420px;background-image:url(img/fruit/contact-druif.jpg);background-size:contain;background-repeat:no-repeat;background-position:center center;top:calc(50% - 210px);left:calc(50% - 175px);position:absolute;content:"";}
.contact-info a:hover {color:#9fb02c}


.team-row {position:relative;overflow:hidden}
.team-row:before, .team-row:after {content:"";position:absolute;background-size:contain;background-position:center center;background-repeat:no-repeat;}
.team-row:before {background-image:url(img/fruit/team-kiwi.jpg);width:545px;height:510px;left:-290px;top:calc(52% - 255px)}
.team-row:after {background-image:url(img/fruit/contact-druif.jpg);width:545px;height:510px;right:-290px;bottom:0}
.team-row .wrapper {position:relative;z-index:100}

.team-holder {margin-top:70px;}
.small-title-box h3 {    padding-bottom: 15px;position:relative;}
.small-title-box h3:after {content:"";height:2px;width:94px;bottom:0;left:calc(50% - 47px);background:#000000;position:absolute;}
.team-holder .small-title-box h3 {text-transform:uppercase}

.team-title h3 {       margin: 0;    font-weight: normal;    font-style: normal;}
.team-title h5 {    color: #b2c055;    font-size: 19px;    margin: 0;}
.team-btn {    color: var(--color-dark);    font-weight: bold;}
.team-btn:hover {color: #b2c055; }
.team-title {margin-bottom:15px}
.team-foto {margin-bottom:25px}

.team-foto
.team-content ul, .team-content li {padding:0;margin:0;list-style:none;text-align:center;}
.team-content, .team-content a {color:var(--color-dark);font-size:18px}
.team-content a:hover {color: #b2c055;}

.meet-the-team-row .meet-the-team-content {opacity:0;transform:translate(0, -35px)}
.meet-the-team-row .team-home-box:hover .meet-the-team-content {opacity:1;transform:translate(0, 0)}

.meet-the-team-content{
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s  ease-in-out;
  -o-transition: all .3s  ease-in-out;
  transition: all .3s  ease-in-out;
}

.team-home-box.team-box-1, .team-home-box.team-box-2, .team-home-box.team-box-3, .team-home-box.team-box-4 {
  -webkit-animation-duration: 2.5s;
  animation-duration: 2.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
.team-home-box.team-box-2 {
  -webkit-animation-duration: 3.5s;
  animation-duration: 3.5s;
}
.team-home-box.team-box-3 {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}
.team-home-box.team-box-4 {
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
}
@-webkit-keyframes bounce {
  0%, 100% {
    -webkit-transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-25px);
  }
}
@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-25px);
  }
}
.team-home-box {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}


a.team-video {display:inline-block;position:relative;}
.video-link {display:block;position:relative;}

.team-video i, .video-link i {
    color: #fff;
    position: absolute;
    font-size: 23px;
    line-height: 1;
    right: 10%;
    top: 5%;
    opacity: 1;
    width: 50px;
    height: 50px;
    background: #9fb02c;
    border-radius: 50%;
    padding-top: 14px;
    padding-left: 2px;
}
.video-link i {
    text-align: center;
    right: calc(50% - 40px);
    top: calc(50% - 40px);
    width: 80px;
    height: 80px;
    padding-top: 29px;
}
.video-link:hover i {transform:scale(1.1);}
@media screen and (max-width:600px){
	.video-link i {
		text-align: center;
		right: calc(50% - 25px);
		top: calc(50% - 25px);
		width: 50px;
		height: 50px;
		padding-top: 14px;
	}	
}

@media screen and (min-width:1349px){
	.team-holder .team-video i {
        top: 1%;
    font-size: 33px;
   
    width: 70px;
    height: 70px;
     padding-top: 19px;
    padding-left: 7px;
}
}

/*-----------Video-----------*/
.video-box {position: relative; padding-bottom: 56.25%; overflow: hidden; max-width: 100%;height: auto;} 
.video-box iframe, .video-box object, .video-box embed { position: absolute;top: 0;	left: 0;width: 100%;height: 100%;}
.single-image img {width:100%}

video {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  z-index: 0;    top: 0;
    left: 0;
}


/*-----------SINGLES-----------*/
.single-content-row {    padding-top: 45px;}
.vacancy-form {    max-width: 450px;    float: right;}



/*-----------ARCHIVE-----------*/

.archive-content .title-box {margin-bottom:80px}
.archive-box {    width: 33.33333%;    text-align: center;}
.archive-box > div {background-size:cover;background-position:center center; background-repeat:no-repeat;background-color:#000;position:relative;padding-bottom:100%;overflow:hidden}
.archive-box > div:before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.3}


.vacature-box-content .overlay, .post-box-content .overlay {z-index:100;}
.vacature-box-content, .post-box-content  {position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;}
.post-box-content  .archive-box-subtitel {margin-top:10px}
.archive-box h2 {color:#fff;font-size:42px;margin:0}
h3.archive-box-subtitel {
    color: #fff;
    margin: 0;
    font-size: 29px;
    font-weight: 300;
    font-style: normal;
}


.archive-box .btn {margin-top:50px}

.archive-box:nth-child(1){padding-right:40px}
.archive-box:nth-child(2){padding-right:25px;padding-left:25px}
.archive-box:nth-child(3){padding-left:40px}


.pagination {margin-top:25px}
.pagination, .pagination a {    font-size: 32px;    color: #b2c055;    font-weight: bold;}
.page-numbers:after {content:"."}
.pagination a:hover {color:#E87724}
.pagination .current {color:#E87724}


.archive-content .archive-box { transform: translate(0,100px); opacity:0; }
.archive-content  .animated-column.archive-box {transform: translate(0,0); opacity:1;}
.archive-box {
  -webkit-transition: all 1.2s ease;
  -moz-transition: all 1.2s  ease;
  -o-transition: all 1.2s  ease;
  transition: all 1.2s  ease;
}

.vacature-box:hover .btn, .post-box:hover .btn{   background:#000;color: #fffeff;}



.certificaat-box {
    width:50%;
    margin-bottom:40px;
}

.certificaat-box-content {
    text-align: center;
}

.certificaat-box-content img {    
    width:35%;
    display:block;
    margin:0 auto;
}
.certificaat-box-content img + .btn {margin-top:15px;}

/*-----------FORMS-----------*/
form {    margin-top: -13px;}
form br {display:none}
form p {margin:0!important}


input[type='text'], input[type='email'],textarea {
	-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;
	border-radius:0;background:none;border:none;height:55px;font-family: var(--font-normal);font-weight:300;font-style:italic;color:var(--color-dark);padding-left:0;margin-bottom:50px;width:100%;display:block;border-bottom:2px solid #9fb02c;font-size:18px;
	font-style:normal;
    font-family: var(--font-normal);
    color: var(--color-dark);
    font-size: 28px;
    font-weight: bold;
    line-height: 1.1;
}
textarea {background-color:#fff;height:120px;min-height:40px;padding-top:20px;resize:none;border: 2px solid #9fb02c;padding-left:10px;}


.contact-info h3 {font-size:28px;}


.wpcf7-form-control-wrap {width:100%;display:block;}
textarea:focus-visible {outline:none;}

.wpcf7-checkbox {
    border-radius: 5px;
    background: #FFFFFF;
    width: 100%;
    margin-bottom: 20px;
    display: block;
    padding: 18px 30px;
    line-height: 1;
}

input[type="checkbox"], input[type="radio"] {display:none}
input[type="checkbox"] + span, input[type="radio"] + span {position:relative;padding-left:40px;}
input[type="checkbox"] + span:before, input[type="radio"] + span:before {background:#fff;content:"";position:absolute;top:calc(50% - 10px);left:0;width:20px;height:20px;border-radius:3px;border:1px solid #9fb02c}
input[type="checkbox"]:checked + span:before, input[type="radio"]:checked + span:before{background:#9fb02c;border-color:#9fb02c} 

#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonSlider:before {top:4px;}
#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonSliderWrapper input[type=checkbox].CybotCookiebotDialogBodyLevelButton {display:block}
input.wpcf7-form-control.has-spinner.wpcf7-submit.btn {
    float: left;
}

.wpcf7-not-valid-tip {display:none}
.wpcf7-not-valid {    border-color: #cb050e!important;}
.wpcf7 form .wpcf7-response-output {
    margin: 30px 0 0;float:left;width:100%;
    padding: 20px;
    border: 2px solid #cb050e;
    text-align: center;
}
.wpcf7-form-control-wrap {float:left;width:100%}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: #cb050e;
    color: #fff;
    background: #cb050e;
}
span.wpcf7-form-control-wrap.your-name, span.wpcf7-form-control-wrap.sur-name {
    float: left;
    width: 45%;
}
span.wpcf7-form-control-wrap.sur-name {float:right; }

button[type="submit"] {
    float: left;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background: none;
    color: var(--color-dark);
    font-size: 60px;
    cursor: pointer;
}
button[type="submit"]:hover {color:#9fb02c}
form label {float:left;width:100%;font-style:normal;
    font-family: var(--font-normal);
    margin: 0;
    color: var(--color-dark);
    font-size: 28px;
    font-weight: bold;
    line-height: 1.1;margin-bottom:15px;}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 color: var(--color-dark);font-style:normal;
    font-family: var(--font-normal);
    margin: 0;
    color: var(--color-dark);
    font-size: 28px;
    font-weight: bold;
    line-height: 1.1;
}
::-moz-placeholder { /* Firefox 19+ */
  color: var(--color-dark);font-style:normal;
    font-family: var(--font-normal);
    margin: 0;
    color: var(--color-dark);
    font-size: 28px;
    font-weight: bold;
    line-height: 1.1;
}
:-ms-input-placeholder { /* IE 10+ */
 color: var(--color-dark);font-style:normal;
    font-family: var(--font-normal);
    margin: 0;
    color: var(--color-dark);
    font-size: 28px;
    font-weight: bold;
    line-height: 1.1;
}
:-moz-placeholder { /* Firefox 18- */
   color: var(--color-dark);font-style:normal;
    font-family: var(--font-normal);
    margin: 0;
    color: var(--color-dark);
    font-size: 31px;
    font-weight: bold;
    line-height: 1.1;
}
 


/*------------------------------------*\
    GLOBES
\*------------------------------------*/
.globes {display:none}
.active-globe {display:block}

.globes-clickers {text-align:center;}
.globes-clicker {
    display: inline-block;margin:0 10px;position:relative;
    color: var(--color-dark);
    font-size: 26px;cursor:pointer
}
.globes-clicker:after {content: "";    position: absolute;    right: -14px;    top: 10%;    height: 80%;    width: 1px;    background: var(--color-dark);}
.globes-clicker:last-child:after {display:none}

.active-clicker {color:#b2c055;text-decoration:underline;}
/*------------------------------------*\
    HOME
\*------------------------------------*/
.home footer {margin-top:0}
.main-slider {margin-bottom:50px;overflow:hidden}



.main-banner-holder {position:relative;}
.scrolldown-holder {position:absolute;left:0;bottom:30px;width:100%;text-align:center}

.scrolldown {display:block;width:32px;margin:0 auto;cursor:pointer;}

@keyframes bounceIn {
	0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
    opacity: 1;
  }
	40% {
    transform: translateY(-20px);
  }
	60% {
    transform: translateY(-10px);
  }
}
.intro-fadeout .scrolldown svg {animation: bounceIn 2s infinite 2s;}



/*home first*/
.home-first-row {  min-height:100vh;padding:100px 0 55px;position:relative;overflow:hidden;  font-size: var(--font-size-35);    color: var(--color-dark);position:relative;}
.home-first-row .small-20 {position:relative;z-index:10}

.home-fruit {position:absolute;z-index:1;}
.home-fruit img {width:auto;}

.home-fruit-1 {width:208px;height:209px;    top: 17%;    left: 2%;}
.home-fruit-2 {width:404px;height:414px;top: 0%;    left: 12%;}
.home-fruit-3 {      width: 341px;    height: 296px;    top: 60%;    left: 2%;}
.home-fruit-4 {width:206px;height:196px;top: 10%;    right: 7%;}
.home-fruit-5 {width:312px;height:304px;     top: 50%;    right: 15%;}
.home-fruit-6 {width:447px;height:438px;    top: 70%;    right: 0%;}

/*video*/
.video-holder {overflow:hidden;min-height:calc(100vh - 100px);padding:53vh 0 100px;background-size:cover;background-position:center center;background-repeat:no-repeat;background-color:#000;position:relative;background-attachment: fixed;}
.video-holder:before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.2;z-index:1}
.video-holder .overlay {z-index:10;}
.video-btn-holder {position:absolute;top:60vh;width:350px;left:calc(50% - 175px);z-index:100;text-align:center}
.video-holder .overlay i {font-size:150px;color:#fffeff;opacity:.5;top:calc(50% - 75px); left:calc(50% - 75px);    position: absolute;}
.video-holder:hover .overlay i {transform: scale(0.9);}
.video-holder video {height:160%;top:0%}


.video-foreground,
.video-foreground iframe {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    pointer-events: none;
}

@media (min-aspect-ratio: 16/9) {
    .video-foreground { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
    .video-foreground { width: 300%; left: -100%; }
}


/*Approach*/
.approach-row {min-height:100vh;padding:100px 0 calc(10vh - 55px);position:relative;overflow:hidden;font-size:var(--font-size-35);}
.approach-img {position:absolute;top:0;width:30%;background-size:auto;background-repeat:no-repeat;height:100%}
.approach-img-left {background-position:center right;left:0;}
.approach-img-right{background-position:center left;right:0;width:25%}
.approach-content {display:flex;flex-wrap:wrap;justify-content:center}
.approach-content > div {max-width:660px;}

/*Specialties*/
.specialties-row {min-height:calc(100vh - 100px);position:relative;padding:150px 0 100px}
.specialties-row .wrapper {max-width:730px}
.specialties-fruit {position:absolute;}

.specialties-fruit-1 {    width: 350px; top:0%;right:30%}
.specialties-fruit-2 {    width: 318px;    right: 10%;    top: 50%;}
.specialties-fruit-3 {        width: 356px;    left: 10%;    top: 60%;}

.specialty-slide img {    width: 100%; }




.specialty-slider-titel h3 {    font-size: 106px;    color: #fff;font-weight:700;line-height:80%  }
.specialty-slider-titel {left: 50%;    position: absolute;    top: 50%;    transform: translate(-50%,-50%);    z-index: 10;    width: auto;    text-align: center;}

.overlay-slide {position:absolute;z-index:1000;width: 100%;    max-width: 80vw;}
.specialty-slide { width: 100%;    max-width: 80vw;background-size: cover;position:relative;    background-position: center center;}
.specialty-slider-holder {position:relative;}

.swiper-wrapper ~ .swiper-wrapper {
    z-index: 1000;
    position: absolute;
    top: 0;
    left: 0;
}

.swiper-wrapper.mousewheel {
  transition-duration: 1s !important;
}

.specialty-slider, .teamswiper{margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;width:100%}

.specialty-slider .swiper-slide {background-size:cover;background-position:center center;background-repeat:no-repeat;position:relative;overflow:hidden;border-radius:15px;}
.specialty-slider .swiper-slide {min-height:80vh;}

.overlayslider {position:absolute!important;top:0;left:0;width:100%;height:100%;z-index:10;}


/*Specialties inhoud*/

/*Goals inhoud*/
.goals-holder {flex-wrap:wrap;font-size:var(--font-size-35);min-height:calc(100vh - 100px);padding:130px 0 180px;background-size:cover;background-position:center center;background-repeat:no-repeat;background-color:#000;position:relative;}
.goals-holder:not(.no-overlay):before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background: rgba(0, 0, 0, 0.40);opacity:1;z-index:1}
.goals-holder .wrapper {z-index:10;position:relative;}

.goals-holder > article:nth-child(2) {width:100%}
.goals-holder  .wrapper:last-child {max-width:870px}
.goals-holder:not(.regular-color), .goals-holder:not(.regular-color) h2{	color:#ffffff;}

.goals-holder .bg {z-index:2}
.goals-holder:before {z-index:3}



/*Team inhoud*/
.meet-the-team-row .title-box h2 {font-size:107px;}
.meet-the-team-row {min-height:calc(100vh - 100px);padding:180px 0 30px;position:relative;}
.meet-the-team-row .row {position:relative;z-index:10;}

.meet-the-team-fruit {position:absolute;z-index:1;background-size:contain;background-repeat:no-repeat;}
.meet-the-team-fruit-1 {width:389px;height:363px;left:5%;top:5%;background-position:center center;z-index:2}
.meet-the-team-fruit-2 {width:261px;height:540px;right:0;top:0%;background-position:center right}
.meet-the-team-fruit-3 {width:555px;height:555px;bottom:-100px;right:calc(100% - 354px);background-position:top right;z-index:5}
.meet-the-team-fruit-4 {    width: 400px;    height: 300px;    bottom: -5%;    left: 35%;background-position:bottom center}
.meet-the-team-row h3.team-subtitle, .meet-the-team-row h3.team-subtitle a  {    margin: 0;    font-weight: 300;    font-size: 43px;    margin-top: 20px;}
.meet-the-team-row h3.team-subtitle a  {margin-top:0;}
.meet-the-team-row h3.team-subtitle a:hover {    color: #b2c055;}
.swiper-slide.team-home-box {
    max-width: 250px;
    padding-top: 20px;
}

.meet-the-team-container .swiper-wrapper .team-home-box:first-child{margin-left:15%}
.meet-the-team-container .swiper-wrapper .team-home-box:last-child{margin-right:15%}
.meet-the-team-container .team-box-1 .team-foto img{width:100%;max-width:227px}
.meet-the-team-container .team-box-2 .team-foto img{width:100%;max-width:289px}
.meet-the-team-container .team-box-3 .team-foto img{width:100%;max-width:313px}
.meet-the-team-container .team-box-4 .team-foto img{width:100%;max-width:332px}

.meet-the-team-container .team-box-1 {margin-top:12.5%}
.meet-the-team-container .team-box-2 {margin-top:7.5%}
.meet-the-team-container .team-box-3 {margin-top:20px;}
.meet-the-team-container .team-box-4 {margin-top:10%}


/*------------------------------------*\

FRUITS
\*------------------------------------*/
.where-fruit-from .small-title-box h2 {font-size:19px;position:relative;padding-bottom:20px;margin-bottom:30px;text-transform:uppercase}
.where-fruit-from .small-title-box h2:after {content:"";width:180px;height:3px;position:absolute;bottom:0;left:calc(50% - 90px); background:#b2c055;}

.fruit-slide {cursor:pointer}
.fruit-slide h3 {    font-size: 22px;    font-weight: 300;    font-style: normal;    text-align: center;}

.fruit-slide.active-trigger h3 {color:#b2c055;text-decoration:underline}


.fruit-img {padding:0 15px;margin-bottom:10px;}
.fruit-img > div {
    padding-bottom: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.fruit-tabs .tab {display:none;}

.fruit-tabs .tab h3 {margin:0;font-weight:300;font-style:italic}
.fruit-tabs .tab h2 {margin:0;font-weight:bold;}

.year-round-row {position:relative;padding:50px;}
.year-round-img {position:absolute;background-size:cover;background-position:center center;background-repeat:no-repeat;background-color:#f9f9f9;width:calc(100% - 100px);height:calc(100% - 100px);top:50px;left:50px;z-index:1;}
.year-round-row .row {position:relative;z-index:100;padding:350px 0 150px}
.year-round-row .title-box h2 {color:#fff;font-size:107px;text-shadow: 0 10px 93px #000;}
.year-round-row {    font-size: 38px;    color: #fff;    text-shadow: 0 10px 93px #000;}
.year-round-row .standaard-content {margin-top:30px;}


/*------------------------------------*\
    SCROLLER
\*------------------------------------*/
.scroller {z-index:8000;position:fixed;width:14px;height:100px;top:calc(50% - 50px);left:20px;    flex-wrap: wrap;}

.scroller > div {cursor:pointer;width:14px;height:14px;cursor:pointer;background:none;border:1px solid #b2c055;border-radius:50%;margin-bottom:10px;}
.scroller > div:last-child {margin-bottom:0}
.scroller > div:hover, .scroller > div.active {background:#b2c055}


.scroller > div{
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s  ease-in-out;
  -o-transition: all .3s  ease-in-out;
  transition: all .3s  ease-in-out;
}
/*------------------------------------*\
    FRUITS Images
\*------------------------------------*/
.citrus-row .wrapper {position:relative;z-index:10}


.citrus-row .scroll-fruit {position:absolute;	z-index:1;background-repeat:no-repeat;background-size:contain;}
.citrus-row .scroll-fruit-left {	
	width:20%;height:500px;	
	background-position:left top;left:0;top:0;
}
.citrus-row .scroll-fruit-right {	
	width:30%;height:700px;		right:0;bottom:5%;	
	background-position:right bottom;
}


/*------------------------------------*\
    BUTTONS
\*------------------------------------*/
.back-btn-hold {margin-bottom:30px;position:relative;z-index:200}
.back-btn {color:#9fb02c;font-size:16px;text-transform:uppercase;    font-weight: bold;}
.back-btn:hover {color:var(--color-dark)}
.back-btn i {margin-right:10px}


.btn {
    color: #fff;
    border: none;
    outline: none;
    padding: 10px 20px;
    display: inline-block;
    font-size: 30px !important;
    background: #E87724;
    min-width: auto;
    position: relative;
    border-radius: 10px;
    line-height: 1;
    font-weight: 700;
    font-family: var(--font-title);
    text-transform: uppercase;
}
.btn.dark-txt {color:var(--color-dark)}

.btn:hover, .btn:focus {
   background:var(--color-dark);color: #fff;
}

.btn.transparant {background:none;border:1px solid #fffeff;color:#fffeff;} 
.btn.transparant:hover {border-color:#E87724;background:#E87724;}


@media screen and (max-width:1100px){
	.btn {font-size:20px!important}
}
@media screen and (max-width:767px){
	.btn {font-size:17px!important; min-width: 150px;}
}
/*------------------------------------*\
    BANNER
\*------------------------------------*/
main {margin-top:110px}


.banner:before{content:"";position:absolute; top:0; left:0; width:100%; height:100%; opacity:0.4}
.banner {height:350px; background-size:cover;background-position:center center;background-color:#CCC; background-repeat:no-repeat; position:relative;}



.banner-slide-holder {padding:0 50px;position:relative}
.video-placeholder {position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background-size:cover}
.banner-slide {
position:relative;
	background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #f7f7f7;
    min-height: calc(100vh - 160px);padding:150px 0;overflow:hidden;
}
.intro-active .banner-slide {border-radius:15px;}

.remove-background {background:none}
.banner-slide > .small-20 {position:relative;z-index:100}
.banner-slide-image {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height:100%;width:100%; position: absolute;
        top: 0;
        left: 0;
        z-index: 1;opacity:0;
}
.slick-current .banner-slide-image {opacity:1}

.banner-slide p {font-size:var(--font-size-35);font-weight:300;color:#fff;}
.banner-slide p:first-child {margin-top:5px;}


@media screen and (min-width:768px){
	.banner-slide-image {background-attachment: fixed;}
}

.banner-slide h2, .banner-slide h1 {
    color: #fffaff;
    font-size: 107px;
    text-shadow: 0 17px 56px rgb(0 0 0 / 30%);
	font-family: var(--font-title);font-weight:700;font-style:normal;line-height:80%;
}

.banner-slide h2 span, .banner-slide h1 span{font-family: var(--font-title);font-weight:normal;font-style:normal;}
.banner-slide h2 strong, .banner-slide h1 strong{font-weight:bold;font-style:normal;}
.banner-slide .btn {margin-top:15px}



.slick-slide {outline:none}
.main-slider ul.slick-dots {
    position: absolute;
    bottom: 110px;
    padding: 0;
    margin: 0;
    text-align: center;
    display: block;
    width: 100%;list-style:none
}
.main-slider ul.slick-dots li {padding:0;margin:0;list-style:none;display:inline-block;margin:0 5px;vertical-align:middle}


.main-slider video {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    z-index: 10;
    object-fit: cover;
    opacity: 1; 
    visibility: visible;
}
  .main-slider  iframe {
 position: absolute;
  top: 50%!important;
  left: 50%!important;
  transform: translate(-50%, -50%);z-index:2;opacity:0;
  }
.main-slider.start-video-slides iframe {opacity:1;}

  .main-slider .slide-media {
    animation:slideOut .4s cubic-bezier(0.4, 0.29, 0.01, 1);
  }
 .main-slider  .slick-active {
    z-index: 1;
      animation:slideIn 1.4s cubic-bezier(0.4, 0.29, 0.01, 1);
}


@keyframes slideIn {
  from {
    filter:blur(15px);
  }
  to {
    filter:blur(0);
  }
}
@keyframes slideOut {
  from {
    filter:blur(0);
  }
  to {
    filter:blur(15px);
  }
}




.slick-dots button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background: rgb(255 250 255 / 50%);
    border: 1px solid #fff;
    text-indent: -9999px;
    overflow: hidden;
    font-size: 0;
    display: block;
    width: 10px;
    height: 10px;
    padding: 0;
    border-radius: 50%;cursor:pointer;
}
.slick-dots .slick-active button {width:14px;height:14px;}


.slider-arrow {cursor:pointer;position:absolute;width:16px;height:30px;background-size:contain;background-position:center center;cursor:pointer;background-repeat:no-repeat;top:35px;z-index:20}

.slider-arrow.arrow-next {background-image:url('img/icons/chevron-right.svg');    right: -30px;}
.slider-arrow.arrow-prev {background-image:url('img/icons/chevron-left.svg');    left: -30px;}


.video-banner {display:none;position:absolute;top:0;left:0;width:100%;height:100%;}


/*------------------------------------*\
	404
\*------------------------------------*/
.row-404 {min-height:50vh}

 


/*------------------------------------*\
	ANIMATIES

.second-animate .header, .second-animate .scrolldown-holder {opacity:0;}
.second-animate {overflow:hidden}
.introduction-animate main {margin-top:0!important}



.introduction-animate .banner-slide-holder {    padding: 0;}
.introduction-animate .banner-slide {min-height:100vh}
.introduction-animate .slick-dots {opacity:0;}
\*------------------------------------*/

.contact-page:before {opacity:0;}
.animated-container.contact-page:before {opacity:1}


.fixed-intro { overflow:hidden; position: fixed;    top: 0;    left: 0;    height: 100vh;    z-index: 9999;    width: 100%;}
.fixed-intro.active {transform: scale(1);}
.fixed-intro .banner-slide {height:100%}

.fixed-hide.fixed-intro { opacity:1;}

.parallax-bg {
    position: relative;
    z-index: 10;
}
.bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}




.hidden-overflow {overflow:hidden}



.banner-slide h2 strong, .banner-slide h1 strong {    transform: translate(0px,-110px);    display: inline-block;opacity:0;}

.banner-slide h2 span, .banner-slide h1 span {    transform: translate(50px,0);    display: inline-block;opacity:0;}
.banner-slide .btn { transform: translate(0px,50px);    display: inline-block;opacity:0;}


.banner-slide h2 em, .banner-slide h1 em {    transform: translate(-50px,0);    display: inline-block;opacity:0;}


.animated-second .banner-slide .btn,.animated-first .banner-slide h2 em, .animated-first .banner-slide h1 em,
.animated-first .banner-slide h2 strong, .animated-first .banner-slide h1 strong, .animated-first .banner-slide h2 span, .animated-first .banner-slide h1 span {    transform: translate(0px,0);   opacity:1;}

.special-content-hold .small-20:last-child {position:relative;z-index:10}
.special-content-hold:hover img {transform: scale(1.1)}


.banner-slide h2 strong, .banner-slide h1 strong, .banner-slide h2 span, .banner-slide h1 span, .banner-slide h2 em, .banner-slide h1 em, .contact-page:before, .specialties-stars img{
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s  ease-in-out;
  -o-transition: all .5  ease-in-out;
  transition: all .5s  ease-in-out;
}

.hidden-slider header {opacity:0;}

header {opacity:1;}

.intro-animate .banner-slide-holder {
    padding: 0 0;
}
.intro-animate .main-banner-holder {margin-top:-110px;}
.intro-animate .banner-slide {min-height:100vh;}

.intro-active .fixed-intro {    height: calc(100% - 160px);
    top: 110px;
    width: calc(100% - 100px);
    left: 50px;}
.intro-fadeout .fixed-intro {opacity:0;}

.banner-slide, .banner-slide-holder, .slick-dots,main, .fixed-intro, header, .main-banner-holder  {
  -webkit-transition: all .7s ease-in-out;
  -moz-transition: all .7s  ease-in-out;
  -o-transition: all .7s  ease-in-out;
  transition: all .7s  ease-in-out;
}

.team-holder .team-box{ transform: translate(0,100px); opacity:0; }
.team-holder  .animated-column.team-box {transform: translate(0,0); opacity:1;}

.team-holder .team-box, .special-content-hold  {
  -webkit-transition: all 1.2s ease;
  -moz-transition: all 1.2s  ease;
  -o-transition: all 1.2s  ease;
  transition: all 1.2s  ease;
}
/*------------------------------------*\
    form-row
\*------------------------------------*/
.form-row {background:#E5E5E5;padding:190px 0 145px}

/*------------------------------------*\
    Nieuws
\*------------------------------------*/
.archive-loop {display:flex;flex-wrap:wrap;}

.news-box {    width: 33.333%;margin-bottom:80px}

.news-box-image {margin-bottom:20px;border-radius:15px;position:relative;padding-bottom:118%;background-size:cover;background-repeat:no-repeat;background-position:center center;}

.news-box .date {position:absolute;}
.news-box .news-box-click {position:absolute;bottom:30px;right:30px;z-index:2;border-radius:8px;background:#fff;width:50px;height:50px;display:flex;align-items:center;justify-content:center}
.news-box .date {    font-family: var(--font-normal);    font-size: 20px;    font-style: normal;    font-weight: 300;    background: #fff;    border-radius: 6px;    line-height: 1;    padding: 3px 10px;    top: 30px;    left: 30px;}
.news-box h2 {margin:0}
.news-box h2, .news-box h2 a {font-size: 30px;font-style: normal;font-weight: 700;font-family:var(--font-normal);color:var(--color-dark)}

@media screen and (max-width:1250px){
	.news-box {margin-bottom:45px;}
	.news-box h2, .news-box h2 a {		font-size: 25px;}
	.news-box .news-box-click {    width: 40px;    height: 40px;}
}
@media screen and (max-width:992px){
	.news-box {width:50%}
	.news-box {margin-bottom:30px;}
	.news-box .date {font-size:16px}
}

@media screen and (max-width:768px){
		.news-box h2, .news-box h2 a {		font-size: 20px;}
	.news-box .date {top:20px;left:20px;}
	.news-box .news-box-click {bottom:20px;right:20px;}
}

@media screen and (max-width:600px){
	.news-box {width:100%}
		.news-box h2, .news-box h2 a {		font-size: 17px;}
}
/*------------------------------------*\
	HEADER
\*------------------------------------*/
header {position:fixed;padding:22px 40px;background:#fff;left:0;top:0;width:100%;z-index:9999}
.home header {background:var(--background-orange)}
.header .row {display:flex;flex-wrap:wrap;align-items:center;}

header ul, header li {padding:0;margin:0;list-style:none;}

.header-side li {display:inline-block;margin-right:10px;}
.header-side li a img {width:30px;height:30px;display:block}
.header-side li a:hover img {opacity:.6}

header .logo {width:226px}
header .logo img {display:block;width:100%;}
.header-side {line-height:1;width:calc(50% - 113px);  }

.mobbtn {width:23px;height:16px;position:relative;cursor:pointer;float:right;  }
.mobbtn span {position:absolute;width:100%;height:5px;background:var(--color-dark);left:0;border-radius:3px;}

.mobbtn span:nth-child(1){top:0;}
.mobbtn span:nth-child(2){top:11px;}

.mobbtn.active span:nth-child(1){	top: 5px;  -ms-transform: rotate(45deg);  -webkit-transform: rotate(45deg);   transform: rotate(45deg); 	}
.mobbtn.active span:nth-child(2){	top: 5px;  -ms-transform: rotate(-45deg);  -webkit-transform: rotate(-45deg);   transform: rotate(-45deg); 	}
.mobbtn span{
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s  ease-in-out;
  -o-transition: all .2s  ease-in-out;
  transition: all .2s  ease-in-out;
}


body.active-nav {overflow:hidden}
body.active-nav main {  filter: blur(4px);  -webkit-filter: blur(4px);}
.navigatie.active-nav {visibility:visible;opacity:1;}

.navigatie {position:fixed;height:calc(100vh - 50px);top:0;left:50px;width:calc(100% - 100px);z-index:9998;padding-top:110px;    background: rgb(232 255 236 / 90%);visibility:hidden;opacity:0;}

.navigatie ul, .navigatie li {margin:0;list-style:none;padding:0;display:block;}

.large-nav li {margin-bottom:10px}
.large-nav li:last-child {margin-bottom:0;}
.large-nav a{color:var(--color-dark);font-size:100px;font-weight:300;font-style:italic;position:relative;display:inline-block;line-height:1;padding:5px 0;}
.large-nav a:after {width:100%;height:4px;content:"";position:absolute;bottom:0;left:0;}

.large-nav .current-menu-item > a, .nav-side-menu .current-menu-item > a {font-weight:bold;}
.large-nav a:hover:after , .nav-side-menu a:hover:after{background:#9fb02b;}
.large-nav a:hover, .nav-side-menu a:hover {color:#9fb02b}

.nav-side-menu a {  line-height:1;padding:5px 0;position:relative;  font-size: 44px;    color: var(--color-dark);display:inline-block;}
.nav-side-menu a:after {width:100%;height:2px;content:"";position:absolute;bottom:0;left:0;}


.nav-side {width:33.33333%}
.large-nav{width:calc(66.666667%);padding-left:15%}

.nav-side-menu {margin-bottom:15vh}
.language-menu h5 {    font-size: 25px;    margin: 0;}

.navigatie > .small-20 {height:100%}
.simplebar-content> .small-20{padding-top:7.5vh;padding-bottom:45px}

.nav-left, .nav-right {width:50px;background:#fff;position:absolute;top:110px;height:calc(100% - 60px)}
.nav-left {left:-50px}
.nav-right {right:-50px}
.nav-bottom {width:calc(100% + 100px);background:#fff;position:absolute;bottom:-50px;height:50px;left:-50px}
.home .nav-left, .home .nav-right, .home .nav-bottom {background:var(--background-orange)}


.navigatie {
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s  ease-in-out;
  -o-transition: all .3s  ease-in-out;
  transition: all .3s  ease-in-out;
}

.wpml-ls-legacy-list-horizontal {  margin-top:20px;  border: none;    padding: 0;    clear: both;}
.wpml-ls-legacy-list-horizontal a {padding:0;    font-size: 25px;    font-weight:bold ;   color: #9fb02b;padding-bottom:5px;position:relative;}
.wpml-ls-legacy-list-horizontal a::after {
  width: 100%;
  height: 2px;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
}
.wpml-ls-legacy-list-horizontal a:hover:after {background:#9fb02b}

.wpml-ls-legacy-list-horizontal .wpml-ls-item {margin-right:20px;position:relative;}
.wpml-ls-legacy-list-horizontal .wpml-ls-item:after {content:"";position:absolute;right:-10px;top:18%;height:80%;width:1px;background:var(--color-dark)}
.wpml-ls-legacy-list-horizontal .wpml-ls-item:last-child:after {display:none}
.wpml-ls-current-language a {color:var(--color-dark);    font-weight: bold;}
.wpml-ls-legacy-list-horizontal a span {vertical-align:top;}





@media screen and (max-width:1400px){
	.large-nav a {font-size:90px;}
}
@media screen and (max-width:1100px){
	.large-nav a {font-size:75px;}
	.nav-side-menu a {font-size:40px;}
	.nav-side-menu {    margin-bottom: 80px;}
}
@media screen and (max-width:991px){
	header .logo {    width: 150px;}
	.header-side {    width: calc(50% - 75px);   }
	.header-side li {margin-right:5px;}
	
	.navigatie {    padding-top: 90px;}
	.nav-left, .nav-right {top:90px}
	main {    margin-top: 89px;}
	.large-nav {padding-left:5%}
	
	.large-nav a {font-size:65px;}
	.nav-side-menu a {font-size:35px;}
	
}
@media screen and (max-width:767px){
	header {padding:22px 0}
	.navigatie {width: calc(100% - 30px);left: 15px;height: calc(100vh - 15px);}
	.nav-left, .nav-right {width:25px;}
	.nav-left {    left: -15px;}
	.nav-right {    right: -15px;}
	.nav-bottom {    width: calc(100% + 60px);    bottom: -15px;    height: 15px;    left: -15px;}
	.large-nav a {font-size:45px;}
	.large-nav li {    margin-bottom: 5px;}
	.large-nav {    margin-bottom: 15px;}
	
	.nav-side-menu {    margin-bottom: 35px;}
	.nav-side-menu a {font-size:30px;}
	.language-menu h5 {    font-size: 20px;}
	.wpml-ls-legacy-list-horizontal a {font-size:20px;}
	.contact-info {width:50%}
	.nav-side, .large-nav {    width: 100%;padding:0 5%;text-align:center}
	.large-nav {margin-bottom:25px}
	.simplebar-content> .small-20 {padding-top:40px}
	
}
@media screen and (max-width:550px){
	header .logo {    width: 110px;}
	.header-side {    width: calc(50% - 55px);   }
	.header-side li a img {    width: 20px;		height: 20px;}
	
	main {    margin-top: 77px;}
	.navigatie {    padding-top: 77px;}
	.nav-left, .nav-right {top:77px}
	.large-nav a {font-size:32px;}
	.nav-side-menu a {font-size:20px;}
	
	
}


/*------------------------------------*\
    FOOTER
\*------------------------------------*/
footer {color:#fff;background:var(--color-dark);padding:0 40px;position:relative;z-index:7000}
footer ul, footer li {padding:0;margin:0;list-style:none;display:block;}

.footer-logo a {display:block;width:100%;max-width:200px}
.footer-logo img {width:100%;display:block}

.footer-logo ul {margin:0;margin-top:25px;}
.footer-logo ul, .footer-logo li {padding:0;margin:0;list-style:none;display:block}


.footer-top {padding-top:45px;}
.footer-top a, .footer-top {font-weight:300;font-size:22px;color:#fff;}
.footer-top h4 {font-weight: 600;font-size:18px;color:#fff;margin:0;text-transform:none;font-family:var(--font-normal);margin-bottom:25px;}


.sitemap {width:auto;}




.footer-margin {margin-bottom:30px;}

.footer-top {display:flex;flex-wrap:wrap;justify-content:space-between}

.footer-logo {width:400px;order:0;}
.footer-contact {width:400px;order:2;padding-left:80px}
.footer-nav {width:calc(100% - 800px);order:1;display:flex;flex-wrap:wrap;justify-content:space-between;padding-right:40px;max-width:800px }



.footer-copyright, .footer-copyright a {font-size:18px;color:#fff;font-weight:300;}
.footer-copyright .menu {text-align:right}
.footer-copyright .menu li {display:inline-block;position:relative;margin: 0 10px;}
.footer-copyright .menu li:first-child {margin-left:0}
.footer-copyright .menu li:last-child {margin-right:0}
.footer-copyright .menu li:after {content:"|";position:absolute;right:-15px}
.footer-copyright .menu li:last-child:after {display:none}
.footer-copyright {padding:30px 0;position:relative;margin-top:100px}
.footer-copyright:before {content:"";background:#fff;top:0;left:15px;width:calc(100% - 30px);height:1px;position:absolute;}

.footer-copyright .large-10 {margin-bottom:5px;}


.footer-top a:hover, .footer-copyright a:hover {opacity:.7}


@media screen and (max-width:1500px){
	.footer-logo {		width: 280px;}
	.footer-contact {    width: 320px;  padding-left: 0;}
	.footer-nav {		width: calc(100% - 600px);}
	.footer-top a, .footer-top {font-size:18px;}
	.footer-top h4 {font-size:16px;margin-bottom:20px;}
	.footer-margin {margin-bottom:20px;}
	.footer-copyright {margin-top:45px;}
}
@media screen and (max-width:1300px){
	.footer-nav {order:0;width:calc(100% - 300px);max-width:100%}
	.footer-logo {order:3;}
	.footer-contact {width:300px;}
	.footer-top {justify-content:space-between}
	
	.footer-logo {width:100%;display:flex;flex-wrap:wrap;align-items:center;}
	.footer-logo .footer-margin {margin:0;}
	.footer-logo a {display:inline-block;margin-right:25px;}
	.footer-logo ul {display:inline-block;width:300px;margin-left:auto;padding-left:20px;}
	.footer-copyright {margin-top:15px;}
}
@media screen and (max-width:1100px){

	
	.footer-copyright .large-10, .footer-copyright .menu {text-align:center}
}

@media screen and (max-width:991px){
	 .footer-copyright .menu {text-align:center;}
	.footer-copyright, .footer-copyright a {    font-size: 14px;}
	.footer-copyright {    padding: 30px 0 10px;}
	.footer-top a, .footer-top {    font-size: 18px;}
	
	
}
@media screen and (max-width:767px){
	footer {padding:0;}
	
}
@media screen and (max-width:500px){
	footer {padding:0;}
	
	.footer-copyright, .footer-copyright a {    font-size: 11px;}
	.footer-copyright {    padding: 20px 0 10px;}
	
}


/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
main {overflow:hidden}
.hidden-slider main {overflow:visible}


@media screen and (max-width:1650px){
	.scroller {left:20px}
}




@media screen and (max-width:1400px){
	.banner-slide h2, .banner-slide h1, .specialty-slider-titel h3, .goals-holder h2, .meet-the-team-row .title-box h2, .year-round-row .title-box h2 {font-size:90px}
	
	h3.subtitel {font-size:48px}
	
	.small-title-box h2 {    font-size: 35px;}

	
	.archive-box:nth-child(1){padding-right:10px;}
	.archive-box:nth-child(2) {padding-right:10px;padding-left:10px;}
	.archive-box:nth-child(3){padding-left:10px;}
	.archive-box .btn {margin-top:25px;}
	.archive-content .title-box {margin-bottom:50px;}
	
	.goals-single-row .standaard-content {font-size:48px}
}

@media screen and (max-width:1099px){
	.banner-slide h2, .banner-slide h1, .specialty-slider-titel h3, .goals-holder h2, .meet-the-team-row .title-box h2, .year-round-row .title-box h2   {font-size:80px}
	.regular-title-box h2 {    font-size: 65px;}
	.specialties-stars h3 {font-size:32px}
	h3.subtitel {font-size:42px}
	.small-title-box h2 {    font-size: 35px;}
	
	
	.approach-row .title-box h2 {font-size:55px}
	.approach-row, .goals-holder {font-size:38px}
	
	.archive-box h2 {font-size:38px}
	h3.archive-box-subtitel {font-size:27px;}
	.pagination, .pagination a {font-size:27px;}
	

	.specialties-holder {padding-right:0;}
	.stars-holder {padding-left:0;margin-bottom:0;}
	.specialties-stars:before {display:none!important}
	.stars-holder .title-box {    margin-bottom: 25px;}
	.stars .bottom-align {    margin-bottom: 0;}
	.stars {margin-top:0}	
	.vacancy-form {max-width:100%}
	.back-btn-hold {    margin-bottom: 10px;}
	
	.goals-single-row .standaard-content {font-size:43px}
	
	.year-round-row {    font-size: 30px;}
	
	
	.certificaat-box-content img {    
    width:50%;
}

}
@media screen and (max-width:991px){
	h1, h2, h3, h4, h5, h6 {font-size:28px}
	
	.banner-slide h2, .banner-slide h1, .specialty-slider-titel h3, .goals-holder h2, .meet-the-team-row .title-box h2, .year-round-row .title-box h2   {font-size:70px}
	.title-box h2, .title-box h1 {font-size:65px}
	.regular-title-box h2 {    font-size: 55px;}
	.specialties-stars h3 {font-size:28px}
	h3.subtitel {font-size:37px}
	.small-title-box h2 {    font-size: 30px;}
	
	
	.regular-page p {    margin-bottom: 35px;}
	.regular-page, body {font-size:20px;}
	
	.home-first-row, .approach-row, .goals-holder, .regular-page {    padding: 50px 0 25px;}
	.meet-the-team-row {    padding: 80px 0 25px;}
	.specialties-stars {padding-top:30px}
	.approach-row {min-height:50vh;padding-left:5%;padding-right:5%}
	.specialties-row {    min-height: calc(50vh - 100px);    position: relative;    padding: 60px 0 10px;}
	
	
	.banner-slide {padding:100px 0}
	.main-slider ul.slick-dots {bottom:80px}
	
	.approach-row .title-box h2 {font-size:50px}
	.approach-row, .goals-holder {font-size:35px}
	.meet-the-team-container {padding-left:0}
	
	.archive-box h2 {font-size:32px}
	h3.archive-box-subtitel {font-size:25px;margin-top:0}
	.archive-content .title-box {margin-bottom:25px;}
	.archive-box {width:100%}
	.archive-box > div {padding-bottom:50%}
	.pagination {    margin-top: 0;}
	
	.team-holder {    margin-top: 50px;}
	
	form label {font-size:26px;}
	::-webkit-input-placeholder{font-size:26px;} ::-moz-placeholder{font-size:26px;} :-ms-input-placeholder{font-size:26px;} :-moz-placeholder{font-size:26px;}
	button[type="submit"] {font-size:45px}
	.team-holder.marginfix > .marginfix:last-child {margin-bottom:0}
	.team-holder.marginfix {margin-bottom:0;}

	.goals-single-row .standaard-content {font-size:36px}
	
	.scroll-row {    padding: 70px 45px 20px;}
	.year-round-row .row {    padding: 240px 0 50px;}
	
	.contact-page:before {    width: 290px;    height: 340px;    top: 110px;    left: calc(50% - 175px);}
	
	.large-margintop {    margin-top: 10px;}
	.large-marginfix {    margin-bottom: 40px;}
	
	.scroll-banner-titel {font-size:25px}
	.scroll-banner-titel h3 {font-size:38px}
	.fruit-banner-content {font-size:31px}


.certificaat-box {
    width:50%;
}


	
}

@media screen and (max-width:767px){
	h1, h2, h3, h4, h5, h6 {font-size:24px}
	
	.banner-slide h2, .banner-slide h1, .specialty-slider-titel h3, .goals-holder h2, .meet-the-team-row .title-box h2, .year-round-row .title-box h2   {font-size:60px}
	.title-box h2, .title-box h1 {font-size:52px}
	.regular-title-box h2 {    font-size: 47px;}	
	.specialties-stars h3 {font-size:24px;margin-top:10px}
	h3.subtitel {font-size:28px}
	.small-title-box h2 {    font-size: 25px;}
	
	.regular-page p {    margin-bottom: 30px;}
	
	.banner-slide-holder {    padding: 0 15px;}
	.main-slider {    margin-bottom: 30px;}
	.banner-slide .btn {    margin-top: 0;}
	
	.title-box {    margin-bottom: 15px;}
	
	.large-marginfix {    margin-bottom: 35px;}
	.marginfix, .margin-fix {margin-bottom:30px}
	
	.approach-row .title-box h2 {font-size:42px}
	.approach-row, .goals-holder {font-size:28px}
	
	.meet-the-team-row .meet-the-team-content {    opacity: 1;    transform: translate(0, 0);}
	.video-holder .overlay i {    top: calc(50% - 50px);    left: calc(50% - 50px);    font-size: 100px;}
	
	.meet-the-team-container .team-foto img {max-width:300px!important}
	.team-title h5 {font-size:15px}
	.team-content, .team-content a {font-size:17px}
	.stars {width:50%}
	
	.archive-box h2 {font-size:27px}
	h3.archive-box-subtitel {font-size:19px;}
	.archive-box .btn {margin-top:10px;}
	.pagination, .pagination a {font-size:21px;}
	
	.team-holder {    margin-top: 30px;}
	.contact-page:before {    width: 230px;    left: auto;    right: -40px;    bottom: -50px;    top: auto;    background-position: bottom;    align-content: center;}
	input[type='text'], input[type='email'], textarea {margin-bottom:20px}
	
	
	.team-holder .team-box {width:50%;}
	.goals-single-row .standaard-content {font-size:28px}
	
	.scroller {display:none}
	.scroll-row, .scroll-row.images-row {    padding: 50px 45px 0px;min-height:auto;}	
	.scroll-row {padding-left:0!important;padding-right:0!important}
	.year-round-img {width:100%;left:0}
	
	.blok-image-frontside, .blok-image-backside, .blok-image{    transform: translate(0%, 0%) translate3d(0px, 0px, 0px)!important;}	
	.year-round-img {height:100%;top:0;}
	.year-round-row .row {    padding: 150px 0 20px;}
	.year-round-row .standaard-content {    margin-top: 0;}
	.year-round-row {    font-size: 28px;}
	
	.globes-clicker {font-size:20px}
	.first-scroll-row {padding-top:0!important;    padding-bottom: 80px;}
	.page-template-template-fruit-specifiek .first-scroll-row {padding-bottom:120px}
	.page-template-template-fruit-locations .first-scroll-row {padding-top:30px!important;padding-bottom:120px!important} 
	.page-template-template-about .first-scroll-row {padding-bottom:120px}
	
	
	.goals-blokken-row .title-box:before, .goals-blokken-row .title-box:after {display:none!important}
	.goals-blokken-row .large-8:last-child {    padding-left: 0%}
	.goals-blokken-row .large-8:first-child {padding-right:0}
	
	.contact-info h3 {    font-size: 23px;margin-bottom:5px}
	
	.special-row:last-child {margin-bottom:0}
	footer {margin-top:25px}
	
	.wrapper, .footer .row, .header .row {width:calc(100% - 40px)}
	
	.back-btn {font-size:14px}
	.scrolldown-holder {bottom:20px;}
	.scroll-row .back-btn-hold {margin-bottom:30px;}
	
	.scroll-banner-titel {font-size:20px}
	.scroll-banner-titel h3 {font-size:30px}
	.fruit-banner-content {font-size:28px}
	
	.slider-arrow.arrow-prev {    left: -20px;}
	.slider-arrow.arrow-next {right:-20px}
	.where-fruit-from .small-title-box h2 {    font-size: 17px;		padding-bottom: 10px;margin-bottom:20px}
	.fruit-slide h3 {		font-size: 20px;}
	
	
	.rightsided-images .blok-image-frontside {    padding-right: 40px;}
	.bottom-sided >div {    padding-bottom: 50px;}
	.team-row-container {margin-bottom:0}
	.equalglobes {height:auto!important}
}

@media screen and (max-width:550px){
	h1, h2, h3, h4, h5, h6 {font-size:20px}
	.banner-slide h2, .banner-slide h1, .specialty-slider-titel h3, .goals-holder h2, .meet-the-team-row .title-box h2 , .year-round-row .title-box h2  {font-size:42px}
	.title-box h2, .title-box h1 {font-size:35px}
	.regular-title-box h2 {    font-size: 31px;}
	h3.subtitel {font-size:23px}
	.small-title-box h2 {    font-size: 23px;}
	
	.regular-page p {    margin-bottom: 25px;}
	.regular-page, body {font-size:16px;}
	
	.approach-row .title-box h2 {font-size:31px}
	.approach-row, .goals-holder {font-size:22px}
	
	.archive-box h2 {font-size:24px}
	h3.archive-box-subtitel {font-size:16px;}
	.archive-box > div {padding-bottom:100%}
	.team-holder {    margin-top: 20px;}
	form label {font-size:20px;}
	::-webkit-input-placeholder{font-size:20px;} ::-moz-placeholder{font-size:20px;} :-ms-input-placeholder{font-size:20px;} :-moz-placeholder{font-size:20px;}
	
		span.wpcf7-form-control-wrap.your-name, span.wpcf7-form-control-wrap.sur-name {float:left;width:100%}
	.team-holder .team-box {width:100%;}
	.goals-single-row .standaard-content {font-size:23px}
	.year-round-row {    font-size: 24px;}
	
		.scroll-banner-titel h3 {font-size:28px}
	
	.fruit-slider {		    width: calc(100% + 60px);    margin-left: -30px;}
.fruit-slider .slider-arrow.arrow-prev {    left: 10px;top: 30%;}
.fruit-slider .slider-arrow.arrow-next {    right: 10px;top: 30%;}
	
	.globes-clicker {font-size:17px;margin: 0 2px;}
	.globes-clicker:after {display:none}
	


.certificaat-box {
    width:100%;
}

.certificaat-box-content img {    
    width:100%;
}





}
@media screen and (max-width:400px){
	.contact-info {width:100%}
	.stars {       padding: 0 5px;}
}

/*Responsive Home*/
@media screen and (max-width:1650px){
	.home-fruit-1 {    left: -100px;max-width:25%}
	.home-fruit-2 {    left: -50px;max-width:35%}
	.home-fruit-3 {left:-100px;max-width:25%}
	.home-fruit-4 {right:20px;max-width:25%}
	.home-fruit-5 {right:-20px;max-width:25%}
	.home-fruit-6 {right:-100px;max-width:35%}
	
		.approach-img {background-size:contain;top:0;background-position:bottom center}
	.approach-img-right {height:90%;top:10%;background-position:top center}
	
	.meet-the-team-fruit-1 {left: -60px;    max-width: 40%;}
	.meet-the-team-fruit-2 {right: -60px;    max-width: 40%;}
	.meet-the-team-fruit-3 {bottom: -100px;    right: auto;max-width:30%;background-position: bottom left;}
	.meet-the-team-fruit-4 {    left: calc(100% - 300px);    background-position: bottom center;    max-width: 35%;}
	
	
	.specialties-fruit-3 { left: 50px;    top: calc(100% - 400PX);    max-width: 20%;}
	.specialties-fruit-2 {max-width:20%;    right: 0;    top: 50%;}
	.specialties-fruit-1 {   top: 5%;    right: 30%;    max-width: 20%;}
	
}
@media screen and (max-width:1099px){
	.goals-holder {min-height:50vh}
	
}
@media screen and (max-width:991px){
	.home-fruit-1 { top:10%;}
	.home-fruit-2 {   top:30%;}
	.home-fruit-3 {top:50%;}
	.home-fruit-4 {top:5%;}
	.home-fruit-5 {top:60%;}
	.home-fruit-6 {top:20%;}	
	
	.home-first-row {min-height:auto;padding-bottom:20px}
	.approach-row {padding-top:70px;min-height:auto}
	
	.meet-the-team-row h3.team-subtitle, .meet-the-team-row h3.team-subtitle a {font-size:38px}

	.specialties-row {padding-top:80px;min-height:auto;}
	
	.specialties-fruit-1 {		top: -50px;}
	.specialties-fruit-3 {		left: -30px;}
	.specialties-fruit-2 {    max-width: 20%;    right: 0;    top: auto;    bottom: 40px;}
	
}


.specialty-responsive {display:none}
.specialty-responsive .title-box {margin-bottom:30px;}
.specialty-resp-titel {position:absolute;z-index:1;height:100%;width:100%;top:0;left:0;}
.specialty-resp-titel h2 {color:#fff;margin:0;text-shadow:0 0 6px #000}

@media screen and (max-width:767px){
	.home-fruit { display:none}
	.home-fruit-3 {
    display: block;
    height: 220px;
    top: -10px;
        max-width: 240px;
    background-position: bottom right;
}
	.home-fruit-6 {
display: block;
    top: auto;
    bottom: -80px;
    max-width: 270px;
    height: auto;
}
	
	.video-btn-holder {     top: calc(100% - 100px) }
	.video-holder {    min-height: auto;    padding: 300px 0 100px;}
	.home .video-holder .overlay i {    top: calc(50% - 60px);}
	.bg {background-position:center center!important}
	
	.meet-the-team-row h3.team-subtitle, .meet-the-team-row h3.team-subtitle a {font-size:32px}
	.meet-the-team-row {padding-top:60px}
	.approach-row {padding-left:0;padding-right:0}
	
	.specialty-slider {display:none}
	
	.specialty-responsive {display:block;}
	
	.specialty-slide {    padding-bottom: 100%;    max-width: 100%;}
	.specialty-responsive .marginfix {width:50%}
	
	.banner-slide-image {transform:scale(1)!important;}
	
}
@media screen and (max-width:550px){
	.meet-the-team-row h3.team-subtitle, .meet-the-team-row h3.team-subtitle a {font-size:27px}

.approach-row, .goals-holder {    font-size: 24px;	}
		.specialty-responsive .marginfix {width:100%}

}
@media screen and (max-width:650px){	
	.meet-the-team-fruit-1 {    left: -70px;    max-width: 100%;    width: 150px;    height: 150px;    top: 0;}
	.meet-the-team-fruit-2 {    right: -60px;    max-width: 100%;    width: 130px;    background-position: top left;    top: 50px;}
	.meet-the-team-fruit-3 {    bottom: -140px;    right: auto;    max-width: 100%;    background-position: bottom left;    width: 180px;}
	.meet-the-team-fruit-4 {    left: calc(100% - 90px);    background-position: bottom center;    max-width: 100%;		width: 140px;}
	
	.specialties-fruit-1 {		width:160px;max-width:100%}
	.specialties-fruit-3 {		width:130px;max-width:100%;    top: calc(100% - 190px);}
	.specialties-fruit-2 {   width:130px;max-width:100%}
}

@media screen and (max-width:450px){
	.home-fruit-3 {max-width: 50%;}
	.home-fruit-6 {    max-width: 67%;}
	
}

/*Responsive Images*/
@media screen and (max-width:1500px){
	
}


@media screen and (max-width:1100px){
	.meet-the-team-fruit,.specialties-fruit{ transform: translate(0%, 0%) translate3d(0px, 0px, 0px)!important;}
	
}

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

	.scroll-banner-image img, .team-row:before, .team-row:after {    opacity: .3;}
	.citrus-row .scroll-fruit.aos-animate, .animated-container.contact-page:before, .home-fruit.aos-animate, .approach-img.aos-animate, .meet-the-team-fruit.aos-animate, .specialties-fruit.aos-animate   {opacity: .2!important;}
	
	.home-fruit { transform: translate(0%, 0%) translate3d(0px, 0px, 0px)!important;}
}
/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#9fb02c;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#9fb02c;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#9fb02c;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/
.grecaptcha-badge { 
    visibility: hidden;
}
.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}






/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}