* {
      box-sizing: border-box;
    }
h1,h2,h3,h4,h5,h6{
	font-size:48px;
	font-family:segoeui-bold;
	font-weight: 700;
    color: #111111;
}
p{
	font-size:14px;
	font-family:segoeui-Regular;
}
@font-face {
  font-family:segoeui-Regular;
  src:url("../fonts/segoeui-Regular.ttf");
}
@font-face {
  font-family:segoeui-semibold;
  src:url("../fonts/segoeui-semibold.ttf");
}
@font-face {
  font-family:segoeui-bold;
  src:url("../fonts/segoeui-bold.ttf");
}
@font-face {
  font-family:segoeui-italic;
  src:url("../fonts/segoeui-italic.ttf");
}
html {
  scroll-behavior: smooth;
}
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  z-index: 99999;
  height: 100%;
  width: 100%;
}
.no-js #preloader, .oldie #preloader {
  display: none;
}
#loader img{
  position: absolute;
  left: 0;
  top: 0;
  right:0;
  bottom: 0;
  width: 350px;
  margin: auto;
  -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
  animation: sk-scaleout 1.0s infinite ease-in-out;
}
.toggle {
  display: block;
  margin: 20px auto;
  width: 242px;
  background-color: #111111;
  padding: 15px;
  display: block;
  opacity: 0;
  -webkit-transition: ease-in 0.5s all;
  transition: ease-in 0.5s all;
  -webkit-transform: translateY(200%);
  transform: translateY(200%);
  min-width: 242px;
  position: fixed;
  z-index: 99;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.toggle--active {
  display: block;
  opacity: 1;
  -webkit-transition: ease-in 0.5s all;
  transition: ease-in 0.5s all;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.toggle__menu {
	  margin-bottom: 60px;
	  padding: 0;
}
.toggle__menu li {
  width: 100%;
  display: block;
  margin: 10px auto;
  font-size: 18px;
	font-family:segoeui-semibold;
}
.toggle__menu li a {
  text-decoration: none;
  color: #fff;
  display: block;
  text-align: center;
  font-size: 17px;
  border-bottom: 2px solid transparent;
  -webkit-transition: linear 0.5s all;
  transition: linear 0.5s all;
  font-weight: 500;
  padding: 5px 0;
}
.toggle__menu li a span {
  text-transform: lowercase;
}
.toggle__menu li a:hover {
  color: #db5523;
  -webkit-transition: linear 0.5s all;
  transition: linear 0.5s all;
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
  font-weight: 700;
}


.arrow-show .navicon:before {
  box-shadow: transparent 0 0 0 0;
  top: 15px;
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  left:-11px;
}
.arrow-show .navicon:after {
  top: 15px;
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
  left:12px;
}


.navicon {
  width: 100%;
    background: transparent;
    /* margin: 0 auto; */
    position: relative;
    height: 18px;
    width: 32px;
    display: block;
    z-index: 99;
    -webkit-transition: linear 0.5s all;
    transition: linear 0.5s all;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    cursor: pointer;
}
.navicon:before, .navicon:after {
  background: #fff;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  content: "";
  height: 1px;
  left: 0;
  -webkit-transition: 0.8s ease;
  transition: 0.8s ease;
  width: 32px;
}
.navicon:before {
  box-shadow: #fff 0 10px 0 0;
  position: absolute;
  top: 0;
}
.navicon:after {
  position: absolute;
  top: 20px;
}
.navicon--active {
  margin-top: 20px;
  -webkit-transition: linear 0.5s all;
  transition: linear 0.5s all;
}
.navicon--active:before {
  box-shadow: transparent 0 0 0 0;
  top: 15px;
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}
.navicon--active:after {
  top: 15px;
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
}

.down_arrow_btn{
    margin: 0 auto;
    height: 70px;
    width: 70px;
    background: #111111;
	position: relative;
}
.down_arrow_btn img{
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto !important;
}
.arrow{
	position: relative;
	position: relative;
	bottom: -2rem;
	left: 50%;
	margin-left:-20px;

}
/*.navicon, .toggle-show .arrow-big{
  opacity: 0;
  pointer-events: none;
}
.toggle-show .navicon{
  opacity: 1;
  pointer-events: auto;
}*/
div.slick-slide:focus {
    outline: none;
}
.stuff_middle{
	display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	height:100vh;
}
.animation_cls {
	position: relative;
	top: 100px;
	opacity: 0;
	transition: all 0.6s ease;
}
.animation_cls.active{
	opacity: 1;
	top: 0;
}

.section1{
	background-image: url(../images/New-background.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  height: 100vh;
	position: relative;
	padding-bottom:60px;
}
.stuff_middle h1 {
 padding-top:30px;
 padding-bottom: 30px;
 width: fit-content;
 font-size: 34px;
  line-height: 40px !important;
}
.bottom_arrow, .sticky{
	position: fixed;
    left: 0;
    right: 0;
    margin: auto;
}
.sticky{
	top: 0px;
	z-index: 999;
}
.bottom_arrow{
	bottom:0;
	z-index: 999;
}
.logo img, .bottom_arrow img{
	margin: 0 auto;
    display: table;
}
/*.sec_one{
	height:auto!important;
}*/
.section1 .stuff_middle h1,.section2 .stuff_middle h2,.section4 .stuff_middle h2,.section5 .stuff_middle h2,.section6 .stuff_middle h2,.section7 .stuff_middle  h2,.section8 .stuff_middle h2,.eerste_sec h2{
	text-align: center;
    line-height: 60px;
}
.eerste_sec{
    background: #000;
    border-radius: 10px;
   padding: 20px 20px 60px 20px;
	max-width:475px
}
.eerste_sec h2{
 color:#fff;
	    font-size: 30px;
    line-height: 32px;
}
.section2 .text_stuff p,.eerste_sec .text_stuff p{
	text-align: center;
    width: 100%;
    margin: auto;
    font-size: 15px;
	color:#fff;
	line-height:30px;
	/*margin-top: 20px;*/
	
}
.tick-img img{
  height: 80px;
    margin: auto;
    display: flex;
}
.i_frame iframe{
    border: 0;
    background: #e9e3e3;
	border-radius: 10px;
	max-width: 255px;
    height: 55px;

}
.i_frame{
    display: flex;
    justify-content: center;
    margin-top: -41px;
	    max-width: 475px;
}
.section2 .btn_block .btn_Vertel,.eerste_sec .btn_block .btn_Vertel{
	margin: 0 auto;
    display: table;
    margin-top: 20px;
    font-size: 20px;
    color: #000;
    text-decoration: none;
    font-family: segoeui-bold;
    line-height: 30px;
    background: #e8e8e8;
    padding: 10px 70px 10px 20px;
    border-radius: 10px;
}
.section2 .btn_block .btn_Vertel,.eerste_sec .btn_block .btn_Vertel{
	position:relative;
}
.section2 .btn_block .btn_Vertel:after,.eerste_sec .btn_block .btn_Vertel:after{
	background-color: #d3d3d3;
    background-image: url(../images/right_arrow.png);
    height: 80px;
    width: 50px;
    position: absolute;
    content: '';
    right: 0px;
    top: 0;
    bottom: 0;
    margin: auto;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    background-repeat: no-repeat;
    background-position: center;
}

.section2 .btn_block .btn_Vertel:hover::after,.eerste_sec .btn_block .btn_Vertel:hover::after{
	background-color:#000 !important;
	 background-image: url(../images/right_arrow-white.png);
}
.section2 .btn_block p,.eerste_sec .btn_block p{
	font-size:20px;	
}
.section2 .btn_block .part_link,.eerste_sec .btn_block .part_link{
	color:#111111;
	font-family:segoeui-bold;
}
.section3 .stuff_middle img{
	float:right;
	height: 400px;
}
.section3 .single-item div p{
	font-size:24px;
	margin-top: 5px;
}
.slider_cls div{
	font-size:24px;
	color:#111111;
	font-family:segoeui-Regular;
}
.section5 .timeline_img div p{
	font-size:20px;
	color:#111111;
	font-family:segoeui-bold;
}
.section5 .timeline_img{
	display: flex;
    justify-content: space-between;
	position:relative;
	min-height:340px;
	align-items:center;
	margin-top: 40px;
}
.section5 .timeline_img .cmn_cls{
    text-align: center;
    color: #fff;
    background: #000;
    height: 120px;
    width: 120px;
    border-radius: 100px;
    line-height: 120px;
    font-size: 32px;
    font-family: segoeui-bold;
	position:relative;
}
.section5 .timeline_img  p{
	position: absolute;
	text-align: center;
}
.section5 .timeline_img .time_13 p{
    left: -60px;
}
.section5 .timeline_img .time_18 p{
	left: 0;
    right: 0;
    margin: auto;
}
.section5 .timeline_img .time_20 p{
	right: -45px;
}
.section5 .timeline_img .time_16 p{
	left: 135px;
}
.section5 .timeline_img .time_19 p{
	right: 190px;
}
.section5 .time_13 p,.section5 .time_18 p,.section5 .time_20 p{
	margin-top: 18px !important;
}
.section5 .time_16 p,.section5 .time_19 p{
	top:0;
}
.section5 .timeline_img .cmn_cls:after{
	content: '';
    background: black;
    height: 8px;
    width: 110px;
    position: absolute;
    left: 128px;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
}
.section5 .timeline_img .time_20 .cmn_cls:after{
	display:none;
}
/*----slider indicators ---*/

.slick-dots li.slick-active button:before{
	color: #000;
	background: #000;
	border-radius: 100px;
	opacity:1 !important;
}
section .slick-dots li,section  .slick-dots li button:before,section .slick-dots li button,section .slick-dots li.slick-active button:before{
	width: 15px !important;
    height: 15px !important;
}
section  .slick-dots li button{
    padding: 0 !important;
	border:2px solid #000 !important;
	border-radius: 100px !important;
}
.section3  .slick-dots li button:before{
	content:'' !important;
	border-radius: 100px !important;
}
.section3  ul.slick-dots{
	display:flex;
}
.section3  .slick-dots{
	width: 100% !important;
}
/*----------------------*/

.section4 .stuff_middle h2{
	margin-bottom:25px;
}
.section4  .slider_stuff h3{
	font-size: 24px;
	font-family:segoeui-semibold;
}
.section4  .slider_stuff p{
	font-size: 26px;
	font-family:segoeui-italic;
}
.section4 .slider_stuff{
	display:flex !important;
}
.section4 ul.slick-dots, .section3 ul.slick-dots{
	align-items: center;
    justify-content: center;
    bottom: -70px;
	width: 75%;
    height: 32px;
}
.section4 .slider button.slick-arrow{ 
	display:none !important;
}
.section4 .slick-dotted.slick-slider{
	padding: 0 120px;
}
.section6 .slider_stuff .brand_logo{
	border-radius: 50%;
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 5px 24px 0px rgba(0, 0, 0, 0.18);
	width: 160px;
	height: 160px;
	position:relative;
	margin: 0 40px;
	margin: 35px 45px;
	display: flex;
	justify-content: center;
	align-items: center;
}
/*.section6 .slider_stuff .brand_logo img{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;

}  */
.section6 .slick-prev,.section6 .slick-next{
	height: 48px;
    width: 26px;	
}
.section6 .slick-prev{
	left: -50px;
}
.section6 .slick-next{
	right: -50px;
}

.section6 .slick-prev:before,.section6 .slick-next:before{
	content: '';
    position: absolute;
    height: 48px;
    width: 26px;
    background-repeat: no-repeat;
}
.section6 .slick-prev:before{
	background-image: url(../images/left-arrow.png);
    left: 0;
    top: 0;
}
.section6 .slick-next:before{
	background-image: url(../images/right-arrow.png);
	right: 0;
    top: 0;
}
.section6 ul.slick-dots{
	display:none !important;
}
.section6 .slick-slider{
	width: 90%;
    margin: 0 auto;
}

.section7 .btn_block .cmn_icon_cls, .apply-call a{
   display: table;
    margin-bottom: 20px;
    font-size: 20px;
    color: #111111;
    text-decoration: none;
    font-family: segoeui-bold;
    line-height: 30px;
    background: #e8e8e8;
    border-radius: 10px;
    width: 330px;
    height: 50px;
    line-height: 50px;
    padding-left: 20px;
}
.contact_info{
    width: 715px;
    margin: 0 auto;
    flex-flow: row;
    justify-content: space-between;
	margin-top:35px;
}
.tel{

    width: 365px;
	background: #e8e8e8;
	margin-bottom: 20px;
	border-radius: 10px;
	padding: 20px 20px 5px;
}
.tel p{
	font-size: 20px;
	font-family:segoeui-bold;
	margin-bottom: 10px;
}
.tel input{
	height: 45px;
    width: 280px;
    border: 1px solid #dddddd;
    line-height: 45px;
    padding-left: 15px;
    font-size: 20px;
    text-transform: uppercase;
}
.section7 .tel input{
	position:relative;
}
.section7 .tel input:focus{
	outline: none;
}
.section7 .tel .tel_submit_btn{
	height: 45px;
    width: 45px;
    border: 0;
    background: #d3d3d3;
    position: relative;
    border-radius: 0px 10px 10px 0px;
	outline: none;
	cursor: pointer;
}
.section7 .tel_submit_btn:hover::after {
    background-image: url(../images/phone.png) !important;
}
.section7 .tel .tel_submit_btn:hover{
	background-color: #000 !important;
}
.section7 .tel .tel_submit_btn:after{
	background-image: url(../images/p-icon.png);
    content: '';
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    z-index: 9;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-size: auto;
}
.section7 .tel a{
    font-size: 20px;
    margin-top: 10px;
	color: #000;
	font-family:segoeui-bold;
	text-decoration:underline;
}
.section7 .field_tel+p{
	font-family:segoeui-Regular;
	margin-top: 10px;
}
.section7 .cmn_icon_cls, .apply-call a{
	position:relative;
}
.section7 .cmn_icon_cls:after, .apply-call a:after{
	background-color: #d3d3d3;
    height: 50px;
    width: 50px;
    position: absolute;
    content: '';
    right: -35px;
    top: 0;
    bottom: 0;
    margin: auto;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    background-repeat: no-repeat;
    background-position: center;
	
}
.section7 .cmn_icon_cls:hover::after, .apply-call a:hover::after{
	    background-color:#000 !important;
}
.section7 .btn_whatsapp:after{
	background-image: url(../images/whattsapp.png);
}
.section7 .btn_whatsapp:hover::after{
	background-image: url(../images/whattsapp-white.png);
}
.section7 .btn_location:after{
	background-image: url(../images/navigation.png);
}
.section7 .btn_location:hover::after{
	background-image: url(../images/navigation-white.png);
}
.section7 .btn_phone:after, .apply-call a:after{
	background-image: url(../images/phone2.png);
}
.section7 .btn_phone:hover::after, .apply-call a:hover::after{
	background-image: url(../images/phone2-white.png);
}
.section7 .btn_email:after{
	background-image: url(../images/email.png);
}
.section7 .btn_email:hover::after{
	background-image: url(../images/email-white.png);
}

.section7 .btn_location{
	line-height: 30px !important;
    height: 90px !important;
    padding: 15px 20px;
}
.section7 .btn_location:after{
	height: 90px;	
}
.section7 .copyright a,.section7 .copyright p{
	font-size: 20px;
    color: #000;
	text-align:center;	
}
.section7 .copyright a{
	text-decoration: underline;
	padding: 0px 5px;    
}

.section7 .copyright p{
	margin-top:12px;
}
.section8 .form{
	width: 360px;
    margin: 0 auto;
    margin-top: 20px;
}
.section8 .form input,.section8 .form textarea{
    width: 100%;
    border: 1px solid #dddddd;
    line-height: 45px;
    padding-left: 15px;
    font-size: 20px;
    border-radius:0 !important;
    color: #999999;
	margin-bottom: 15px;
	font-family:segoeui-semibold;
}
.section8 .form input{
	height: 45px;
}
.section8 .form input:focus,.section8 .form input[type="tel"]:focus,.section8 .form textarea,.section8 .form button{
	box-shadow: none;
	outline:none;
}
.section8 .form button{
	margin-top: 10px;
    width: 100%;
    height: 45px;
    background: #000 !important;
    border: 0;
    font-size: 20px;
	border-radius:0;
	font-family:segoeui-bold;
	border:1px solid #000;
	outline: none !important;
    box-shadow: none !important;
}
.section8 .form button:hover,.section8 .form button:active{
	background: #3c3b3b !important;
    border-color: #3c3b3b!important;
    color: #fff;
}

.section8 input::placeholder,.textarea::placeholder{
	 color: #999999 !important;
}
.section8 .textarea{
	resize: none;
}
	
.section8 .form p{
	text-align: center;
    font-size: 20px;
    margin-top: 10px;
	font-family:segoeui-semibold;
}
/*.section8 .stuff_middle {
	justify-content: space-between;
}*/
.section10 img{
	margin: 0 auto;
    display: table;
}
body::-webkit-scrollbar {
  width: 12px;
}
 
body::-webkit-scrollbar-track {
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
 
body::-webkit-scrollbar-thumb {
	background-color: #d3d3d3;
	outline: 1px solid slategrey;
	border-radius: 10px;
}
.tel a:hover{
	color:#db5523;
}
.section8 .form .error, .hfooter_form form .error{
border: 1px solid #f50404 !important;
}
.privacy{
	display:flex;
	justify-content: center;
}
.part_link:hover {
    color: #757575 !important;
}
.hfooter_form form{
	display:flex;
	width:100%;
}
.result, .tel .hresult{
	color: #008000;
	font-size: 16px !important;
	font-family: segoeui-semibold;
}
.mobile-logo{
	display:none !important;
}
section.mission {
    margin-bottom: 70px;
	margin-top:40px;
}
.product .custom-btn1 {
    background: transparent;
    border: 1px solid #000!important;
    border-radius: 50px;
    font-size: 13px;
    color: #111111;
    text-decoration: none;
    font-family: segoeui-bold;
    line-height: 30px;
    margin-right: 12px;
    padding: 10px 15px;
}
.product .custom-img {
    width: 10px;
    margin-bottom: 2px;
	margin-right:4px;
}
.product .custom-button {
    display: flex;
    justify-content: end;
    align-items: baseline;
	padding-top:10px;
}
.product .custom-arrow {
    margin-left: 6px;
}
.product .row {
    border-top: 1px solid #000;
    padding-top: 25px;
    margin-bottom: 35px;
	margin-left:0px;
	margin-right:0px;
}
.product .custom-btn{
	font-size: 20px;
	color: #111111;
    text-decoration: none;
    font-family: segoeui-bold;
    line-height: 30px;
	 padding-left: 20px;
}
.product svg {
    margin-right: 7px;
    margin-bottom: -2px;
}
.product h3.custom-text {
    font-size: 38px;
    font-family: segoeui-bold;
    font-weight: 700;
    color: #111111;
    margin-bottom: 15px;
}
.product .custom-p {
    font-size: 16px;
    margin-bottom: 25px;
}
.product .btn-primary:focus, .btn-primary.focus {
    box-shadow: none;
}
.product .btn-primary:not(:disabled):not(.disabled):active{
	background:none;
	color:#000;
}
.product .btn-primary:not(:disabled):not(.disabled):active:focus{
	box-shadow:none;
}
.product a{
	color:#000;
	text-decoration:none;
}
.product a:hover{
	color: #e5752a;
    text-decoration: none;
}
.product a:hover path{
	fill: #e5752a;
}
.vacancy-detail {
    margin-top: 20px;
}
.vacancy-detail svg.css-r5jz5s.eac13zx0 {
    margin: 0 0 4px 4px;
    vertical-align: middle;
	color:#212529cf;
}
.vacancy-detail .custom-profiel{
	text-decoration: none;
    color: #000;
    border-bottom: 1px solid #000;
    padding-bottom: 3px;	
}
.vacancy-detail p{
	margin-bottom:24px;
}
.vacancy-detail .custom-text {
    font-size: 20px;
    font-family: segoeui-bold;
    font-weight: 700;
    color: #111111;
    margin-top: 25px;
    margin-bottom: 15px;
}
.vacancy-detail .custom-text svg{
	margin-right:15px;
}
.vacancy-detail span.custom-batch {
    margin-left: 32px;
    font-size: 14px;
    background: #f3f2f1;
    color: #595959;
    padding: 4px 8px 5px 8px;
    border-radius: 5px;
    text-align: center;
}
.vacancy-detail span.custom-batch1{
    margin-left: 13px;
    font-size: 14px;
    background: #f3f2f1;
    color: #595959;
    padding: 4px 8px 5px 8px;
    border-radius: 5px;
    text-align: center;
}
.vacancy-detail .row {
    border-bottom: 1px solid;
    padding-bottom: 30px;
}

.vacancy-detail a.custom-btn {
    display: flex;
    justify-content: end;
    align-items: baseline;
    padding: 10px 20px;
    width: fit-content;
    text-align: end;
    position: absolute;
    bottom: 0;
    right: 6px;
    background: transparent;
    border: 1px solid #000!important;
    border-radius: 5px;
    font-size: 20px;
    color: #111111;
    text-decoration: none;
    font-family: segoeui-bold;
    line-height: 30px;
	border-radius:50px;
}
.vacancy-detail a.custom-btn:hover{
	background: #e5752a;
	color:#fff;
	border-color:#fff !important;
}
.vacancy-detail a.custom-btn:hover path{
	fill: #fff;
}
.custom-houdt{
	margin:20px 0px;
}
.custom-houdt h3 {
    font-size: 20px;
    margin: 28px 0px 8px 0px;
	font-family:segoeui-semibold;
}
.vacancy-detail span.custom-batch a{
	text-decoration:none;
	color:#595959;
}
.custom-houdt .Flexibele {
    font-size: 16px;
    margin: 28px 0px 8px 0px;
	font-family:segoeui-semibold;
}
.custom-houdt ul{
	padding-left:20px;
}
.custom-houdt li{
	padding-left:6px;
}
#vacatureapplyform input[type="file"]{
	color: transparent;
    position: relative;
}
#vacatureapplyform input[type="file"]{
	color: transparent;
    position: relative;
}
#vacatureapplyform input[type="file"]::before {
    background: #fff;
    position: absolute;
    content: "Upload CV";
    color: #999999;
    width: 100%;
    left: 0;
    top: 0;
    padding-left: 15px;
    bottom: 0;
    cursor: pointer;
}
.apply-call{
	margin-top:30px;
}
.apply-call h3{
	font-size: 20px;
	margin-bottom:10px;
	text-align:center;
}
.apply-call a{
	font-size: 19px;
}
.apply-call a:after{
	right: 0;
}
.main-nav{
	background:#000 !important;
	padding: 12.25px 0;
}
.main-nav a{
	color:#fff;
	padding:0 20px;
	font-size: 17px;
	font-family: segoeui-semibold;
}
.main-nav a:hover{
	color:#e5752a;
	text-decoration:none !important;
}
.main-nav .navbar-nav{
	margin:auto !important;
}