/*START Basis & globals*/
body {
	font-family: proxima-nova, Helvetica, Arial, sans-serif!important;
	position: relative;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background-color: #ffffff!important;
}

h1,h2,h3,h4,h5,h6,p{
	margin: 0;
	padding: 0;
}
/* END Basis & globals */

/* START GENERIEKE CSS, ALLEEN AANPASSEN IN OVERLEG MET FRONT-END */
h1{
    font-size: 60px;
	text-align: center;
	color: #ffffff;
	font-weight: 800;
	font-style: normal;
}
h2 {
	font-size: 24px;
	line-height: 27px;
	padding-top: 40px;
	padding-bottom: 20px;
}
p {
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 30px;
}

html {  
      scroll-behavior: smooth;  
}

.h1hide {
    position: absolute!important;
    width: 1px!important;
    height: 1px!important;
    padding: 0!important;
    margin: -1px!important;
    overflow: hidden!important;
    clip: rect(0 0 0 0)!important;
    -webkit-clip-path: inset(50%)!important;
    clip-path: inset(50%)!important;
    white-space: nowrap!important;
    border: 0!important;
}
.h2hide {
    position: absolute!important;
    width: 1px!important;
    height: 1px!important;
    padding: 0!important;
    margin: -1px!important;
    overflow: hidden!important;
    clip: rect(0 0 0 0)!important;
    -webkit-clip-path: inset(50%)!important;
    clip-path: inset(50%)!important;
    white-space: nowrap!important;
    border: 0!important;
}

a.url_nostyle{text-decoration: none;}
.light {font-weight: 300;}
.semibold {font-weight: 600;}
.bold {font-weight: 700;}
.extrabold {font-weight: 800;}
.black {font-weight: 800;}
.underline{text-decoration: underline;}
.italic{font-style: italic;}
.letterspacing{letter-spacing: 1px;}
.pb-80{padding-bottom: 80px;}
.p-l-5 {padding-left: 5px;}
.rotate_0deg{transform: rotate(180deg)!important;}
@media(max-width:767px){
	.no-p-mob{
		padding:0!important;
	}
}

a.cta_contact{
	font-size: 16px;
	line-height: 20px;
	color: #ffffff;
	font-weight: 700;
	border: 1px solid #ffffff;
	border-radius: 9px;
	text-decoration: none;
	padding-bottom: 18px;
	padding-top: 18px;
	padding-left: 30px;
	padding-right: 50px;
	display: inline-block;
	margin-top: 30px;
	transition: .3s ease all;
	/*background: url('../../images/icons/ico_cta_arrow_right.svg') right 20px center/14px 15px no-repeat, linear-gradient(to right, #47bbec 0%, #36a8d9 100%);*/
	background-image: url('../../images/icons/ico_cta_arrow_right.svg');
	background-size: 14px 15px;
	background-position: right 20px center;
	background-repeat: no-repeat;
}
a.cta_contact:hover{
	background-position: right 15px center;
	text-decoration: none;
	color: #ffffff;
}
.content_border{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 4px;
	background: linear-gradient(to right, #ec4335 0%, #c92114 100%);
}

@media (min-width: 576px) {
	h2 {
		font-size: 35px;
		line-height: 37px;
		padding-top: 40px;
		padding-bottom: 30px;
	}

	p {
		font-size: 22px;
		line-height: 35px;
		margin-bottom: 40px;
	}

	a.cta_contact{
		font-size: 24px;
	}
}

@media (min-width: 992px) {
	h2 {
		font-size: 50px;
		line-height: 52px;
		padding-top: 40px;
		padding-bottom: 40px;
	}	
}
/* END GENERIEKE CSS */


/* Start site navbar */
.site__nav{
	padding-top: 20px;
	padding-bottom: 10px;
	height: 80px;
	background-color: #000000;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999999;
	transition: .3s ease all;
}


/*TIJDELIJK*/
.winner_topbar{
	position: absolute;
	color: #ffffff;
	left: 0;
	right: 0;
	top: 23px;
	display: block;
	text-align: center;
	font-weight: 700;
	z-index: 9;
}
.winner_topbar a{
	color: #ffffff;
	text-decoration: none;
	width: 350px;
	display: inline-block;
	position: relative;
}
.winner_topbar a:after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #9c3e97;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}
.winner_topbar a:hover:after {
  transform: scaleX(1);
  transform-origin: bottom left;
}
@media(max-width: 767px){
	.winner_topbar{
		top: 130px;
	}
}
@media(max-width: 578px){
	.winner_topbar{
		top: 100px;
	}
}
/*TIJDELIJK*/


.site__nav.site__nav_sticky{
	padding-top: 15px;
    height: 95px;
    background-color: #000000;
    box-shadow: 0px 1px 5px rgb(0 0 0 / 20%);
}
.site__nav nav {
	background-color: black;
	position: fixed;
	top: 0;
	right: 0;
	width: 100%; 
	height: 100%;
	opacity: 0;
	z-index: 9999;
	visibility: hidden;
	transition: all 0.3s ease-in-out;
}
.site__nav nav ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    position: absolute;
    left: 50%;
    top: 170px;
    transition: all 0.3s ease-in-out;
    transform: translateX(-50%);
    width: 100%;
}
.site__nav nav ul li {
	transform: translateY(50px);
	opacity: 0;
	text-align: left;
}
.site__nav nav ul li:nth-child(even){
	background-color: #272727;
}
.site__nav nav ul li a {
	position: relative;
	display: inline-block;
    font-size: 25px;
    line-height: 40px;
	text-decoration: none;
	padding: 3px 15px;
	color: #fff;
	font-weight: 800;
	transition: all 0.2s ease-in-out;
	letter-spacing: -1px!important;
	font-weight: 400;
}
.site__nav nav ul li a:hover {
	color: #ffffff;
}
.site__nav nav ul li a.active_menu{
	color: #ffffff;
	font-weight: 900;
}
.site__nav nav ul li a span.vacature_aantal{
	position: absolute;
	top: 0;
	right: 0;
	width: 20px;
    height: 20px;
	background-color: #000000;
	border-radius: 50%;
	border: 1px solid #ffffff;
}
.site__nav nav ul li a span.vacature_aantal font{
	position: absolute;
    color: #ffffff;
    font-size: 14px;
    top: -8px;
    left: 5px;
    right: 0;
}
.site__nav .site__logocontainer{
	transition: .3s ease all;
}
.site__nav .site__logocontainer img.site_logo{
	width: 75px;
	height: auto;
	display: inline-block;
}
.site__nav .site__logocontainer .site__logotext{
	position: absolute;
	color: #ffffff;
	font-size: 14px;
	display: block;
	transition: .3s ease all;
	margin: 0;
    left: 105px;
    top: 6px;
    letter-spacing: 1px;
}
.site__nav .site__logocontainer .site__logotext:nth-child(3){
	top: 19px;
}
.site__nav .site__logocontainer .site__logotext:nth-child(2){
	top: 32px;
}
.site__nav .toggle-btn {
    display: block;
    position: absolute;
    float: right;
    cursor: pointer;
    z-index: 99999;
    margin: 0 0;
    top: 10px;
    right: 10px;
}
.site__nav .toggle-btn .bar {
	width: 20px;
	height: 2px;
	margin: 7px;
	background-color: #fff;
	transition: all 0.3s ease-in-out;
	box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3);
}
.site__nav .toggle-btn .bar:nth-child(2) {
	width: 25px;
}
.site__nav .toggle-btn .bar:nth-child(3) {
	width: 30px;
}

#toggle:checked ~ nav {
	opacity: 1;
	visibility: visible;
}

#toggle:checked  {
	background-attachment: fixed;
}

#toggle:checked ~ nav ul li {
	transform: translateY(0px);
	opacity: 1;
	padding-left: 30px;
}
#toggle:checked ~ nav ul li:nth-child(1) {
	transition: all 0.3s cubic-bezier(0.6, 0, 0.8, 1.5) 0.1s;
}
#toggle:checked ~ nav ul li:nth-child(2) {
	transition: all 0.3s cubic-bezier(0.6, 0, 0.8, 1.5) 0.2s;
}
#toggle:checked ~ nav ul li:nth-child(3) {
	transition: all 0.3s cubic-bezier(0.6, 0, 0.8, 1.5) 0.3s;
}
#toggle:checked ~ nav ul li:nth-child(4) {
	transition: all 0.3s cubic-bezier(0.6, 0, 0.8, 1.5) 0.4s;
}
#toggle:checked ~ nav ul li:nth-child(5) {
	transition: all 0.3s cubic-bezier(0.6, 0, 0.8, 1.5) 0.5s;
}
#toggle:checked ~ nav ul li:nth-child(6) {
	transition: all 0.3s cubic-bezier(0.6, 0, 0.8, 1.5) 0.6s;
}
#toggle:checked ~ nav ul li:nth-child(7) {
	transition: all 0.3s cubic-bezier(0.6, 0, 0.8, 1.5) 0.7s;
}
#toggle:checked ~ nav ul li:nth-child(8) {
	transition: all 0.3s cubic-bezier(0.6, 0, 0.8, 1.5) 0.8s;
}
#toggle:checked ~ nav ul li:nth-child(9) {
	transition: all 0.3s cubic-bezier(0.6, 0, 0.8, 1.5) 0.9s;
}
#toggle:checked ~ nav ul li:nth-child(10) {
	transition: all 0.3s cubic-bezier(0.6, 0, 0.8, 1.5) 1.0s;
}
#toggle:checked ~ nav ul li:nth-child(11) {
	transition: all 0.3s cubic-bezier(0.6, 0, 0.8, 1.5) 1.1s;
}
#toggle:checked + label.toggle-btn .bar:nth-child(2) {
	transform: translateX(50px);
	opacity: 0;
}
#toggle:checked + label.toggle-btn .bar:nth-child(1) {
	width: 30px;
	transform: translateY(10px) rotate(45deg);
}
#toggle:checked + label.toggle-btn .bar:nth-child(3) {
	transform: translateY(-8px) rotate(-45deg);
}
@media (min-width: 576px) {
	.site__nav{
		padding-top: 40px;
		height: 115px;
	}
	.site__nav .site__logocontainer .site__logotext{
	    left: 118px;
	}
	.site__nav .site__logocontainer img.site_logo{
		width: 90px;
	}
	.site__nav .site__logocontainer .site__logotext{
	    top: 10px;
	}
	.site__nav .site__logocontainer .site__logotext:nth-child(3){
		top: 23px;
	}
	.site__nav .site__logocontainer .site__logotext:nth-child(2){
		top: 36px;
	}
}
@media(min-width:  767px){
	.site__nav nav {
		width: 18%;
		border-left: 1px solid #999999;
	}
}
/* Start site navbar */


/* Start site header */
.site__header{
	background-color: #000000;
	padding-top: 110px;
	padding-bottom: 5px;
	position: relative;
	background-repeat: no-repeat;
	background-position: center center;
    height: 190px;
}
.site__header.site__header_home{
    /*height: 330px;*/
    height: 370px;
    padding-top: 150px;
}
.site__header .site__header_heading{
	width: 100%;
	text-align: center;
	display: block;
	margin: 0 auto;
}
.site__header .site__header_heading h1{
    font-size: 28px;
    line-height: 32px;
	text-align: center;
	color: #ffffff;
	font-weight: 800;
	font-style: normal;
	position: relative;
	opacity: 0;
	z-index: 999;
	text-shadow: 0px 0px 7px rgba(0, 0, 0, 1);
	animation-delay: .5s!important;
	animation: fade-in 2s forwards;
}
.site__header .site__intro_gaze{
    background-color: #000000;
    position: absolute;
    display: block;
    margin: 0 auto;
    width: 65px;
    height: 65px;
    bottom: -70px;
    left: 0;
    right: 0;
    border-radius: 50%;
    padding-top: 5px;
    padding-bottom: 3px;
}

.site__header.site__header_home .site__intro_gaze{
	bottom: -30px;
}	
.site__header .site__header_heading p{
	position: relative;
    font-size: 16px;
	text-align: center;
	color: #ffffff;
	padding-top: 20px;
	font-weight: 400;
	z-index: 999;
}
.site__header .site__header_heading p span.divider{
	padding-left: 10px;
	padding-right: 10px;
}
.site__header .site__header_heading p span.fade1, .site__header .site__header_heading p span.fade2{
	position: absolute;
	left: 0;
	right: 0;
	top: 10px;
	display: block;
	margin: 0 auto;
	text-align: center;
	opacity: 0;
	animation-delay: 2s!important;
}
.site__header .site__header_heading p span.fade1{
	-webkit-animation: f1anim 15s infinite;
        animation: f1anim 15s infinite;
}
.site__header .site__header_heading p span.fade2{
	-webkit-animation: f2anim 15s infinite;
        animation: f2anim 15s infinite;
}
@keyframes f1anim {
  0%{opacity: 0;}
  15%{opacity: 1;}
  35%{opacity: 1;}
  50% {opacity:0;}
}
@keyframes f2anim {
  50%{opacity: 0;}
  65%{opacity: 1;}
  85%{opacity: 1;}
  100% {opacity:0;}
}


.site__header .site__intro_gaze img{
	width: 20px;
	padding-top: 20px;
	padding-bottom: 14px;
	height: auto;
	display: block;
	margin: 0 auto;
	position: relative;
	left: 0;
	right:  0;
	bottom: 0;
	animation-name: gaze-animation;
	animation-duration: 3s;
	animation-iteration-count: infinite;
}
.site__header span.vacature_aantal{
	position: absolute;
	top: 0;
	right: 20%;
	width: 20px;
    height: 20px;
	background-color: #000000;
	border-radius: 50%;
	border: 1px solid #ffffff;
}
.site__header span.vacature_aantal font{
	position: absolute;
    color: #ffffff;
    font-size: 14px;
    top: 1px;
    left: 1px;
    right: 0;
}
.site__header .header_animation {
    position: absolute;
    height: 285px;
    width: 100%;
    top: -115px;
    left: -23px;
    overflow: hidden;
}

/*Circle global*/
.site__header .header_animation .site__header_circle{
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: #a72e25;
	position: absolute;
	z-index: 99;
}
.site__header .header_animation .site__header_circle .innercircle_black{
    position: absolute;
    background-color: #000000;
    width: 6px;
    height: 6px;
    left: 3px;
    top: 3px;
    border-radius: 50%;
}

/*Circle 1*/
.site__header .header_animation .site__header_circle.site__header_circle1{
	opacity: 0;
    left: 79px;
    bottom: 0px;
    animation: pulseCircleRed 1s forwards;
    animation-delay: 3s;
}

/*Circle 2*/
.site__header .header_animation .site__header_circle.site__header_circle2{
	opacity: 0;
    left: 156px;
    bottom: 45px;
    background-color: #6e2a69;
    animation: pulseCirclePurple 1s forwards;
    animation-delay: 4s;
}

/*Circle 3*/
.site__header .header_animation .site__header_circle.site__header_circle3{
	opacity: 0;
	left: 244px;
    bottom: 54px;
    background-color: #5f4178;
    animation: pulseCirclePurple 1s forwards;
    animation-delay: 5s;
}

/*Circle 4*/
.site__header .header_animation .site__header_circle.site__header_circle4{
	opacity: 0;
    left: 316px;
    bottom: 108px;
    background-color: #2280a6;
    animation: pulseCircleBlue 1s forwards;
    animation-delay: 6s;
}
@media(min-width: 576px){
	/*Circle 1*/
	.site__header .header_animation .site__header_circle.site__header_circle1{
	    left: 100px;
	    bottom: 2px;
	}

	/*Circle 2*/
	.site__header .header_animation .site__header_circle.site__header_circle2{
		left: 196px;
	    bottom: 57px;
	}

	/*Circle 3*/
	.site__header .header_animation .site__header_circle.site__header_circle3{
	    left: 305px;
    	bottom: 68px;
	}

	/*Circle 4*/
	.site__header .header_animation .site__header_circle.site__header_circle4{
	    bottom: 134px;
    	left: 393px;
	}
}
@media(min-width: 767px){
	/*Circle global*/
	.site__header .header_animation .site__header_circle{
		width: 20px;
		height: 20px;
	}
	.site__header .header_animation .site__header_circle .innercircle_black{
	    width: 10px;
	    height: 10px;
	    left: 5px;
	    top: 5px;
	}

	/*Circle 1*/
	.site__header .header_animation .site__header_circle.site__header_circle1{
	    left: 128px;
	    bottom: 0px;
	}

	/*Circle 2*/
	.site__header .header_animation .site__header_circle.site__header_circle2{
		left: 256px;
	    bottom: 72px;
	}

	/*Circle 3*/
	.site__header .header_animation .site__header_circle.site__header_circle3{
	    left: 402px;
	    bottom: 86px;
	}

	/*Circle 4*/
	.site__header .header_animation .site__header_circle.site__header_circle4{
	    bottom: 171px;
	    left: 517px;
	}
}
@media(min-width: 992px){
	/*Circle 1*/
	.site__header .header_animation .site__header_circle.site__header_circle1{
	    left: 179px;
	    bottom: 0px;
	}

	/*Circle 2*/
	.site__header .header_animation .site__header_circle.site__header_circle2{
	    bottom: 100px;
	    left: 350px;
	}

	/*Circle 3*/
	.site__header .header_animation .site__header_circle.site__header_circle3{
        bottom: 119px;
        left: 545px;
	}

	/*Circle 4*/
	.site__header .header_animation .site__header_circle.site__header_circle4{
	    bottom: 238px;
        left: 703px;
	}
}
@media(min-width: 1200px){
	/*Circle 1*/
	.site__header .header_animation .site__header_circle.site__header_circle1{
	    left: 219px;
	    bottom: -7px;
	}

	/*Circle 2*/
	.site__header .header_animation .site__header_circle.site__header_circle2{
	    left: 426px;
	    bottom: 109px;
	}

	/*Circle 3*/
	.site__header .header_animation .site__header_circle.site__header_circle3{
		left: 664px;
	    bottom: 130px;
	}

	/*Circle 4*/
	.site__header .header_animation .site__header_circle.site__header_circle4{
	    left: 848px;
	    bottom: 267px;
	}
}

@keyframes pulseCircleRed {
	0% {opacity: 0;transform: scale(0.95);box-shadow: 0 0 0 0 rgba(167, 46, 37, 0.7);}
	40% {opacity: 1;transform: scale(1);}
	70% {opacity: 1;transform: scale(1);box-shadow: 0 0 0 10px rgba(167, 46, 37, 0);}
	100% {opacity: 1;box-shadow: 0 0 0 0 rgba(167, 46, 37, 0);}
}
@keyframes pulseCirclePurple {
	0% {opacity: 0;transform: scale(0.95);box-shadow: 0 0 0 0 rgba(110, 42, 105, 0.7);}
	40% {opacity: 1;transform: scale(1);}
	70% {opacity: 1;transform: scale(1);box-shadow: 0 0 0 10px rgba(110, 42, 105, 0);}
	100% {opacity: 1;box-shadow: 0 0 0 0 rgba(110, 42, 105, 0);}
}
@keyframes pulseCirclePurple {
	0% {opacity: 0;transform: scale(0.95);box-shadow: 0 0 0 0 rgba(95, 65, 120, 0.7);}
	40% {opacity: 1;transform: scale(1);}
	70% {opacity: 1;transform: scale(1);box-shadow: 0 0 0 10px rgba(95, 65, 120, 0);}
	100% {opacity: 1;box-shadow: 0 0 0 0 rgba(95, 65, 120, 0);}
}
@keyframes pulseCircleBlue {
	0% {opacity: 0;transform: scale(0.95);box-shadow: 0 0 0 0 rgba(34, 128, 166, 0.7);}
	40% {opacity: 1;transform: scale(1);}
	70% {opacity: 1;transform: scale(1);box-shadow: 0 0 0 10px rgba(34, 128, 166, 0);}
	100% {opacity: 1;box-shadow: 0 0 0 0 rgba(34, 128, 166, 0);}
}
@keyframes animateHeader {
    0% { left: 0;}
    100% {left: 100%;}
}
/*Line global*/
.site__header .header_animation .site__header_line{
	position: absolute;
	width: 80px;
	height: 2px;
}
.site__header .header_animation .site__header_line::before{
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    animation: animateHeader 1s linear forwards;
}

/*Line 1*/
.site__header .header_animation .site__header_line.site__header_line1{
	background: linear-gradient(to right, #000000 35%, #a72e25 50%);
	left: 0;
	bottom: 5px;
}
.site__header .header_animation .site__header_line.site__header_line1::before{
	animation-delay: 2s;
}	
/*Line 2*/
.site__header .header_animation .site__header_line.site__header_line2{
	background: linear-gradient(to right, #a72e25, #6e2a69);
    left: 83px;
    bottom: 27px;
	transform: rotate(-30deg);
}
.site__header .header_animation .site__header_line.site__header_line2::before{
	animation-delay: 3s;
}

/*Line 3*/
.site__header .header_animation .site__header_line.site__header_line3{
    background: linear-gradient(to right, #6e2a69, #5f4178);
	left: 166px;
    bottom: 54px;
    transform: rotate(-5deg);
}
.site__header .header_animation .site__header_line.site__header_line3::before{
	animation-delay: 4s;
}

/*Line 4*/
.site__header .header_animation .site__header_line.site__header_line4{
	background: linear-gradient(to right, #5f4178, #2280a6);
    left: 247px;
    bottom: 86px;
    transform: rotate(-37deg);
}
.site__header .header_animation .site__header_line.site__header_line4::before{
	animation-delay: 5s;
}

/*Line 5*/
.site__header .header_animation .site__header_line.site__header_line5{
    background: linear-gradient(to right, #2280a6 40%, #000000 70%, #000000 100%);
    left: 308px;
    bottom: 150px;
    transform: rotate(-55deg);
}
.site__header .header_animation .site__header_line.site__header_line5::before{
	animation-delay: 6s;
}

@media(min-width: 576px){
	.site__header .header_animation .site__header_line{
		width: 100px;
	}
	/*Line 1*/
	.site__header .header_animation .site__header_line.site__header_line1{
		left: 0;
		bottom: 7px;
	}

	/*Line 2*/
	.site__header .header_animation .site__header_line.site__header_line2{
	    left: 104px;
	    bottom: 34px;
	}

	/*Line 3*/
	.site__header .header_animation .site__header_line.site__header_line3{
	    left: 206px;
    	bottom: 67px;
	}

	/*Line 4*/
	.site__header .header_animation .site__header_line.site__header_line4{
	    left: 305px;
    	bottom: 105px;
	}

	/*Line 5*/
	.site__header .header_animation .site__header_line.site__header_line5{
		left: 381px;
	    bottom: 184px;
	    background: linear-gradient(to right, #2280a6 60%, #000000 80%, #000000 100%);
	}
}
@media(min-width: 767px){
	.site__header .header_animation .site__header_line{
		width: 130px;
		height: 5px;
	}
	/*Line 1*/
	.site__header .header_animation .site__header_line.site__header_line1{
		left: 0;
		bottom: 7px;
	}

	/*Line 2*/
	.site__header .header_animation .site__header_line.site__header_line2{
	    left: 137px;
	    bottom: 42px;
	}

	/*Line 3*/
	.site__header .header_animation .site__header_line.site__header_line3{
	    left: 274px;
	    bottom: 86px;
	}

	/*Line 4*/
	.site__header .header_animation .site__header_line.site__header_line4{
	    left: 405px;
	    bottom: 135px;
	}

	/*Line 5*/
	.site__header .header_animation .site__header_line.site__header_line5{
		left: 504px;
    	bottom: 240px;
	    background: linear-gradient(to right, #2280a6 60%, #000000 80%, #000000 100%);
	}
}
@media(min-width: 992px){
	.site__header .header_animation .site__header_line{
		width: 180px;
	}
	/*Line 1*/
	.site__header .header_animation .site__header_line.site__header_line1{
		left: 0;
		bottom: 6px;
	}

	/*Line 2*/
	.site__header .header_animation .site__header_line.site__header_line2{
	    left: 185px;
	    bottom: 57px;
	}

	/*Line 3*/
	.site__header .header_animation .site__header_line.site__header_line3{
	    left: 368px;
	    bottom: 117px;
	}

	/*Line 4*/
	.site__header .header_animation .site__header_line.site__header_line4{
	    left: 544px;
	    bottom: 185px;
	}

	/*Line 5*/
	.site__header .header_animation .site__header_line.site__header_line5{
	    left: 679px;
	    bottom: 327px;
	}
}
@media(min-width: 1200px){

	.site__header .header_animation .site__header_line{
		width: 220px;
	}
	/*Line 1*/
	.site__header .header_animation .site__header_line.site__header_line1{
		left: 0;
		bottom: 0;
	}

	/*Line 2*/
	.site__header .header_animation .site__header_line.site__header_line2{
	    left: 223px;
	    bottom: 57px;
	}

	/*Line 3*/
	.site__header .header_animation .site__header_line.site__header_line3{
		left: 445px;
	    bottom: 127px;
	}

	/*Line 4*/
	.site__header .header_animation .site__header_line.site__header_line4{
	    left: 660px;
	    bottom: 207px;
	}

	/*Line 5*/
	.site__header .header_animation .site__header_line.site__header_line5{
	    left: 814px;
	    bottom: 371px;
	}
}

@media (min-width: 576px) {
	.site__header{
		height: 280px;
		padding-top: 150px;
	}
	.site__header.site__header_home{
	    height: 450px;
	    padding-top: 0;
	}
	.site__header .header_animation{
	    top: 60px;
    	left: 0;
	}
	.site__header .site__header_heading h1{
	    font-size: 32px;
	    line-height: 40px;
	    padding-top: 170px;
	}
	.site__header .site__header_heading p{
	    font-size: 22px;
	}
	.site__header .site__header_heading p span.divider{
	    padding-left: 30px;
	    padding-right: 30px;
	}
	.site__header{
		padding-top: 0px;		
		padding-bottom: 25px;
	}
	.site__header .site__intro_gaze{
	    bottom: -100px;
	}
	.site__header.site__header_home .site__intro_gaze{
		bottom: -30px;
	}
	.site__nav nav ul li a {
		font-size: 45px;
	    line-height: 45px;
	}
	.site__header span.vacature_aantal{
		right: 130px;
	}
	.site__nav nav ul li a span.vacature_aantal font{
	    font-size: 14px;
	    top: -13px;
	    left: 5px;
	}
}

@media (min-width: 767px) {
	.site__header .site__header_heading h1{
	    font-size: 45px;
	    padding-top: 210px;
	    line-height: 51px;
	}
	.site__nav nav ul li a {
		font-size: 27px;
	    line-height: 50px;
	}

	.site__nav nav ul li a span.vacature_aantal{
		position: absolute;
		top: 0;
		right: 0px;
		width: 25px;
	    height: 25px;
		background: #000000;
		border-radius: 50%;
	}
	.site__nav nav ul li a span.vacature_aantal font{
	    font-size: 18px;
	    top: -14px;
	    left: 6px;
	    right: 0;
	}
	.site__header{
		height: 350px;
	}
	.site__header.site__header_home{
		height: 560px;
	}
	.site__header .header_animation{
		top: 170px;
		left: 20px;
	}
	.site__header span.vacature_aantal{
		right: 220px;
	}
	.site__header.site__header_home .site__intro_gaze{
	    bottom: -135px;
	}
	.site__header .site__intro_gaze{
	    bottom: -115px;
	}
	.site__header.site__header_home .site__intro_gaze{
		bottom: -30px;
	}
}

@media (min-width: 992px) {
	.site__header .site__header_heading h1{
	    font-size: 52px;
	    line-height: 58px;
	}
	.site__header .site__header_heading p{
		font-size: 28px;
	}
	.site__header .site__header_heading p span.divider{
		padding-left: 60px;
		padding-right: 60px;
	}
	.site__header span.vacature_aantal{
		right: 300px;
		width: 25px;
	    height: 25px;

	}
	.site__header span.vacature_aantal font{
	    font-size: 16px;
	    top: 1px;
	    left: 1px;
	    right: 0;
	}
	.site__header .header_animation{
	    top: 100px;
    	left: 0;
    	height: 385px;
	}
	.site__header.site__header_home .site__intro_gaze{
		bottom: -30px;
	}
}
@media (min-width: 1200px) {
	.site__header.site__header_home{
		height: 500px;
	}
	.site__header{
		height: 370px;
	}
	.site__header.site__header_home .site__header_heading h1{
		padding-top: 220px;
	    font-size: 52px;
	}
	.site__header .site__header_heading h1{
		padding-top: 170px;
	    font-size: 52px;
	}
	.site__header span.vacature_aantal{
		right: 393px;
	}
	.site__header .header_animation {
		overflow: unset;
	    height: 475px;
	    top: -10px;
	    left: 0px;
	}
	.site__header.site__header_home .site__intro_gaze{
		bottom: -30px;
	}
	.site__header .site__intro_gaze{
	    bottom: -170px;
	}
}
/* End site header */



/* Start homepage intro content block */
.site__intro{
	background-color: #ffffff;
	padding-top: 15px;
	padding-bottom: 30px;
}
.site__intro .site__intro_heading h2{
	font-size: 24px;
	line-height: 27px;
	font-weight: 800;
	color: #000000;
	padding-bottom: 20px;
}
.site__intro .site__intro_paragraph p{
	font-size: 16px;
	line-height: 26px;
	font-weight: 300;
	color: #000000;
	margin: 0;
}

@media (min-width: 576px) {
	.site__intro{
		padding-top: 60px;
		padding-bottom: 45px;
	}

	.site__intro .site__intro_heading h2{
		font-size: 35px;
		line-height: 37px;
		padding-bottom: 30px;
	}
	.site__intro .site__intro_paragraph p{
		font-size: 22px;
		line-height: 35px;
	}
}
@media (min-width: 992px) {
	.site__intro{
		padding-top: 70px;
	}
	.site__intro .site__intro_heading h2{
		font-size: 50px;
		line-height: 52px;
		padding-bottom: 40px;
	}
}
/* End homepage intro content block */


/* Start homepage approach */
.site__approach{
	background-color: #ffffff;
	padding-bottom: 0px;
}
.site__approach .site__approach_buttons .nopadleft{
	padding-left: 3px;
}

.site__approach .site__approach_buttons .nopadright{
	padding-right: 3px;
}

.site__approach .site__approach_buttons .cta__approach{
	width: 100%;
	padding-top: 12px;
	padding-bottom: 12px;
	font-size: 16px;
	font-weight: 700;
	color: #ffffff;
	line-height: 20px;
	border-radius: 10px;
	text-align: center;
	cursor: pointer;
	position: relative;
	margin-bottom: 15px;
}
.site__approach .site__approach_buttons .cta__approach.cta__approach_awareness{
	background: linear-gradient(to right, #ec4335 0%, #c82014 100%);
}
.site__approach .site__approach_buttons .cta__approach.cta__approach_engagement{
	background: linear-gradient(to right, #9c3d97 0%, #6f2396 100%);
}
.site__approach .site__approach_buttons .cta__approach.cta__approach_conversions{
	background: linear-gradient(to right, #47bbec 0%, #36a8d9 100%);
}
.site__approach .site__approach_buttons .cta__approach_active{
	position: absolute;
	width: 20px;
	height: 20px;
	bottom: -8px;
	left: 0;
	right: 0;
	margin: 0 auto;
	transform: rotate(45deg);
}
#slider-container-home { border-bottom: 4px solid #ec4335; }

.site__approach .site__approach_content{
	background-color: #ffffff;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 12px -9px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 12px -9px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 12px -9px rgba(0,0,0,0.75);
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 30px;
	padding-bottom: 30px;
	position: relative;
	margin: 0 auto;
	margin-top: 10px;
}
.site__approach .site__approach_content .site__approach_content_overflow{
	overflow: hidden;
}
.site__approach .site__approach_content img.slide_right_mob{
	width: 60px;
    height: 60px;
    background: #ffffff;
    border: 1px solid #000000;
    border-radius: 50%;
    position: absolute;
    bottom: 25px;
    right: 30px;
    background-image: url(../../images/icons/ico_cta_arrow_right_black.svg);
    background-size: 19px auto;
    background-position: center center;
    background-repeat: no-repeat;
    transition: .3s ease all;
    z-index: 999;
}
.site__approach .site__approach_content .content_slider_block{
	max-width: 505px;
	width: 100%;
    display: inline-block;
}
.site__approach .site__approach_content img.awarenss_icon1{
	margin-bottom: 15px;
	width: 100%;
	max-width: 60px;
	height: 60px;
}
.site__approach .site__approach_content h3{
	font-size: 20px;
	color: #000000;
	font-weight: 700;
	padding-bottom: 15px;
}
.site__approach .site__approach_content p{
	font-size: 18px;
	line-height: 32px;
	white-space: normal;
}
.site__approach .site__approach_content .site__approach_content_border{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 4px;
	background: linear-gradient(to right, #ec4335 0%, #c92114 100%);
}

.site__approach_content .site__approach_content_overflow p{
	margin-bottom: unset;
}

.site__approach_content .site__approach_content_overflow p.nomt{
	font-size: 16px;
	line-height: 26px;
}

.site__approach_content .site__approach_content_overflow .kopsliderblock_mob{
	font-size: 18px;
}
.site__approach .site__approach_content img.slide_right.clicker__slider_left{
	display: none;
}
.site__approach .site__approach_content img.slide_right.clicker__slider_right{
	display: none;
}
.site__approach .site__approach_content_animation .col-4{
	width: 100%;
	max-width: 100%;
	display: block;
}

@media (min-width: 576px) {
	.site__approach{
		padding-bottom: 40px;
	}

	.site__approach .site__approach_buttons .nopadleft{
		padding-left: 15px;
	}

	.site__approach .site__approach_buttons .nopadright{
		padding-right: 15px;
	}

	.site__approach .site__approach_content img.slide_right{
	    width: 55px;
	    height: auto;
	    position: absolute;
	    right: -33px;
	    top: 0;
	    bottom: 0;
	    margin: auto;
	    cursor: pointer;
	}

	.site__approach .site__approach_content{
		margin-top: 15px;
		padding-left: 60px;
		padding-right: 60px;
		padding-top: 50px;
		padding-bottom: 50px;
		width: auto;
	}

	.site__approach .site__approach_content .content_slider_block{
		max-width: unset;
	    display: inline-block;
	}

	.site__approach .site__approach_content img.awarenss_icon1{
		margin-bottom: 35px;
		width: 100%;
		max-width: 80px;
		height: 80px;
	}

	.site__approach_content .site__approach_content_overflow p.nomt{
		font-size: 18px;
		line-height: 32px;
	}

	.site__approach .site__approach_content p{
		font-size: 18px;
		line-height: 32px;
		white-space: normal;
		padding-right: 20px;
	}

	.site__approach .site__approach_buttons .cta__approach{
		font-size: 18px;
	}
}

@media (min-width: 767px) {
	.site__approach .site__approach_buttons .cta__approach{
		padding-top: 22px;
		padding-bottom: 22px;
		font-size: 24px;
		margin-bottom: unset;
	}

	.site__approach .site__approach_buttons .cta__approach_active{
		width: 30px;
		height: 30px;
		bottom: -15px;
	}
	.site__approach .site__approach_content{
		margin-top: 35px;
	}
	.site__approach .site__approach_content img.slide_right{
		right: -40px;
	}
	.site__approach .site__approach_content img.slide_right.clicker__slider_left{
		left: -40px;
		right: unset;
		transform: rotate(180deg);
		display: block;
	}
	.site__approach .site__approach_content img.slide_right.clicker__slider_right{
		display: block;
	}
}

@media (min-width: 992px) {
	.site__approach{
		background-color: #ffffff;
		padding-bottom: 100px;
	}
	.site__approach .site__approach_content_animation .col-4{
		width: 32%;
		max-width: 32%;
	}

}

@media (min-width: 1200px) {
}
/* End homepage approach */


/* Start homepage banner bottom */
.site__bottom_banner{
	background: linear-gradient(to right, #9c3d97 0%, #6f2396 100%);
	padding-top: 40px;
	padding-bottom: 40px;
	text-align: center;
}
.site__bottom_banner h2{
	font-size: 24px;
	line-height:27px;
	color: #ffffff;
	font-weight: 800;
	text-align: left;
	padding-top: 0px;
	padding-bottom: 0px;
}
@media (min-width: 576px) {
	.site__bottom_banner h2{
		font-size: 35px;
		line-height: 37px;
		color: #ffffff;
		text-align: center;
	}
	.site__bottom_banner{
		background: linear-gradient(to right, #9c3d97 0%, #6f2396 100%);
		padding-top: 75px;
		padding-bottom: 85px;
		text-align: center;
	}
}
@media (min-width: 992px) {
	.site__approach{
		background-color: #ffffff;
		padding-bottom: 100px;
	}
	.site__bottom_banner h2{
		font-size: 45px;
		line-height: 50px;
		color: #ffffff;
	}
}
/* End homepage banner bottom */


/* Start homepage banner bottom */
.site__customers{
	background-color: #ffffff;
	padding-bottom: 0px;
}
.site__customers h2{
	padding-bottom: 20px;
    font-size: 24px;
    line-height: 27px;
    font-weight: 800;
    color: #000000;
}

.site__customers .mt35{
	margin-bottom: -25px;
} 

.site__customers .mt_special{
	margin-bottom: -40px;
} 

.site__customers .mtmob{
	margin-bottom: -5px;
} 

.site__customers img.logo{
	width: 80%;
	height: 50%;
	display: block;
	margin: 0 auto;
	margin-bottom: 35px;
}

.site__customers img.logo_oranje{
	width: 60%;
	height: auto;
	display: block;
	margin: 0 auto;
	margin-bottom: 35px;
	position: relative;
	top: 10px;
}

.site__customers img.logo_mazda{
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
	margin-bottom: 35px;
	position: relative;
	top: -12px;
}

.site__customers img.logo_nrc{
	width: 60%;
	height: auto;
	display: block;
	margin: 0 auto;
	margin-bottom: 35px;
	position: relative;
	top: 25px;
}

.site__customers img.logo_toyota{
	width: 78%;
	height: auto;
	display: block;
	margin: 0 auto;
	margin-bottom: 35px;
	position: relative;
	top: 0px;
}

@media (min-width: 576px) {
	.site__customers h2{
	    font-size: 35px;
	    line-height: 37px;
    	padding-bottom: 35px;
	}	
	.site__customers img.logo_toyota{
		width: 57%;
	}
	.site__customers .mt35{
		margin-bottom: 0px;
	} 

	.site__customers .mt_special{
		margin-bottom: -25px;
	} 

	.site__customers .mtmob{
		margin-bottom: 0px;
	} 


	.site__customers img.logo{
		width: 80%;
		height: 50%;
		display: block;
		margin: 0 auto;
		margin-bottom: 35px;
	}

	.site__customers img.logo_oranje{
		top: 10px;
	}

	.site__customers img.logo_mazda{
		top: -19px;
	}

	.site__customers img.logo_nrc{
		top: 25px;
	}

	.site__customers img.logo_toyota{
		top: -6px;
	}
}
@media (min-width: 992px) {
	.site__customers h2{
	    font-size: 50px;
	    line-height: 52px;
    	padding-bottom: 85px;
	}
		.site__customers img.logo_mazda{
		top: -23px;
	}

}

@media (min-width:1200px) {
	.site__customers img.logo_toyota{
		top: -15px;
	}

	.site__customers img.logo_mazda{
		top: -28px;
	}
}

/* End homepage banner bottom */

.site_intro_team{
	background-color: #ffffff;
	padding-top: 30px;
}

/* Start cases homepage */
.site__cases_homepage{
	background-color: #ffffff;
	padding-bottom: 40px;
}
.site__cases_homepage h2{
	padding-bottom: 20px;
    font-size: 24px;
    line-height: 27px;
    font-weight: 800;
    color: #000000;
    padding-top: 0px;
}
.site__cases_homepage .site__case_homepage_url{
	text-decoration: none;
}
.site__cases_homepage .site__case_homepage_url:hover .site__case_container{
	background-size: 115%;
}
.site__cases_homepage .site__case_container{
	height: 185px;
	margin-bottom: 15px;
	background-size: 110%;
	background-position: center top -10px;
	position: relative;
	transition: all 0.3s ease;
	position: relative;
}
.site__case_container::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80px; /* Pas de hoogte van de fade aan zoals gewenst */
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1)); /* Dit creëert een verticale gradient van transparant naar zwart */
}
.site__cases_homepage .site__case_container .site__case_content{
	position: absolute;
	left: 20px;
	bottom: 20px;
}
.site__cases_homepage .site__case_container .site__case_content h2{
	font-size: 20px;
	line-height: 24px;
	color: #ffffff;
	font-weight: 800;
	padding-bottom: 0;
	position: relative;
	z-index: 99;
}
.site__cases_homepage .site__case_container .site__case_content p{
	font-size: 20px;
	line-height: 24px;
	color: #ffffff;
	font-weight: 300;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 99;
}
.site__cases_homepage a.cta_contact{
	border: 1px solid #000000;
	color: #000000;
	margin-top: 10px;
	background-image: url('../../images/icons/ico_cta_arrow_right_black.svg');
}
.site__cases_homepage a.cta_contact:hover{
	color: #000000;
}
.padding_cases{
	padding-bottom: 0px!important;
}

.txtcenter{text-align: left;}

@media (min-width: 576px) {
	.site__cases_homepage h2{
	    font-size: 35px;
	    line-height: 37px;
	    padding-top: 40px;
	    padding-bottom: 35px;
	}
	.site__cases_homepage{
		padding-bottom: 75px;
	}

	.txtcenter{text-align: center;}

	.padding_cases{
		padding-bottom: 10px!important;
	}
}

@media (min-width: 767px) {
	.site__cases_homepage .site__case_container{
		height: 400px;
		margin-bottom: 30px;
		background-position: top center;
	}

	.site__cases_homepage .site__case_container .site__case_content{
		left: 30px;
		bottom: 40px;
	} 
	.padding_cases{
		padding-bottom: 10px!important;
	}
}

@media (min-width: 992px) {
	.site__cases_homepage h2{
	    font-size: 50px;
	    line-height: 52px;
	}
	.site__cases_homepage{
		padding-bottom: 140px;
		padding-top: 20px;
	}
	.site__cases_homepage a.cta_contact{
		margin-top: 40px;
	}

	.site__cases_homepage .site__case_container{
		height: 300px;
		margin-bottom: 30px;
		background-size: 110%;
		background-position: top center;
	}

	.site__cases_homepage .site__case_container .site__case_content{
		left: 30px;
	}
	.padding_cases{
		padding-bottom: 30px!important;
	}
}

@media (min-width: 1200px) {
	.site__cases_homepage h2{
	    font-size: 50px;
	    line-height: 52px;
	}
	.site__cases_homepage{
		padding-bottom: 160px;
		padding-top: 40px;
	}
	.site__cases_homepage a.cta_contact{
		margin-top: 40px;
	}

	.site__cases_homepage .site__case_container{
		height: 400px;
	}
	.padding_cases{
		padding-bottom: 30px!important;
	}
}
/* End cases homepage */

/* START case detail page (tim)*/
.site_case__main {
	padding-top:  80px;
	background-color: #ffffff;
}
.site_case__main h3 {
	font-size: 22px;
	padding-bottom: 15px;
}
.site_case__main .subtext {
	font-size: 18px;
	line-height: 32px;
}
.site_case__main .circle {
	height: 230px;
	width: 230px;
	padding-top: 70px;
	margin-bottom: 50px;
	background: linear-gradient(white, white) padding-box, linear-gradient(to bottom, #48baeb, #9346a0, #eb4337) border-box;
	border-radius: 50%;
	border: 6px solid transparent;
	color: #303030;
	text-align: center;
}
.site_case__main .circle h3 {
	position: relative;
	font-size: 52px;
	line-height: 1;
	margin-bottom: 15px;
	padding-bottom: 0;
}
.site_case__main .circle h4 {
	font-size: 22px;
}
.site_case__main .case_overview_top{
	height: auto;
	max-width: 100%;
	margin-bottom: 40px;
	box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1);
}

/* Site Accordion (Tim) */
.site_case__accordion{
	background-color: #ffffff;
}
.site_case__accordion #accordion .card.border_red {
	border-bottom:  4px solid #ec3e2b;
}
.site_case__accordion #accordion .card.border_purple {
	border-bottom:  4px solid #8f2a96;
}
.site_case__accordion #accordion .card.border_blue {
	border-bottom:  4px solid #36bbec;
}
.site_case__accordion #accordion .card-header {
	border-bottom:  none;
	background-color: #ffffff;
}
.site_case__accordion #accordion .card-body {
	padding: 0 0 25px 0;
}
.site_case__accordion #accordion .btn {
	width: 100%;
	box-shadow: none;
}
.site_case__accordion #accordion .btn h4{
	font-size: 22px;
	color: #000000;
}
.site_case__accordion #accordion .btn h4 img{
	width: 60px;
	height: 60px;
	display: inline-block;
	margin-right: 15px;
}
/*.site_case__accordion #accordion p{
	font-size: 20px;
	line-height: 32px;
	margin-bottom: 0px;
}*/
.site_case__accordion #accordion .accordion_arrow {
	width: 16px!important;
	height: auto;
	transition: .3s ease all;
}
.site_case__accordion #accordion .accordion_arrow.rotate {
	transform: rotate(180deg);
}
/* Site Accordion (Tim) */

.site_case__main .case_overview_bottom{
	height: auto;
	max-width: 100%;
	margin: 50px 0 50px 0;
}
.site_case__more{
	padding-top:  35px;
	padding-bottom:  160px;
	background-color: #ffffff;
}
.site_case__more .more_cases_container{

}
.site_case__more .more_cases_container .more_cases_tile{
	height: 440px;
	position: relative;
	background-size: 100% auto;
	background-position: center center;
	transition: .3s ease all;
	background-repeat: no-repeat;
}
.site_case__more .more_cases_container a.more_cases_url:hover .more_cases_tile{
	background-size: 105% auto;
}
.site_case__more .more_cases_container .more_cases_tile img.more_cases_logo{
	display: block;
	height: auto;
	max-width: 165px;
	-webkit-filter: drop-shadow(0px 0px 15px #000000);
  	filter: drop-shadow(0px 0px 15px #000000);
  	position: absolute;
  	margin: auto auto;
  	top: 0;
  	right: 0;
  	bottom: 0;
  	left: 0;
}
.site_case__more .more_cases_container .more_cases_tile p{
	display: block;
  	position: absolute;
  	bottom: 30px;
  	left: 40px;
  	color: #ffffff;
  	margin: 0;
}
.site_case__more .more_cases_container .more_cases_tile .case_next_arrow{
	width: 60px;
	height: 60px;
	background: transparent;
	border: 1px solid #ffffff;
	border-radius: 50%;
	position: absolute;
	bottom: 34px;
	right: 30px;
	background-image: url('../../images/icons/ico_cta_arrow_right.svg');
	background-size: 19px auto;
	background-position: center center;
	background-repeat: no-repeat;
	transition: .3s ease all;
}
.site_case__more .more_cases_container a.more_cases_url:hover .more_cases_tile .case_next_arrow{
	background-position: center right 15px;
}
.site_case__main .quote{
	width: 204px;
	height: auto;
	max-width: 100%;
}
.site_case__main .quote_txt{
	font-style: italic;
	margin-top: 25px;
	padding: 0 130px 0 20px;
}
.txt_blue{
	color: #36b7ea;
}
/* END case detail page (tim)*/

/* Start Vacature overview */
.site_vacature_overview__main{
	background-color: #ffffff;
	padding-top:  15px;
}
.site_vacature_overview__main .site_vacature_overview__vacature_container{
	padding-top: 0px;
	padding-bottom: 20px;
}
.site_vacature_overview__main .site_vacature_overview__vacature_container a.to_detail{
	text-decoration: none;
	color: #000000;
}
.site_vacature_overview__main .site_vacature_overview__vacature_container a.to_detail:hover .site_vacature_overview__vacature .site_vacature_overview__vacature_next{
	background-position: center right 12px;
}
.site_vacature_overview__main .site_vacature_overview__vacature_container .site_vacature_overview__vacature{
    background-color: #ffffff;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 12px -9px rgb(0 0 0 / 75%);
    -moz-box-shadow: 0px 0px 12px -9px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 12px -9px rgb(0 0 0 / 75%);
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 25px;
    padding-bottom: 70px;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
    font-weight: 300;
    height: 96%;
}
.site_vacature_overview__main .site_vacature_overview__vacature_container .site_vacature_overview__vacature p{
	font-size: 20px;
	margin-bottom: 30px;
	line-height: 30px;
}
.site_vacature_overview__main .site_vacature_overview__vacature_container .site_vacature_overview__vacature ul{
	margin: 0;
	padding: 0;
}
.site_vacature_overview__main .site_vacature_overview__vacature_container .site_vacature_overview__vacature ul li{
	font-size: 16px;
	line-height: 26px;
	padding-left: 40px;
	list-style: none;
	margin-bottom: 10px;
	background-repeat: no-repeat;
	background-position: left top 2px;
	background-image: url('../../images/icons/ico_check_vacature.svg');
	background-size: 20px 20px;
}
.site_vacature_overview__main .site_vacature_overview__vacature_container .site_vacature_overview__vacature .site_vacature_overview__vacature_next{
	width: 50px;
	height: 50px;
	background: transparent;
	border: 1px solid #9c3d96;
	border-radius: 50%;
	position: absolute;
    bottom: 25px;
    right: 30px;
	background-image: url('../../images/icons/ico_cta_arrow_right_purple.png');
	background-size: 19px auto;
	background-position: center center;
	background-repeat: no-repeat;
	transition: .3s ease all;
}
.site_vacature_overview__main .site_vacature_overview__vacature_container .site_vacature_overview__vacature .site_vacature_overview__vacature_border{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 4px;
	background: linear-gradient(to right, #9c3c96 0%, #6f2496 100%);
}
.site_vacature_overview__opensollicitaite{
	background-color: #f8f8f8;
	padding-top: 0px;
	padding-bottom: 40px;
}
.site_vacature_overview__opensollicitaite a.cta_contact{
	background: url('../../images/icons/ico_cta_arrow_right.svg') right 20px center/14px 15px no-repeat, linear-gradient(to right, #47bbec 0%, #36a8d9 100%);
	border: 0;
	margin-top: 10px;
}
.site_vacature_overview__opensollicitaite a.cta_contact:hover{
	background-position: right 15px center, 0;
	text-decoration: none;
	color: #ffffff;
}

@media (min-width: 576px) {
	.site_vacature_overview__main{
		padding-top:  60px;
	}

	.site_vacature_overview__main .site_vacature_overview__vacature_container{
		padding-top: 35px;
		padding-bottom: 90px;
	}

	.site_vacature_overview__opensollicitaite{
		padding-top: 45px;
		padding-bottom: 85px;
	}

	.site_vacature_overview__main .site_vacature_overview__vacature_container .site_vacature_overview__vacature{
	    padding-top: 45px;
	    padding-bottom: 75px;
	}

	.site_vacature_overview__main .site_vacature_overview__vacature_container .site_vacature_overview__vacature ul li{
		font-size: 20px;
		line-height: unset;
	    padding-left: 40px;
    	padding-right: 40px;
		background-position: left top 5px;    	
	}
}

@media (min-width: 768px) {
	.site_vacature_overview__main .site_vacature_overview__vacature_container a.to_detail:hover .site_vacature_overview__vacature .site_vacature_overview__vacature_next{
		background-position: center right 15px;
	}
	.site_vacature_overview__main .site_vacature_overview__vacature_container .site_vacature_overview__vacature .site_vacature_overview__vacature_next{
		width: 60px;
		height: 60px;
	}
}

@media (min-width: 992px) {
	.site_vacature_overview__main{
		padding-top:  80px;
	}

	.site_vacature_overview__main .site_vacature_overview__vacature_container .site_vacature_overview__vacature{
		height: 480px;
	}
}

@media (min-width: 1200px) {
	.site_vacature_overview__main .site_vacature_overview__vacature_container .site_vacature_overview__vacature{
		height: 390px;
	}
}
/* End Vacature overview */


/*START Vacature Details (Swen)*/
.site__header .no-height{
	height: auto;
}

.site__header .site__header_heading p.joboffer_small{
	font-size: 26px;
	line-height: 26px;
	margin-bottom: -5px;
}

.site_joboffer_detail{
	background-color: #ffffff;
	padding-top: 15px;
	padding-bottom: 45px;
}

p.joboffer_vactxt{
	font-size: 16px;
	line-height: 26px;
}

.site_joboffer_detail .cta_contact.cta_soliciteer_direct{
	background: url('../../images/icons/ico_cta_arrow_right.svg') right 40px center/14px 15px no-repeat, linear-gradient(to right, #47bbec 0%, #36a8d9 100%);
    padding-bottom: 18px;
    padding-top: 18px;
    padding-left: 25px;
    padding-right: 45px;
	margin-top: 0;
	font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    width: 280px;
    max-width: 100%;
    text-align: center;
}

.site_joboffer_detail .cta_contact.cta_soliciteer_direct:hover{
	background-position: right 35px center, 0;
	background-color: #37a9da;
}

.site_joboffer_strengthen{
	background-color: #f8f8f8;
	padding-bottom: 45px;
}

.site_joboffer_strengthen .margin10{
	margin-bottom: 10px;
}

.site_joboffer_strengthen ul{
	margin: 0;
	padding: 0;
	padding-inline-start: 20px;
}
.site_joboffer_strengthen ul li{
	font-size: 16px;
	line-height: 26px;
	font-weight: 300;
	padding-left: 10px;
}

.site_joboffer_promise{
	background-color: #ffffff;
	padding-top: 5px;
}

.site_joboffer_promise ul{
	padding-inline-start: 0px;
	margin-bottom: 0;
}
.site_joboffer_promise ul li{
	background: url('../../images/icons/promise_check.png'); 
	background-size: 16px 16px;
	background-repeat: no-repeat;
    background-position: top 5px left;
	list-style: none;
	padding-inline-start: 25px;
	font-size: 16px;
	line-height:26px;
	display: inline-block;
	font-weight: 300;
	margin-bottom: 0px;
	width: 100%;
    vertical-align: top;
}

.site_joboffer_apply{
	background-color: #ffffff;
	padding-bottom: 20px;
}

.site_joboffer_apply .bluetxt{
	color: #43bbec;
}

.site_joboffer_apply a.contacturl:hover{
	text-decoration: none;
}
.site_joboffer_apply .solliciteer_direct_anchor {
	position: absolute;
	top:  -90px;
}
.site_joboffer_form{
	background-color: #ffffff;
	padding-bottom: 50px;
}

.site_joboffer_form  .site_joboffer_box{
	box-shadow: 0px 0px 15px 0px #e8e3e3;
	border-radius: 10px;
	padding-top: 50px;
	padding-bottom: 70px;
	padding-left: 60px;
	padding-right: 60px;
}


.site_joboffer_form .site_joboffer_box .site_joboffer_formleft img.img_arrow{
	max-width: 19px;
	height: auto;
	display: inline-block;
	margin-left: 10px;
}

.no-p {padding-left: 5px;}

.site_joboffer_form .site_joboffer_box .site_joboffer_formleft .cta_applysend{
	font-size: 24px;
	line-height: 20px;
	background-color: #37a9da;
	color: #ffffff;
	font-weight: 700;
	border: 1px solid #ffffff;
	border-radius: 9px;
	text-decoration: none;
	padding-bottom: 18px;
	padding-top: 18px;
	padding-left: 54px;
	padding-right: 74px;
	display: inline-block;
	margin-top: 30px;
	transition: .3s ease all;
	background-image: url('../images/icons/ico_cta_arrow_right.png');
	background-size: 14px 15px;
	background-position: right 40px center;
	background-repeat: no-repeat;
}
.site_joboffer_form .site_joboffer_box .site_joboffer_formleft .cta_applysend:hover{
	background-position: right 35px center;
	text-decoration: none;
}

.site_joboffer_applyproces{
	background-color: #ffffff;
}
.site_joboffer_applyproces img{
	width: 55px;
	max-width: 100%;
	height: auto;
	margin-bottom: 25px;
	display: inline;
}
.site_joboffer_applyproces p {
	text-align: left;
	font-size: 15px;
	margin-bottom: 13px;
	margin-left: 5px;
}
.site_joboffer_applyproces p:last-of-type {
	margin-right: 0;
}
.upload_box{
	background-color:#fbfbfb;
	width: 100%;
	margin-top: 30px;
	height: 130px;
	padding:0px 0px 0px 0px;
}
.upload_file {
	color: transparent;
	height: 100%;
	width: 100%;
    cursor: pointer;
}
.upload_file::-webkit-file-upload-button {
	visibility: hidden;
}
.upload_file::before {
	content: 'CV';
	display: inline-block;
	height: 125px;
	width: 100%;
	font-size: 15px;
	background-color: #fbfbfb;
	background-image: url('../../images/icons/ico_upload.svg');
	background-repeat: no-repeat;
	background-size: 115px 115px;
	background-position: center 40px;
	color: #303030;
	white-space: nowrap;
	-webkit-user-select: none;
	cursor: pointer;
	font-weight: 600;
	text-align: center;
	border:unset!important;
}
.upload_motivatie {
 	position: relative;
}

    
.upload_motivatie::before {
  content: 'Motivatie' !important;
}
.site_joboffer_form{
	background-color: #ffffff;
	padding-bottom: 45px;
}
.site_joboffer_form .site_joboffer_box{
	height: 100%;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	border-radius: 0px;
	padding-top: 0px;
	padding-bottom: 70px;
	padding-left: 20px;
	padding-right: 20px;
}
.site_joboffer_form .site_joboffer_box .site_joboffer_formleft .cta_contact{
	font-size: 24px;
	line-height: 20px;
	background-color: #37a9da;
	color: #ffffff;
	font-weight: 700;
	border: 1px solid #ffffff;
	border-radius: 9px;
	text-decoration: none;
	padding-bottom: 18px;
	padding-top: 18px;
	padding-left: 95px;
	padding-right: 115px;
	display: inline-block;
	margin-top: 30px;
	transition: .3s ease all;
	background-image: url('../../images/icons/ico_cta_arrow_right.png');
	background-size: 14px 15px;
	background-position: right 40px center;
	background-repeat: no-repeat;
}
.site_joboffer_form .site_joboffer_box .site_joboffer_formleft .cta_contact:hover{
	background-position: right 35px center;
	text-decoration: none;
	color: #ffffff;
}
	.upload_box{
		height: 130px;
		border: 1px solid #999999;
	}
	.upload_file::before {
		font-size: 20px;
		font-weight:300;
		background-position: right 7px;	
		padding-top: 50px;	
		margin-left: 60px;
		margin-right:60px;
		width: 165px;
    	text-align: left;
	    margin: 0 auto;
    	display: block;
	}	

	.p-rright{padding-right: 0px!important;}
	.p-lleft{padding-left: 15px!important;}
@media (min-width: 576px) {
	p.joboffer_vactxt{
		font-size: 18px;
		line-height: 32px;
	}
	.site_joboffer_applyproces img{
		width: 70px;
	}
	.site_joboffer_applyproces p {
		font-size: 16px;
		margin-bottom: 14px;
	}	
	.site_joboffer_detail .cta_contact.cta_soliciteer_direct{

		width: 335px;
    	max-width: unset;
   	 	font-size: 24px;
	}
	.site_joboffer_strengthen ul li{
		font-size: 18px;
		line-height: 32px;
	}
	.site_joboffer_promise{
		padding-top: 60px;
	}	
	.site_joboffer_promise ul li{
		background-size: 22px 22px;
	    background-position: top 5px left;
		font-size: 18px;
		line-height:32px;
		margin-bottom: 0px;
		padding-inline-start: 40px;	
	}	
	.upload_box{
		height: 130px;
		border: 1px solid #999999;
	}
	.upload_file::before {
		font-size: 20px;
		font-weight:300;
		background-position: right 7px;	
		padding-top: 50px;	
		margin-left: 60px;
		margin-right:60px;
		width: 165px;
    	text-align: left;
	    margin: 0 auto;
    	display: block;
	}	
	.site_joboffer_form{
		padding-bottom: 60px;
	}	
}
@media (min-width: 767px) {	
	.site_joboffer_form .site_joboffer_box{
		padding-top: 20px;
		padding-bottom: 40px;
		padding-left: 30px;
		padding-right: 60px;
		height: 100%;
	}
	.site_joboffer_detail{
		padding-top: 80px;
		padding-bottom: 100px;
	}
	.site_joboffer_strengthen{
		padding-top: 60px;
		padding-bottom: 100px;
	}
	.p-rright{padding-right: 15px!important;}
}
@media (min-width: 992px) {
	.site_joboffer_form .site_joboffer_box{
		padding-left: 60px;
		padding-right: 60px;
	}
	.site_joboffer_applyproces img{
		width: 1000px;
	}
	.site_joboffer_applyproces p {
		margin-right: 63px;
		margin-bottom: 40px;
		font-size: 18px;
		display: inline-block;
		text-align: center;	
	}
	.p-rright{padding-right: 0px!important;}
}
@media (min-width: 1200px) {
	.site_joboffer_form .site_joboffer_box{
		padding-top: 50px;
		padding-bottom: 70px;
	}
	.site_joboffer_applyproces p {
		margin-right: 81px;
	}
}
/*END Vacature Details (Swen)*/


/* Start diensten pagina */
.site_services__content_block{
	background-color: #ffffff;
}
.site_services__content_block .site_services__content_container{
    margin-top: 15px;
    background-color: #ffffff;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 12px -9px rgb(0 0 0 / 75%);
    -moz-box-shadow: 0px 0px 12px -9px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 12px -9px rgb(0 0 0 / 75%);
    padding-left: 97px;
    padding-right: 70px;
    padding-top: 40px;
    padding-bottom: 30px;
    position: relative;
    overflow: hidden;
}
.site_services__content_block .site_services__content_container ul{
	margin: 0;
	padding: 0;
}
.site_services__content_block .site_services__content_container ul li{
	font-size: 22px;
	padding-left: 75px;
	list-style: none;
	margin-bottom: 10px;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url('../../images/icons/ico_check_vacature.svg');
	background-size: 60px 60px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 25px;
}
.site_services__content_block .site_services__content_container p{
	font-size: 18px;
	margin-bottom: 0;
}
.site_services__content_block .site_services__content_container img{
    margin-left: auto;
    display: block;
    position: relative;
    top: -20px;
    width: 100%;
    height: auto;
}
/* End diensten pagina */


/* START verdieping pagina */
.site__floor_container{
	background-color: #ffffff;
}
.site__floor_container .anchor {
	position: absolute;
	top: -175px;
}
.site__floor_container .awareness_anchor {
	position: absolute;
	top: -80px;
}
.site__floor_container .awereness-to-engagement-border{
	height: 2px;
	width: 100%;
	background: linear-gradient(90deg, #a63489 0%, #a63489 50%, #ee4135 51%, #ee4135 100%);
}
.site__floor_container .engagement-to-conversions-border{
	background: linear-gradient(90deg, #a63489 0%, #a63489 50%, #a63489 51%, #02adef 100%);
	width: 100%;	
	height: 2px;
}
.site__floor_container .conversions-to-end-border{
	background: #02adef;
	width: 50%;	
	height: 2px;	
	float: right;
}
.site__floor_container .title__block_awareness{
	height: 80px;
	border-left: 2px solid #ee4135;
	border-bottom: 2px solid #ee4135;
}
.site__floor_container .title__block_awareness h2{
	width:250px;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #ffffff;
	display: block;
	margin: 0 auto;
	text-align: center;
	top: 45px;
    position: relative;
}
.site__floor_container .title__block_engagement{
	height: 0;
}
.site__floor_container .title__block_engagement h2{
	width: 250px;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #ffffff;
	display: block;
	margin: 0 auto;
	text-align: center;
	top: -38px;
    position: relative;
    z-index: 9;
}
.site__floor_container .title__block_conversions{
	height: 0;
}
.site__floor_container .title__block_conversions h2{
	width: 250px;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #ffffff;
	display: block;
	margin: 0 auto;
	text-align: center;
	top: -38px;
    position: relative;
}
.site__floor_container .content__block_awareness{
	border-right: 2px solid #ee4135;
	padding-top: 50px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 45px;
	text-align: center;
}
.site__floor_container .content__block_awareness .content__icon_container p.infotxt{
	font-size: 16px;
	line-height: 26px;
	text-align: left;
	position: relative;
	top: 10px;
	margin-bottom: 50px;
	color: #212529!important;
}

.site__floor_container .content__block_engagement .content__icon_container p.infotxt{
	font-size: 16px;
	line-height: 26px;
	text-align: left;
	position: relative;
	top: 10px;
	margin-bottom: 50px;
	color: #212529!important;
}

.site__floor_container .content__block_conversions .content__icon_container p.infotxt{
	font-size: 16px;
	line-height: 26px;
	text-align: left;
	position: relative;
	top: 10px;
	margin-bottom: 50px;
	color: #212529!important;
}

.site__floor_container .content__block_engagement{
	border-left: 2px solid #a63489;
	padding-top: 50px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 45px;
	text-align: center;
	position: relative;
}

.site__floor_container .content__block_conversions{
	border-right: 2px solid #02adef;
	padding-top: 50px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 0px;
	text-align: center;
}

.site__floor_container .content__icon_container{
	position: relative;
	height: auto;
	top: 30px;
}
.site__floor_container .content__block_awareness p.content_intro{
	margin-bottom: 20px;
	text-align: left;
	font-size: 16px;
	line-height: 26px;
}

.site__floor_container .content__block_engagement p.content_intro{
	margin-bottom: 20px;
	text-align: left;
	font-size: 16px;
	line-height: 26px;
}

.site__floor_container .content__block_conversions p.content_intro{
	margin-bottom: 20px;
	text-align: left;
	font-size: 16px;
	line-height: 26px;
}
.site__floor_container svg, .site__floor_container svg.logo {
	position: absolute;
    top: 20px;
    left: 40px;
	transform: translate(-50%,-50%);
}
.site__floor_container .icon_container {
	width: 60px;
	height: 60px;
    border-radius: 100px;
    opacity: 0;
    animation: fadeIn 0.75s linear forwards;
    position: relative;
/*    margin: 0 auto;*/
    top: -10px;
    left: 10px;
}
.site__floor_container p.icon_explanation{
	opacity: 0;
    animation: fadeIn 0.75s linear forwards;
    top: 5px;
    left: 99px;
    right: 0;
    display: block;
    margin: 0 auto;
    text-align: left;
    color: #e5342d;
    height: 40px;
    position: absolute;
}

.site__floor_container p.icon_explanation_2{
	opacity: 0;
    animation: fadeIn 0.75s linear forwards;
}

.ptop_special{
	position: absolute;
	display: block;
	left: 19px;
	right: 0;
	top: -1px;
	bottom: 0;
/*	margin: auto;*/
	z-index: 9;
	width: 45px;
	height: auto;
}


.ptop1{
	position: absolute;
	display: block;
	left: 19px;
	right: 0;
	top: 6px;
	bottom: 0;
/*	margin: auto;*/
	z-index: 9;
	width: 45px;
	height: auto;
}

.ptop2{
	position: absolute;
    display: block;
    left: 23px;
    right: 0;
    top: 2px;
    bottom: 0;
    /* margin: auto; */
    z-index: 9;
    width: 36px;
    height: auto;
}

.ptop3{
    position: absolute;
    display: block;
    left: 23px;
    right: 0;
    top: 3px;
    bottom: 0;
    /* margin: auto; */
    z-index: 9;
    width: 35px;
    height: auto;
}

.site__floor_container svg .circle {
	stroke-dasharray: 1000;
	stroke-dashoffset: 1000;
	animation: stroke 2s ease-out forwards;
	r: 40px;
}

.site__floor_border{
	background-color: #ffffff;
	margin-bottom: -25px;
}
.site__floor_border .vertical_border{
	height: 90px;
	width: 2px;
	background-color: red;
	display: block;
	margin: 0 auto;
	position: relative;
	right: -1px;
	background: linear-gradient(#4ab8ea, #9c3e97);
}

@media (min-width: 576px) {
	.site__floor_container .content__block_awareness .content__icon_container p.infotxt{
		font-size: 18px;
		line-height: 32px;
	}

	.site__floor_container .content__block_engagement .content__icon_container p.infotxt{
		font-size: 18px;
		line-height: 32px;
	}

	.site__floor_container .content__block_conversions .content__icon_container p.infotxt{
		font-size: 18px;
		line-height: 32px;
	}

	.site__floor_container .title__block_awareness h2{
		top: 145px;
	}

	.site__floor_container .title__block_engagement h2{
		top: -48px;
	}

	.site__floor_container .title__block_conversions h2{
		top: -48px;
	}

	.site__floor_container .title__block_awareness{
		height: 180px;
		border-left: 2px solid #ee4135;
		border-bottom: 2px solid #ee4135;
	}

	.site__floor_container .content__block_awareness{
		padding-left: 60px;
		padding-right: 60px;
	}

	.site__floor_container .content__block_engagement{
		padding-left: 60px;
		padding-right: 60px;
	}

	.site__floor_container .content__block_conversions{
		padding-left: 60px;
		padding-right: 60px;
		padding-bottom: 45px;
	}

	.site__floor_container .title__block_awareness h2{
		width:460px;
	}

	.site__floor_container .title__block_engagement h2{
		width:460px;
	}

	.site__floor_container .title__block_conversions h2{
		width:460px;
	}

	.ptop1{
		position: absolute;
		display: block;
		left: -307px;
		right: 0;
		top: -118px;
		bottom: 0;
		margin: auto;
		z-index: 9;
		width: 35px;
		height: auto;
	}

	.ptop2{
		position: absolute;
		display: block;
		left: -307px;
		right: 0;
		top: -180px;
		bottom: 0;
		margin: auto;
		z-index: 9;
		width: 35px;
		height: auto;
	}

	.ptop3{
		position: absolute;
		display: block;
		left: -307px;
		right: 0;
		top: -118px;
		bottom: 0;
		margin: auto;
		z-index: 9;
		width: 35px;
		height: auto;
	}
	.site__floor_container .content__block_awareness p.content_intro{
		font-size: 18px;
		line-height: 32px;
	}

	.site__floor_container .content__block_engagement p.content_intro{
		font-size: 18px;
		line-height: 32px;
	}

	.site__floor_container .content__block_conversions p.content_intro{
		font-size: 18px;
		line-height: 32px;
	}
	.site__floor_container .awareness_anchor {
		top: 0px;
	}	

}
@media (min-width: 767px) {
	.site__floor_container svg .circle {
		r: 75;
	}

	.site__floor_container svg, .site__floor_container svg.logo {
		top: 50%;
		left: 77px;
	}
	.site__floor_container .icon_container {
		width: 120px;
		height: 120px;
	    top: 65px;
	    left: -7px;
	    margin: 0 auto;
	}
	.ptop1{
		left: -15px;
		width: 65px;
		height: auto;
		top: 0px;
	}

	.ptop2{
		left: -15px;
		width: 65px;
		height: auto;
		top: 0px;
	}

	.ptop3{
		left: -15px;
		width: 65px;
		height: auto;
		top: 0px;
	}

	.site__floor_container p.icon_explanation{
		top: 90px;
	    left: 0;
	    position: relative;
	}

	.site__floor_container .content__block_awareness .content__icon_container p.infotxt{
		top: 105px;
	}

	.site__floor_container .content__block_engagement .content__icon_container p.infotxt{
		top: 105px;
	}

	.site__floor_container .content__block_conversions .content__icon_container p.infotxt{
		top: 105px;
	}

	.site__floor_container .content__icon_container{
		height: 250px;
		top: unset;
	}

	.site__floor_container .content__block_awareness{
		border-right: 2px solid #ee4135;
		padding-top: 50px;
		padding-left: 60px;
		padding-right: 60px;
		padding-bottom: 345px;
		text-align: center;
	}

	.site__floor_container .content__block_engagement{
		border-left: 2px solid #a63489;
		padding-top: 50px;
		padding-left: 60px;
		padding-right: 60px;
		padding-bottom: 545px;
		text-align: center;
	}

	.site__floor_container .content__block_conversions {
	    border-right: 2px solid #02adef;
	    padding-top: 50px;
	    padding-left: 60px;
	    padding-right: 60px;
	    padding-bottom: 380px;
	    text-align: center;
	}

	.site__floor_container .content__block_awareness .content__icon_container p.infotxt{
		margin-bottom: 40px;
	}

	.site__floor_container .content__block_engagement .content__icon_container p.infotxt{
		margin-bottom: 40px;
	}

	.site__floor_container .content__block_conversions .content__icon_container p.infotxt{
		margin-bottom: 40px;
	}
}


@media (min-width: 992px) {
	.site__floor_container svg .circle {
		r: 85;
	}

	.site__floor_container svg, .site__floor_container svg.logo {
		top: 50%;
		left: 85px;
	}
	.site__floor_container .icon_container {
		width: 130px;
		height: 130px;
	    top: 60px;
	    left: -14px;
	}
	.ptop1{
		left: -30px;
		width: 75px;
	}

	.ptop2{
		left: -30px;
		width: 75px;
	}

	.ptop3{
		left: -30px;
		width: 75px;
	}



	.site__floor_container .content__block_awareness{
		padding-bottom: 355px;
	}

	.site__floor_container .content__block_engagement{
		padding-bottom: 475px;
	}

	.site__floor_container .content__block_conversions{
		padding-bottom: 355px;
	}

	.site__floor_container p.icon_explanation{
		top: 100px;
	}

}

@media (min-width: 1200px) {
	.site__floor_container svg .circle {
		r: 95;
	}

	.site__floor_container svg, .site__floor_container svg.logo {
		top: 50%;
		left: 95px;
	}
	.site__floor_container .icon_container {
		width: 140px;
		height: 140px;
	    top: 55px;
	    left: -27px;
	}
	.ptop1{
		left: -53px;
		width: 85px;
	}

	.ptop2{
		left: -53px;
		width: 85px;

	}

	.ptop3{
		left: -53px;
		width: 85px;

	}

	.site__floor_container .content__block_awareness{
		padding-bottom: 300px;
	}

	.site__floor_container .content__block_engagement{
		padding-bottom: 415px;
	}

	.site__floor_container .content__block_conversions{
		padding-bottom: 335px;
	}

}

/* END verdieping pagina */


/* START Teampage (Swen) */
.site_intro{
	background-color: #ffffff;
	padding-top: 15px;
}

.site_person_team{
	background-color: #ffffff;
	padding-bottom: 20px;
}

.site_person_team img.team_person{
	max-width: 310px;
	width: 100%;
	height: auto;
	display: block;
	padding-bottom: 15px;
}

.site_person_team p.person_name{
	font-size: 16px;
	line-height: 20px;
	color: #000000;
	margin-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

.site_person_team p.person_function{
	font-size: 15px;
	line-height: 19px;
	color: #000000;
	margin-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

.site_person_team img.team_contact{
	max-width: 20px;
	width: 100%;
	height: auto;
	display: inline-block;
	padding-top: 6px;
	margin-right: 0px;
	margin-left: 10px;
	margin-bottom: 10px;
}

.site_person_team img.team_linkedin{
	max-width: 25px;
	width: 100%;
	height: auto;
	display: inline-block;
	margin-bottom: 10px;
	margin-top: 2px;
}

.site_person_team .team_pic_2{
	margin-top: 90px;
    box-shadow: 0px 5px 15px -5px #d3cfcf;
}

.site_person_team .team_pic_0{
	margin-top: 0px;
}

.site_person_team .boxshadow{
	 box-shadow: 0px 5px 15px -5px #d3cfcf;
	 margin-bottom: 20px;
}

.site_person_team .nopadright{
	 padding-right: 7px;
}

.site_person_team .nopadleft{
	 padding-left: 7px;
	 margin-top: 90px;
}

.site_person_team .mtminus40{
	margin-top: 0;
}

.site_person_team a{
	cursor: pointer;
}
.site_person_team a.contact_hover:hover{
	text-decoration: none;
}

.site_person_team .new_colleague{
	background: linear-gradient(90deg, rgba(71,187,236,1) 0%, rgba(55,169,218,1) 100%);
	padding-left: 15px;
	padding-right: 15px;
	height: 215px;
	position: relative;
}

.site_person_team p.new_colleague_txt{
	font-size: 20px;
	line-height: 24px;
	text-align: left;
	color: #ffffff;
	padding-top: 45px;
	padding-bottom: 40px;
	margin-bottom: unset;
}

.site_person_team a.cta_new_colleague{
	border: 1px solid #ffffff;
	border-radius: 8px;
	padding-top: 13px;
	padding-bottom: 12px;
	width: 100%;
	font-size: 18px;
	color: #ffffff;
	display: block;
	text-align: center;
	cursor: pointer;
}

.site_person_team a.cta_new_colleague:hover{
	text-decoration: none;
}

.site_person_team .img_arrow{
	max-width: 19px;
	height: auto;
	display: inline-block;
	margin-left: 10px;
}

.site_person_team .img_arrow_mob{
	max-width: 40px;
    position: absolute;
    bottom: 15px;
    right: 10px;
}

.site_omg_party{
	background-color: #ffffff;
	padding-top:0px;
}

.pt60{
	padding-top: 60px;
}

img.party_img{
	width: 100%;
	max-width: 100%;
	height: auto;
	display: block;
	padding-bottom: 40px;
}

.mb20{
	margin-bottom: 20px;
}

.mob_right{margin-top: 95px;}
.mob_left{margin-top: -80px;}
.fixed_height_mobile{height: 380px}

@media (min-width: 576px) {
	.mob_right{margin-top: 0px;}
	.mob_left{margin-top: 0px;}

	.site_person_team img.team_person{
		padding-bottom: 30px;
	}

	.site_person_team .team_pic_2{
		margin-top: 60px;
	}

	.site_person_team .mtminus40{
		margin-top: -60px;
	}

	.site_person_team .boxshadow{
		box-shadow: unset;
	}

	.site_intro{
		padding-top: 60px;
	}	

	.site_person_team p.person_function{
		font-size: 17px;
		line-height: 17px;
		color: #000000;
		margin-bottom: 10px;
	}
	.site_person_team p.person_name{
		font-size: 18px;
		line-height: 20px;
		margin-bottom: 15px;
		padding-left: unset;
		padding-right: unset;
	}
	.site_person_team p.person_function{
		font-size: 15px;
		line-height: 19px;
		padding-left: unset;
		padding-right: unset;
	}

	.site_person_team .nopadright{
		padding-right: 15px;
	}

	.site_person_team .nopadleft{
		padding-left: 15px;
	}

	.site_person_team .new_colleague{
		height: 215px;
	}

	img.party_img{
		padding-bottom: 80px;
	}

	.site_person_team img.team_contact{
		max-width: 30px;
		margin-right: 0px;
		margin-bottom: 15px;
		margin-left: -3px;
		margin-bottom: unset;
	}

	.site_person_team img.team_linkedin{
		max-width: 35px;
		margin-bottom: unset;
		margin-top: 2px;
	}

	.mt120{margin-top: 0px;}

	.boxshadow .heightblock{height: 110px;}
}

@media (min-width: 576px) {	
	.mt120{margin-top: 120px;}
	.mt60{margin-top: 60px;}
	.mtnone{margin-top: -100px;}
	.mt-40{margin-top: -40px;}
	.mt20{margin-top: 20px;}
	.site_person_team{
		padding-bottom: 60px;
	}
}
@media (min-width: 767px) {	
	.site_person_team{
		padding-bottom: 65px;
	}
	.site_person_team .mtminus40{
		margin-top: -80px;
	}

	.site_person_team p.person_name{
		font-size: 20px;
	}
	.site_person_team p.person_function{
		font-size: 20px;
		line-height: 24px;
	}
	.site_person_team .mt75{
		margin-top: unset;
	}

	.site_person_team .new_colleague{
		height: 285px;
		padding-left: 15px;
		padding-right: 15px;
	}

	.site_person_team p.new_colleague_txt{
		font-size: 30px;
		line-height: 37px;
		text-align: center;
		padding-top: 45px;
		padding-bottom: 30px;
	}
	.fixed_height_mobile{
		height: auto;
	}
	.site_omg_party{
		padding-top:60px;
	}

	.pt60{
		padding-top: unset;
	}
	.boxshadow .heightblock{height: 120px;}

	.site_person_team .new_colleague{
		height: 290px;
	}
}

@media (min-width: 992px) {
	.site_person_team{
		padding-bottom: 65px;
	}
	.site_intro{
		background-color: #ffffff;
		padding-top: 80px;
	}	
	.site_person_team .mtminus40{
		margin-top: -60px;
	}

	.site_person_team .new_colleague{
		height: 315px;
	}

	.site_person_team p.new_colleague_txt{
		font-size: 35px;
		line-height: 42px;
		padding-top: 45px;
		padding-bottom: 40px;
	}
	.site_person_team .new_colleague{
		height: 310px;
	}
}

@media (min-width: 1200px) {
	.site_person_team{
		padding-bottom: 80px;
	}

	.site_person_team .mtminus40{
		margin-top: -40px;
	}

	.site_person_team .new_colleague{
		height: 325px;
		padding-left: 35px;
		padding-right: 35px;
	}

	.site_person_team p.new_colleague_txt{
		font-size: 35px;
		line-height: 42px;
		padding-top: 45px;
		padding-bottom: 50px;
	}
	.site_person_team .new_colleague{
		height: 320px;
	}
}
/*END Teampage (Swen)*/


/*START Nieuwsbrief (Swen)*/
.site_newsletter_signin{
	background-color: #ffffff;
	padding-top: 15px;
}
.site_newsletter_signin ul{
	padding-inline-start: 0px;
}
.site_newsletter_signin li{
	background: url('../../images/newsletter/img_check.png'); 
	background-size: 18px 15px;
	background-repeat: no-repeat;
	list-style: none;
	padding-inline-start: 44px;
	font-size: 16px;
	line-height:22px;
	display: inline-block;
	margin-right: 65px;
	margin-bottom: 10px;
    background-position: 0px 2px;
    width: 100%;
    max-width: 235px;
}

.site_newsletter_form{
	background-color: #ffffff;
	padding-bottom: 150px;
}

.site_newsletter_form .site_newsletter_box{
	height: 100%;
	box-shadow: 0px 0px 15px 0px #e8e3e3;
	border-radius: 10px;
	padding-top: 00px;
	padding-bottom: 70px;
	padding-left: 20px;
	padding-right: 20px;
	border-bottom: 5px solid #39bbec;
	min-height: 540px;
}


.site_newsletter_form img.img_iphone{
	max-width: 130px;
	height: auto;
	display: block;
	top: -45px;
	right: 30px;
	position: absolute;
}

.site_newsletter_form .site_newsletter_box .site_newsletter_formleft img.img_arrow{
	max-width: 19px;
	height: auto;
	display: inline-block;
	margin-left: 10px;
}

.site_newsletter_form .site_newsletter_box .site_newsletter_formleft .cta_contact{
	font-size: 24px;
	line-height: 20px;
	background-color: #37a9da;
	color: #ffffff;
	font-weight: 700;
	border: 1px solid #ffffff;
	border-radius: 9px;
	text-decoration: none;
	padding-bottom: 18px;
	padding-top: 18px;
	padding-left: 95px;
	padding-right: 115px;
	display: inline-block;
	margin-top: 30px;
	transition: .3s ease all;
	background-image: url('../../images/icons/ico_cta_arrow_right.png');
	background-size: 14px 15px;
	background-position: right 40px center;
	background-repeat: no-repeat;
}
.site_newsletter_form .site_newsletter_box .site_newsletter_formleft .cta_contact:hover{
	background-position: right 35px center;
	text-decoration: none;
	color: #ffffff;
}


@media (min-width: 576px) {
	.site_newsletter_signin{
		padding-top: 60px;
	}

	.site_newsletter_signin li{
		background-size: 23px 18px;
		font-size: 22px;
		line-height:22px;
		margin-bottom: 20px;
	    background-position: unset;
	}

	.site_newsletter_form img.img_iphone{
		max-width: 190px;
		height: auto;
		display: block;
	    top: -100px;
	    right: 20px;
		position: absolute;
	}

	.site_newsletter_form .site_newsletter_box{
		min-height: 400px;
	}
	.site_newsletter_form {
		padding-bottom: 220px;
	}

}

@media (min-width: 767px) {	
	.site_newsletter_form .site_newsletter_box{
		padding-top: 20px;
		padding-bottom: 40px;
		padding-left: 30px;
		padding-right: 60px;
		min-height: 390px;

	}

	.site_newsletter_signin li{
	    max-width: 305px;
	}

	.site_newsletter_form img.img_iphone{
		max-width: 235px;
		height: auto;
		display: block;
	    top: -220px;
	    right: 25px;
	    position: absolute;
	}
	.site_newsletter_form {
		padding-bottom: 160px;
	}
}

@media (min-width: 992px) {
	.site_newsletter_form {
		padding-bottom: 225px;
	}
	.site_newsletter_signin{
		padding-top: 80px;
	}

	.site_newsletter_signin li{
		margin-right: 35px;
		margin-bottom: 40px;
	    width: unset;
	}

	.site_newsletter_form img.img_iphone{
		max-width: 315px;
		height: auto;
		display: block;
		top: -275px;
   		right: 110px;
	}

	.site_newsletter_form .site_newsletter_box{

		padding-left: 60px;
		padding-right: 60px;
		min-height: 390px;
	}
}

@media (min-width: 1200px) {
	.site_newsletter_form {
		padding-bottom: 200px;
	}
	.site_newsletter_form img.img_iphone{
		max-width: 366px;
		height: auto;
		display: block;
		top: -365px;
	}

	.site_newsletter_form .site_newsletter_box{
		padding-top: 50px;
		padding-bottom: 70px;
		min-height: 450px;

	}
}
/*END Nieuwsbrief (Swen)*/


/* Start footer */
footer{
	padding-top: 40px;
	padding-bottom: 0px;
}
footer .footer__container_sitemap{
	padding-bottom: 45px;
}


footer .footer__container_sitemap .p10{
	padding-top: 90px;
}

footer .footer__container_sitemap img.footer_logo{
	width: 100%;
	height: auto;
	max-width: 75px;
	margin-bottom: 0px;
}
footer .footer__container_sitemap h2{
	font-size: 24px;
	font-weight: 800;
	line-height: 45px;
	color: #ffffff;
	margin-bottom: -35px;
	padding-bottom: 40px;
}
footer .footer__container_sitemap p{
	font-size: 16px;
	font-weight: 100;
	line-height: 27px;
	margin: 0;
}
footer .footer__container_sitemap p.footer_margin{
	margin-bottom: 35px;
}

footer .footer__container_sitemap p.mt10{
	margin-bottom: 10px;
}
footer .footer__container_sitemap p a{
	text-decoration: none;
	color: #ffffff;
	cursor: pointer;
}

footer .footer__container_sitemap .blue{
	color: #02adef;
}

footer .footer__container_sitemap .footer__iconbox{
	position: relative;
	top: 18px;
}
footer .footer__container_sitemap .footer__iconbox a{
	text-decoration: none;
	cursor: pointer;
}
footer .footer__container_sitemap .footer__iconbox a img{
	width: auto;
	height: 20px;
	max-height: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
}

footer .footer__container_iconbox{
	padding-bottom: 30px;
}
footer .footer__container_iconbox .footer__iconbox{
	position: relative;
	top: 0px;
}
footer .footer__container_iconbox .footer__iconbox a{
	text-decoration: none;
	cursor: pointer;
}
footer .footer__container_iconbox .footer__iconbox a img{
	width: auto;
	height: 30px;
	max-height: 30px;
	margin-right: 20px;
}
footer .footer__container_iconbox .footer__certificates img{
	width: 100%;
	height: auto;
	opacity: 60%;
}
footer .footer__copyright p{
	font-size: 16px;
	color: #5c5c5c;
	line-height: 24px;
}

footer .footer__copyright a.footerurl{
	text-decoration: none;
	color: #5c5c5c;
}

@media screen and (min-width: 576px) {
	footer .footer__container_sitemap h2{
		font-size: 32px;
	}

	footer .footer__container_sitemap p{
		font-size: 22px;
		line-height: 35px;
	}
	footer .footer__container_sitemap{
		padding-bottom: 65px;
	}
	footer .footer__container_sitemap .footer__iconbox a img{
		width: auto;
		height: 30px;
		max-height: 30px;
		margin-right: 20px;
	}

	footer .footer__container_iconbox{
		padding-bottom: 60px;
	}
	footer .footer__copyright p{
		font-size: 22px;
		line-height: unset;
	}

	footer{
		padding-top: 85px;
		padding-bottom: 85px;
	}
}
/* End footer */


/* START fade animation Logo */
@keyframes fade-out-logotext-bottom {
  	from {left: 0px;opacity: 1;}
  	to 	 {left: 70px;opacity: 0;}
}
.logotext__bottom_fade_out{
	animation-name: fade-out-logotext-bottom;
  	animation-duration: .3s;
}

@keyframes fade-in-logotext-bottom {
  	from {left: 70px;opacity: 0;}
  	to 	 {left: 0px;opacity: 1;}
}
.logotext__bottom_fade_in{
	animation-name: fade-in-logotext-bottom;
  	animation-duration: .3s;
}

@keyframes fade-out-logotext-right {
  	from {left: 115px;opacity: 1;}
  	to 	 {left: 80px;opacity: 0;}
}
.logotext__right_fade_out{
	animation-name: fade-out-logotext-right;
  	animation-duration: .3s;
}

@keyframes fade-in-logotext-right {
  	from {left: 80px;opacity: 0;}
  	to 	 {left: 115px;opacity: 1;}
}
.logotext__right_fade_in{
	animation-name: fade-in-logotext-right;
  	animation-duration: .3s;
}

@keyframes fade-in {
  	from {opacity: 0;}
  	to 	 {opacity: 1;}
}
.animation_fade_in{
	animation-name: fade-in;
  	animation-duration: 0.2s;
}

@keyframes fade-out {
  	from {opacity: 1;}
  	to 	 {opacity: 0;}
}
.animation_fade_out{
	animation-name: fade-out;
  	animation-duration: 0.5s;
}
/* END fade animation Logo */


/* START animation gaze header */
@keyframes gaze-animation {
  	0% {top: 5px}
  	50%{top: -5px}
  	100%{top: 5px}
}
/* END animation gaze header */

@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes fadeIn {
	to {
		opacity: 1;
	}
}




/*Start form-style*/

/* Start geslacht buttons */
.geslachtlabel {
 	color: #999;
 	font-size: 14px;
 	font-weight: normal;
 	padding-left: 20px;
}
.form-geslacht{
	position: relative;
}
.form-geslacht input[type=radio]{
	position: relative;
	top: 25px;
	position: relative;
	width: 20px;
	height: 20px;
	border: 1px solid #b7b7b7;
	border-radius: 50%;
	background-color: #fff;
	cursor: pointer;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	left: 5px;
}
/*.form-geslacht input[type=radio]:after {
    width: 16px;
    height: 16px;
    border-radius: 16px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: #ffffff;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 1px solid #b7b7b7;
}*/

.form-geslacht input[type=radio]:checked:after {
    width: 20px;
    height: 20px;
    border-radius: 16px;
    top: -1px;
    left: -1px;
    position: relative;
    background-color: #43bbec;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 1px solid #b7b7b7;
}
.form-geslacht input[type=radio] + label {
    color: #727272;
    font-size: 20px;
    padding-top: 0;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-right: 80px;
    width: 100%;
    top: 25px;
    max-width: 45px;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    position: relative;
    left: 0;
    -webkit-transform: none!important;
    transform: none!important;
 	font-weight: 300;
}

@media(min-width: 576px){
	.form-geslacht input[type=radio] + label {
	    font-size: 20px;
	}

	.form-geslacht input[type=radio]{
	    top: 24px;
	}
}

@media(min-width: 992px){
	.form-geslacht input[type=radio] + label{
		max-width: 45px;
		padding-left: 20px;
	}
}
@media(min-width: 1200px){
	
}
/* End geslacht buttons */

/* Start LABEL */
.group {
 	position:relative;
}
.form-field input, .form-field textarea {
 	font-size:20px;
 	display:block;
 	width:100%;
 	border:none;
 	border:1px solid #999999;
 	border-radius:0px;
 	height:48px;
 	margin:15px 0 0 0;
    padding: 10px;
    padding-top: 25px;
    padding-left: 8px;
 	transition:0.4s ease all;
 	-moz-transition:0.4s ease all;
 	-webkit-transition:0.4s ease all;
 	-webkit-appearance:none;
 	font-weight: 300;
}
.form-field textarea{
	height:unset;
	resize: none;
}
.form-field textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  	color: #999999;
  	font-size: 20px;
  	line-height: 22px;

}

input:-internal-autofill-selected {
	background-color: #ffffff!important;
}
.form-field label {
	transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s,-webkit-transform .2s;
    pointer-events: none;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    font-weight: 400;
    text-align: left;
    position: absolute;
    top: 15px;
    z-index: 1;
    color: #999999;
    padding-left: 10px;
    font-size: 14px;
    line-height: 22.4px;
    -webkit-transform: translateY(11.8px);
    transform: translateY(11.8px);
}

input.form-control ~ label{
    font-size: 20px; 
    font-weight:300;
}
input.form-control:focus ~ label{
    transform: translateY(4px) scale(.85);
}
textarea.form-control:focus ~ label{
    transform: translateY(4px) scale(.85);
}
.form-control:focus {
    border-color: #43bbec;
    box-shadow: 0 0 0 0.2rem rgb(67 187 236 / 25%);
}
.filled-in label{
	transform: translateY(4px) scale(.85)!important;	
	color: #40bbec!important;
}
.filled-in label.nostyle{
	color: #212529!important;
	transform: unset!important;	
}
.form-padding-style{
	padding-right: 15px;
	padding-left: 15px;
}
.formcontainer .row .form-field {
	padding-left: 4px;
	padding-right: 4px;
}
.form-error, .form-error p{
	font-size:14px!important;
	color: #EB8283!important;
}
.form-error p {
	margin-bottom: 0;
}
/*.form-error p{
	padding: 0;
}
.form-error p{
	font-size: 12px;
	line-height: 14px;
    color: #EB8283;
    /*padding-top: 4px;
}*/

.p-r{
	padding-right: 15px;
}

.p-l{
	padding-left: 15px;
}

@media(min-width: 576px){
/*	.form-field input, .form-field textarea {
	 	font-size:22px;
	}

	input.form-control ~ label{
	    font-size: 22px;
	}
	textarea.form-control ~ label{
	    font-size: 22px;
	}*/
	.p-r{
		padding-right: 3px;
	}

	.p-l{
		padding-left: 3px;
	}
}


@media(min-width: 992px){
	.form-padding-style{
		padding-right: 15px;
		padding-left: 15px;
	}
	.p-r{
		padding-right: 3px;
	}

	.p-l{
		padding-left: 3px;
	}
}
/* Einde LABEL */

/*START FORM-CTA*/
.cta {
	font-size: 16px;
    line-height: 20px;
    color: #ffffff;
    font-weight: 700;
    border: 1px solid #ffffff;
    border-radius: 9px;
    text-decoration: none;
    padding-bottom: 18px;
    padding-top: 18px;
    padding-left: 25px;
    padding-right: 45px;
    display: inline-block;
    margin-top: 30px;
    transition: .3s ease all;
    max-width: 280px;
    width: 100%;
    background: url('../../images/icons/ico_cta_arrow_right.svg') right 40px center/18px 19px no-repeat, linear-gradient(to right, #47bbec 0%, #36a8d9 100%);

}
.cta:hover {
	background-color: #37a9da;
	background-position: right 35px center, 0;
}
.cta:visited, .cta:link {
	color: #ffffff;
	text-decoration: none;
	outline : 0;
}
.cta:focus {
	outline : 0;
}
.cta:active {
	transform: scale(0.9);
	outline : 0;
}
.voeg-cadeaubon-toe{
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	font-size: 77px;
	border: 0;
	outline : 0;
	height: 44px;
	width: 100%;
	max-width: 40px;
	display: inline-block;
	text-decoration: none;
	text-align: center;
	color: #ffffff;
	cursor: pointer!important;
	font-weight: 700;
	background-color: #48beb7;
	font-size: 35px;
	text-decoration: none;
    position: absolute;
    top: 0;
    right: 15px;
}

@media (min-width: 576px) {
	.cta {
	    width: 335px;
	    max-width: unset;
	    font-size: 24px;
	}
}
/*END FORM-CTA*/

/* custom links @author: Jeroen Ligthart */
.cat_lower_link_markup a {
	color: #212529;
}


/*End form-style*/


/*START Contact page (Tim)*/

.contact_details {
	background-color: #ffffff;
	padding-top: 55px;
}
.contact_details .img_address {
	width:  16px;
	max-width: 100%;
	height: auto;
	display: inline;
	margin-right: 20px;
	position: absolute;
}
.contact_details .img_phone {
	width:  20px;
	max-width: 100%;
	height: auto;
	display: inline;
	margin-right: 16px;		
	position: absolute;	
}
.contact_details .img_social {
	width:  22px;
	max-width: 100%;
	height: auto;	
	display: inline;	
	margin-right: 14px;	
	position: absolute;	
}
.contact_details h3{
	font-size: 20px;
	line-height: 1;
	margin: 25px 0 10px 40px;
	display: inline;
}
.contact_details a{
	display: inline-flex;
}

.contact_details p{
	display: inline-flex;
}
.contact_details p a{
	display: contents;
}
.contact_details .text_address {
	margin-right:  60px;
}
.contact_details .text_phone {
	margin-right:  40px;
}
.contact_details .text_social {
	margin-right:  60px;
}
.contact_details .social_imgs {
	display: inline;
}
.contact_details .social_imgs .icon{
	width:  20px;
	max-width: 100%;
	height: auto;
	display: inline-block;
}
.contact_details .social_imgs .icon.insta{
	margin:  0 30px 0 0;
}
.contact_details_formheader {
	background-color: #fbfbfb;
	margin-top:60px;
	padding-top:40px;
}
.contact_details_maps {
	background-color: #ffffff;
	margin-top: 70px;
	padding-bottom: 100px;
}
.contact_details_maps .maps{
	margin-bottom: 30px;
	width: 100%;
}
.contact_details_maps h3 {
	font-size: 32px;
	margin-bottom: 30px;
}
.contact_details_maps p {
	font-size: 19px;
	margin-bottom: 30px;
}

.contact_details_maps .img_arrow{
	max-width: 19px;
	height: auto;
	display: inline-block;
	margin-left: 10px;
}
.contact_details_maps .cta_contactpage{
	background: url('../../images/contact/cta_arrow_blue.png') right 50px center/14px 15px no-repeat;
    padding-bottom: 18px;
    padding-top: 18px;
    padding-left: 25px;
    padding-right: 45px;
	margin-top: 0;
	font-size: 18px;
    line-height: 20px;
    font-weight: 700;
	width: 260px;
    max-width: 100%;
    text-align: center;
    border: 1px solid #00adee;
	border-radius: 8px;
	color: #00adee;
	display: block;
	cursor: pointer;

}

.contact_details_maps .cta_contactpage:hover{
	background-position: right 45px center;
	color: #00adee;
}
.site_contact_form{
	background-color: #fbfbfb;
	padding-bottom: 70px;
}
.site_contact_form .site_contact_box{
	height: 100%;
	border-radius: 10px;
	padding-top: 00px;
}

.site_contact_form .site_contact_box .acceptmessage{
	padding-top: 30px;
	margin-bottom: -40px;
}

.site_contact_form .site_contact_box .site_contact_formleft img.img_arrow{
	max-width: 19px;
	height: auto;
	display: inline-block;
	margin-left: 10px;
}
.site_contact_form .site_contact_box .textbox{
	height: 237px;
}
.site_contact_form .site_contact_box .cta{
	width:  100%;
	max-width: 100%;
}
div.linecontact{
	width: 1px;
	height: 100%;
	background-color:#b6b6b6;
	display: block;
	margin:0 auto;
}

@media (min-width: 576px) {
	.contact_details h3{
		font-size: 32px;
	}
	.site_contact_form .site_contact_box input.form-control ~ label{
	    font-size: 20px;
	}
	.site_contact_form .site_contact_box textarea.form-control ~ label{
	    font-size: 20px;
	}
	.contact_details .text_address {
		margin-right:  70px;
	}
	.contact_details .text_social {
		margin-right:  70px;
	}
	.contact_details .img_address {
		width: 25px;
	}	
	.contact_details .img_phone {
		width: 25px;
	}
	.contact_details .img_social {
		width: 25px;
	}

	.site_contact_form .site_contact_box .acceptmessage{
		padding-top: 30px;
	}
}
@media (min-width: 767px) {	
	.contact_details {
		padding-top: 90px;
	}	
	.site_contact_form .site_contact_box{
	}
	.contact_details_maps .maps{
		margin-bottom: 40px;
	}

	.site_contact_form .site_contact_box .acceptmessage{
		padding-top: 10px;
		margin-bottom: -10px;
	}
	.contact_details_formheader {
		background-color: #fbfbfb;
		margin-top:70px;
		padding-top:50px;
	}

}
@media (min-width: 992px) {
	.contact_details {
		padding-top: 120px;
	}
	.contact_details .img_address {
		display: block;
		margin-left: 40px;
		width:  34px;
		position: relative;
	}
	.contact_details .img_phone {
		display: block;
		margin-left: 40px;
		width:  45px;	
		position: relative;	
	}
	.contact_details .img_social {
		display: block;
		margin-left: 40px;
		width:  51px;	
		position: relative;
	}
	.contact_details h3{
		display: block;
		font-size: 32px;
		line-height: 1;
		margin: 25px 0 10px 0px;
	}
	.contact_details p{
		font-size: 22px;
		line-height: 35px;
	}
	.contact_details .social_imgs .icon{
		width: 32px;
	}
	.contact_details .social_imgs {
		margin-top: 30px;
	}
	.contact_details .social_imgs {
	    display: block;
	}
	.site_contact_form .site_contact_box .textbox{
	}
	.site_contact_form .site_contact_box textarea.form-control ~ label {
	}
	.contact_details_maps .maps{
		margin-bottom: 70px;
	}
}
@media (min-width: 1200px) {
	.site_contact_form .site_contact_box{

	}
	.site_contact_form .site_contact_box .acceptmessage{
		padding-top: 0px;
		margin-bottom: -20px;
	}

}
/*END Contact page (Tim)*/

/*START General page (Tim)*/
.site_general_page {
	background-color: #ffffff;
	padding-top: 15px;
	padding-bottom: 40px;
}
.site_general_page h3 {
	font-size: 22px;
	padding: 10px 0 15px 0;
}
.site_general_page h4 {
	font-size: 22px;
}
.site_general_page ul {
	margin-bottom: 40px;
}
.site_general_page ul li p {
	margin-bottom: 0;
}
.site_general_page .bluetxt {
    color: #43bbec;
}
.site_general_page a.contacturl:hover{
	text-decoration: none;
	cursor: pointer;
}
@media (min-width: 576px) {
	.site_general_page h1 {
		font-size: 42px;
	}
}
@media (min-width: 767px) {	

}
@media (min-width: 992px) {
	.site_general_page h1 {
		font-size: 54px;
	}
}
@media (min-width: 1200px) {


}
/*END General page (Tim)*/




/*START Specificationpage (SWEN)*/
.site_proces_mail{
	background-color: #ffffff;
	padding-top: 70px;
}
.site_proces_mail .purpleblocktop{
	width: 100%;
	background-color: #752596;
    border-radius: 10px;
    padding-left: 15px;
    padding-right: 15px;
}
.site_proces_mail .purpleblocktop p.purpleblocktxt{
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
    position: relative;
    margin-bottom: 15px;
}
.site_proces_mail .purpleblocktop .purplearrow{
	position: absolute;
    width: 20px;
    height: 20px;
    bottom: 23px;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: rotate(
	45deg);
	background-color: #752596;
}
.site_proces_mail .accordion>.card>.card-header {
    height: 55px;
    background-color: #47bbec;
    padding-left: 0px;
}
.site_proces_mail .accordion>.card>.card-header .btn {
    font-size: 16px;
    color: #792697;
    font-weight: 600;
}
.site_proces_mail .accordion .card-header{
	border-bottom: none;
}
.site_proces_mail .accordion>.card {	
	box-shadow: 0px 0px 15px -5px #d3cfcf;
	border: none;
	border-radius: 5px;
    border-bottom: 2px solid #792697;
    margin-bottom: 7px;
}
.site_proces_mail .accordion>.card>.card-header .btn:focus {
	box-shadow: unset;
	text-decoration: none;
}
.site_proces_mail .accordion>.card>.card-header .btn-link:hover {
 	text-decoration: none; 
}

.site_proces_mail .accordion>.card>.card-header img.iconpic {
    position: absolute;
    width: 35px;
    top: 60px;
    left: 15px;
}
.site_proces_mail p.steptxt{
	font-size: 18px;
	font-weight: 300;
	margin-bottom: 0px;
	padding-left: 60px;
	line-height: 26px;
	padding-top: 10px;
}
.site_proces_mail p.steptxt_kop{
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 10px;
	padding-left: 60px;
	line-height: 26px;
}
.site_proces_mail p.steptxt_margin{
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 26px;
	margin-top: 15px;
}
.site_proces_mail .card-body{
	padding-left: 15px;
	margin-top: -30px;
}
.site_specification_mail{
	background-color: #ffffff;
}
.txtposition{
	text-align: left;
}
.paddingleft_icon{
	padding-left: 60px;
}
.paddingleft_icon80{
	padding-left: 55px;
}
.site_describtion_mail{
	background-color: #f5f5f5;
	padding-bottom: 40px;
}
.site_describtion_mail .site_describtion_mail_block ul{
	margin-bottom: unset;
	list-style: none;
	margin-left: -20px;
}

.site_describtion_mail .site_describtion_mail_block .bullinside{
	margin-bottom: unset;
	list-style: none;
	margin-left: 0px;
	padding-top: 10px;
}

.site_describtion_mail .site_describtion_mail_block ul li{
	font-size: 16px;
	line-height: 26px;
}

.site_describtion_mail .site_describtion_mail_block .nobull::before{
	font-size: 0px;
	line-height: 0px;;
	content: "\2022";
	color: #d14d43;
}

.site_describtion_mail .site_describtion_mail_block ul li::before{
	font-size: 26px;
	line-height: 26px;
	content: "\2022";
	color: #d14d43;
	display: inline-block;
	width: 20px;
	font-weight: bold;
	margin-left: -20px;
}

.site_describtion_mail .site_describtion_mail_block .bullinside .bullinsideli::before{
	font-size: 26px;
	line-height: 26px;
	content: "\2022";
	color: #00aeef;
	display: inline-block;
	width: 20px;
	font-weight: bold;
	margin-left: -20px;
}
.site_describtion_mail .site_describtion_mail_block .bullinside .pl{
	margin-left: -20px;
	padding-top: 15px;
}
.site_describtion_mail .site_describtion_mail_block img.icon_describtion{
	top: 30px;
	position: absolute;
	width: 30px;
}

.site_describtion_mail .site_describtion_mail_block .margin20{
	margin-bottom: 10px;
}
.site_style_mail{
	background-color: #ffffff;
	padding-bottom: 20px;
}
.site_style_mail .site_style_mail_block ul{
	margin-bottom: unset;
	list-style: none;
	margin-left: -20px;
}
.site_style_mail .site_style_mail_block ul li{
	font-size: 16px;
	line-height: 26px;
}
.site_style_mail .site_style_mail_block ul li::before{
	font-size: 26px;
	line-height: 26px;
	content: "\2022";
	color: #d14d43;
	display: inline-block;
	width: 20px;
	font-weight: bold;
	margin-left: -20px;
}
.site_style_mail .site_style_mail_block ul li{
	margin-bottom: 20px;
}
.site_style_mail .site_style_mail_block img.icon_describtion{
	top: 33px;
	position: absolute;
	width: 40px;
}
.bgwhite{background-color:#ffffff!important;}
.site_deliver_mail{
	background-color: #f5f5f5;
	padding-bottom: 40px;
}
.site_deliver_mail .site_deliver_mail_block ul.leftblock{
	margin-bottom: unset;
	list-style: none;
	margin-left: -20px;
}
.site_deliver_mail .site_deliver_mail_block ul.rightblock{
	margin-bottom: unset;
	list-style: none;
	margin-left: -20px;
}
.site_deliver_mail .site_deliver_mail_block ul li{
	font-size: 16px;
	line-height: 26px;
}
.site_deliver_mail .site_deliver_mail_block ul li::before{
	font-size: 26px;
	line-height: 26px;
	content: "\2022";
	color: #d14d43;
	display: inline-block;
	width: 20px;
	font-weight: bold;
	margin-left: -20px;
}
.site_deliver_mail .site_deliver_mail_block .paddingtop{
	padding-top: 30px;
}
.site_deliver_mail .site_deliver_mail_block .margin-bottom{
	margin-bottom: 20px;
}
.site_deliver_mail .site_deliver_mail_block img.icon_describtion_first{
	top: -5px;
	position: absolute;
	width: 35px;
}
.site_deliver_mail .site_deliver_mail_block img.icon_describtion_second{
	top: 30px;
	position: absolute;
	width: 35px;
}
.site_proces_mail .accordion .card .fontcarousselkop .btn-link[aria-expanded="true"]:after, .accordion .card .fontcarousselkop .btn-link[aria-expanded="false"]:after {
    left: auto;
    right: 60px;
    font-size: 20px;
    background-image: url(https://omg.nl/wp-content/themes/omgtemplate/images/dropdownmag-white.png);
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    top: 20px;
    padding-top: 11px;
    line-height: 1px;
    padding-left: 7px;
    color: #ffffff;
}
#headingOne{
    background-color: #ffffff;
}
#headingTwo{
    background-color: #ffffff;
}
#headingThree{
    background-color: #ffffff;
}
#headingFour{
    background-color: #ffffff;
}
#headingFive{
    background-color: #ffffff;
}

@media (min-width: 576px) {
	.site_proces_mail .purpleblocktop .purplearrow{
	    bottom: 33px;
	}
	.paddingleft_icon{
		padding-left: 110px;
	}
	.paddingleft_icon80{
		padding-left: 80px;
	}
	.site_describtion_mail .site_describtion_mail_block img.icon_describtion{
		top: 30px;
		width: auto;
	}
	.site_describtion_mail .site_describtion_mail_block .margin20{
		margin-bottom: 20px;
	}
	.site_style_mail .site_style_mail_block img.icon_describtion{
		top: 30px;
		width: auto;
	}
	.site_deliver_mail .site_deliver_mail_block .margin-bottom{
		margin-bottom: 10px;
	}
	.site_describtion_mail .site_describtion_mail_block ul li{
		font-size: 18px;
		line-height: 28px;
	}
	.site_style_mail .site_style_mail_block ul li{
		font-size: 18px;
		line-height: 28px;
	}
	.site_style_mail .site_style_mail_block ul li{
		font-size: 18px;
		line-height: 28px;
	}
	.site_deliver_mail .site_deliver_mail_block ul li{
		font-size: 18px;
		line-height: 28px;
	}
	.site_proces_mail p.steptxt_margin{
		padding-right: 10px;
	}
}
@media (min-width: 767px) {	
	.site_proces_mail{
		padding-top: 90px;
	}
	.site_proces_mail .purpleblocktop p.purpleblocktxt{
	    padding-top: 25px;
	    padding-bottom: 25px;
	    font-size: 24px;
	}
	.site_proces_mail .purpleblocktop .purplearrow{
		bottom: 30px;
	}
	.site_deliver_mail .site_deliver_mail_block .paddingtop{
		padding-top: unset;
	}
	.site_proces_mail .accordion>.card>.card-header .btn {
	    font-size: 20px;
	    margin-left: 45px;
	}
	.site_proces_mail .accordion>.card>.card-header {
	    height: 70px;
	    padding-left: 10px;
	}
	.site_deliver_mail .site_deliver_mail_block img.icon_describtion_second {
	    top:0px;
	}
	.site_deliver_mail .site_deliver_mail_block ul.leftblock{
		margin-left: 40px;
	}
	.site_deliver_mail .site_deliver_mail_block ul.rightblock{
		margin-left: 60px;
	}
	.site_proces_mail .card-body{
		padding-left: 60px;
	}
	.site_deliver_mail .site_deliver_mail_block .margin-bottom {
	    margin-bottom: 40px;
	}
	.site_deliver_mail .site_deliver_mail_block img.icon_describtion_first{
		top: 10px;
		width: auto;
	}
	.site_deliver_mail .site_deliver_mail_block img.icon_describtion_second{
		top: 10px;
		width: auto;
	}
	.site_proces_mail p.steptxt_margin{
		padding-right: 50px;
		font-size: 18px;
		line-height: 32px;
	}
	.site_specification_mail {
	    padding-bottom: 30px;
	    padding-top: 30px;
	}
	.site_describtion_mail {
	    padding-bottom: 70px;
	    padding-top: 30px;
	}
	.site_style_mail {
	    padding-bottom: 50px;
	    padding-top: 30px;
	}
	.site_deliver_mail {
	    padding-bottom: 70px;
	    padding-top: 10px;
	}
	.site_proces_mail .accordion>.card>.card-header img.iconpic {
	    width: 95px;
	    top: 105px;
	    left: 70px;
	}
	.site_proces_mail p.steptxt{
		padding-left: unset;
		margin-bottom: 0px;
		margin-top: 15px;
		line-height: 35px;
		padding-top: unset;
	}
	.site_proces_mail p.steptxt_kop{
		padding-left: unset;
		margin-bottom: 0px;
		margin-top: -10px;
		font-size: 24px;
		line-height: 35px;
	}
	.site_proces_mail .card-body{
		padding-left: 200px;
	}
}
@media (min-width: 992px) {
	.site_describtion_mail .site_describtion_mail_block img.icon_describtion{
		top: 45px;
	}
	.site_style_mail .site_style_mail_block img.icon_describtion{
		top: 40px;
	}
	.site_proces_mail .card-body{
		min-height: 250px;
	}

	.site_proces_mail p.steptxt_margin{
		padding-right: 90px;
	}
}
@media (min-width: 1200px) {
	.site_specification_mail {
	    padding-bottom: 50px;
	    padding-top: 50px;
	}
	.site_describtion_mail {
	    padding-bottom: 90px;
	    padding-top: 50px;
	}
	.site_style_mail {
	    padding-bottom: 70px;
	    padding-top: 50px;
	}
	.site_deliver_mail {
	    padding-bottom: 90px;
	    padding-top: 30px;
	}
}
/*END Specificationpage (SWEN)*/

/*START Coffee (Tim)*/
.site__header_heading .coffee_logo {
	width: 140px;
	max-width: 100%;
	height: auto;
	margin-top: -10px;
}
.site_coffee {
	background-color: #ffffff;
	padding-top: 15px;
}
.site_coffee .coffee_card {
	margin: 30px 0;
	background-color: #ffffff;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 20px 0px #f0e8e8;
	-moz-box-shadow: 0px 0px 20px 0px #f0e8e8;
    box-shadow: 0px 0px 20px 0px #f0e8e8;
	padding: 30px 25px;
	position: relative;
}
.site_coffee .bb_red{
	border-bottom: 3px solid #e63823;
} 
.site_coffee .bb_purple{
	border-bottom: 3px solid #932c96;
} 
.site_coffee .bb_blue{
	border-bottom: 3px solid #36bbec;
} 
.site_coffee h3 {
	font-size: 18px;
}
.site_coffee img {
	max-width: 100%;
	height: auto;
	margin-right: 15px;
}
.site_coffee .bean{
	width: 25px;
}
.site_coffee .recipe{
	width: 28px;
}
.site_coffee .power{
	width: 28px;
}
.site_coffee .coffee_card p{
	display: inline-block;
	margin-bottom: 0px;
}
.site_coffee .coffee_card li {
	padding-left: 25px;
	padding-bottom: 15px;
}
.site_coffee .coffee_card ul li {
	font-size: 16px;
	line-height: 26px;
	padding-left: 30px;
	list-style: none;
	background-repeat: no-repeat;
	background-position: left top 5px;
	background-image: url('../../images/icons/ico_check_vacature.svg');
	background-size: 16px 16px;
}
.site__header .gaze2{
    background-color: #000000;
    position: absolute;
    display: block;
    margin: 0 auto;
    width: 65px;
    height: 65px;
    bottom: -70px;
    left: 0;
    right: 0;
    border-radius: 50%;
    padding-top: 5px;
    padding-bottom: 3px;
}
.site__header .gaze2 img{
	width: 20px;
	padding-top: 20px;
	padding-bottom: 14px;
	height: auto;
	display: block;
	margin: 0 auto;
	position: relative;
	left: 0;
	right:  0;
	bottom: 0;
	animation-name: gaze-animation;
	animation-duration: 3s;
	animation-iteration-count: infinite;
}
@media (min-width: 576px) {
	.site__header_heading .coffee_logo {
		width: 275px;
		margin-top: 125px;
	}	
	.site_coffee {
		padding: 60px 0;
	}
	.site_coffee .coffee_card {
		margin: 50px 0;
		padding: 45px 65px;
	}
	.site_coffee .coffee_card p{
		font-size: 20px;
	}
	.site_coffee h3 {
		font-size: 26px;
	}
	.site_coffee img {
		margin-right: 30px;
	}
	.site_coffee .bean{
		width: 46px;
	}
	.site_coffee .recipe{
		width: 51px;
	}
	.site_coffee .power{
		width: 50px;
	}
	.site_coffee .coffee_card li {
		padding-left: 55px;
	}
	.gaze2{
	 	bottom: -75px!important;
	}
	.site_coffee .coffee_card ul li {
		background-position: left top 7px;
		background-size: 20px 20px;
		padding-left: 40px;
	}
}
@media (min-width: 768px) {
	.site__header_heading .coffee_logo {
		width: 275px;
		margin-top: 160px;
	}
	.gaze2{
		bottom: -110px!important;
	}
}
@media (min-width: 992px) {
	.site__header_heading .coffee_logo {
		width: 275px;
		margin-top: 160px;
	}
	.site_coffee {
		padding-top: 80px;
	}
	.gaze2{
		bottom: -110px!important;
	}
}
@media (min-width: 1200px) {
	.site_coffee .coffee_card {
		padding: 45px 160px 45px 65px;
	}
	.gaze2{
	
	}
	.site__header_heading .coffee_logo {
		width: 275px;
		margin-top: 180px;
	}
}
/*END Coffee (Tim)*/



/*Start Netdirect Affiliate*/

.site_general_page{}

.site_general_page h2.aff_page{
	font-size: 24px;
	font-weight: 700;
	padding-bottom: 20px;
}
.site_general_page h3.aff_h3{
	font-size: 20px;
	font-weight: 700;
	padding-bottom: 25px;
	padding-top: 0;
}
.site_general_page img.affiliate1{
	-webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2); 
	box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2);
	width: 100%;
	height: auto;
	max-width: 950px;
	margin-bottom: 35px;
}
.site_general_page img.affiliate2{
	-webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2); 
	box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2);
	width: 100%;
	height: auto;
	max-width: 650px;
	margin-bottom: 35px;
}
.site_general_page p{
	font-weight: 300;
	font-size: 18px;
	line-height: 32px;
	margin-bottom: 35px;
}
.site_general_page a.cta_anchor_aff{
	display: block;
	width: 100%;
	padding-top: 16px;
	padding-bottom: 16px;
	padding-left: 30px;
	font-weight: 300;
	font-size: 16px;
	background-color: #ffffff;
	-webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2); 
	box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2);
	text-align: left;
	margin-bottom: 30px;
	border-radius: 8px;
	color: #000000;
	text-decoration: none;
	position: relative;
	overflow: hidden;
}
.site_general_page a.cta_anchor_aff:after{
	content: '';
	position: absolute;
	height: 3px;
	width: 100%;
	left: 0;
	bottom: 0;
	background: linear-gradient(to right, #9c3996 0%, #6f2396 100%);
}
.site_general_page a.anchortag{
	position: relative;
	top: -60px;
}
@media(min-width: 767px){
	.site_general_page h2.aff_page{
		font-size: 35px;
	}
	.site_general_page a.cta_anchor_aff{
		font-size: 20px;
	}
	.site_general_page h3.aff_h3{
		font-size: 25px;
	}
}
/*Eind Netdirect Affiliate*/


/*Start Blogpagina algemeen*/
.blogpage_general{
	background-color: #ffffff;
}
.blogpage_general .blogitem_info{
	background-color: #ffffff;
	border-radius: 10px;
    -webkit-box-shadow: 0px 0px 12px -9px rgb(0 0 0 / 75%);
    -moz-box-shadow: 0px 0px 12px -9px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 12px -9px rgb(0 0 0 / 75%);
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 35px;
    padding-bottom: 20px;
}
.blogpage_general .blogitem_info{
	margin-right: 5px;
	margin-left: 5px;
	position: relative;
	margin-top: -35px;
}
.blogpage_general .blogitem_info p.blogitem_kop{
	font-size: 16px;
	line-height: 16px;
	color: #000000;
	display: inline-block;
	margin-bottom: 15px;
}
.blogpage_general .blogitem_info .f14{
	font-size: 14px;
	line-height: 14px;
}
.blogpage_general .blogitem_content{
	font-size: 16px;
	line-height: 26px;
	font-weight: 300;
	margin-bottom: 0px;
	margin-right: 30px;
}
.blogpage_general .blogitem_info .blogitempurple_arrow {
    width: 35px;
    height: 35px;
    background: transparent;
    border: 1px solid #9c3d96;
    border-radius: 50%;
    position: absolute;
    bottom: 15px;
    right: 20px;
    background-image: url(../../images/icons/ico_cta_arrow_right_purple.png);
    background-size: 15px auto;
    background-position: center center;
    background-repeat: no-repeat;
    transition: .3s ease all;
}
.blogpage_general .blogitem_info .blogitem_borderpurple{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(to right, #9c3c96 0%, #6f2496 100%);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.blogpage_general .blogitem_image{
	margin-left: -15px;
	margin-right: -15px;
    -webkit-box-shadow: 0px 0px 12px -9px rgb(0 0 0 / 75%);
    -moz-box-shadow: 0px 0px 12px -9px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 12px -9px rgb(0 0 0 / 75%);
    border-radius: 10px;
}
.blogpage_general .blogitem_image img.blogimg{
	display: block;
	max-width: 100%;
	border-radius: 0px;
	margin: 0 auto;
}
.blogpage_general .blogitem_info img.blogicon{
	display: block;
	width: 50px;
	height: 50px;
	position: absolute;
    top: -25px;
}
.blogpage_general a.blogurl{
	text-decoration: none;
	color: #000000;
}
.blogleft{margin-bottom: 30px;}
.blogright{margin-bottom: 30px;}
@media (min-width: 576px) {
	.blogpage_general .blogitem_info{
		margin-right: 15px;
		margin-left: 15px;
	}
	.blogpage_general .blogitem_image img.blogimg{
		border-radius: 10px;
	}
}
@media (min-width: 768px) {
	.blogleft{margin-right: 10px;}
	.blogright{margin-left: 10px;}
}
@media (min-width: 992px) {
	.blogpage_general .blogitem_info {
	    padding-top: 50px;
	    padding-bottom: 60px;
	}
	.blogpage_general .blogitem_info img.blogicon{
		width: 60px;
		height: 60px;
	    top: -30px;
	}
	.blogpage_general .blogitem_info .blogitempurple_arrow {
	    width: 60px;
	    height: 60px;
	    background-size: 20px auto;
	}
	.blogpage_general .blogitem_content {
	    margin-right: 50px;
	}
	.blogleft{margin-right: 20px;margin-bottom: 50px;}
	.blogright{margin-left: 20px;margin-bottom: 50px;}

	.blogpage_general .blogitem_info .blogitempurple_arrow {
	    bottom: 20px;
	}
}
@media (min-width: 1200px) {
	.blogleft{margin-right: 30px;}
	.blogright{margin-left: 30px;}

}
/*Eind Blogpagina algemeen*/



/*Start Blogje algemeen*/
.blogblock_first{
	background-color: #ffffff;
	padding-bottom: 30px;
}
.blogblock_second{
	background-color: #f8f8f8;
}
.blogblock_third{
	background-color: #ffffff;
}
.blogblock_second img.blogimg1{
	display: block;
	max-width: 576px;
	width: 100%;
	height: auto;
	padding-bottom: 20px;
}
.blogblock_second .subtxtblog{
	margin-bottom: 20px;
}

.blogblock_third ul{
	padding-inline-start: 0px;
}
.blogblock_third li{
	background: url('../../images/blogalgemeen/blog_check.png'); 
	background-size: 15px 15px;
	background-repeat: no-repeat;
	background-position: 0px 5px;
	list-style: none;
	padding-inline-start: 25px;
	font-weight: 300;
	font-style: normal;
	font-size: 16px;
	line-height: 26px;
	padding-bottom: 15px;
}

.blogblock_first .cta_contact.cta_soliciteer_direct {
    background: url(../../images/icons/ico_cta_arrow_right.svg) right 40px center/14px 15px no-repeat, linear-gradient(to right, #47bbec 0%, #36a8d9 100%);
    padding-bottom: 18px;
    padding-top: 18px;
    padding-left: 25px;
    padding-right: 45px;
    margin-top: 0;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    width: 280px;
    max-width: 100%;
    text-align: center;
}

.blogblock_third ul.onderzoeksvraagul{
	padding-inline-start: 0px;
}
.blogblock_third li.onderzoeksvraagli1{
	background: url('../../images/blogalgemeen/nummer1.png'); 
	background-size: 22px 22px;
	background-repeat: no-repeat;
	background-position: 0px 1px;
	list-style: none;
	padding-inline-start: 40px;
	font-weight: 300;
	font-style: normal;
	font-size: 16px;
	line-height: 26px;
	padding-bottom: 25px;
}

.blogblock_third li.onderzoeksvraagli2{
	background: url('../../images/blogalgemeen/nummer2.png'); 
	background-size: 22px 22px;
	background-repeat: no-repeat;
	background-position: 0px 1px;
	list-style: none;
	padding-inline-start: 40px;
	font-weight: 300;
	font-style: normal;
	font-size: 16px;
	line-height: 26px;
	padding-bottom: 25px;
}

.blogblock_third li.onderzoeksvraagli3{
	background: url('../../images/blogalgemeen/nummer3.png'); 
	background-size: 22px 22px;
	background-repeat: no-repeat;
	background-position: 0px 1px;
	list-style: none;
	padding-inline-start: 40px;
	font-weight: 300;
	font-style: normal;
	font-size: 16px;
	line-height: 26px;
	padding-bottom: 25px;
}
.blogblock_second ul.fourstarsul{
	padding-inline-start: 0px;
	margin-bottom: 0px;
}

.blogblock_second li.fourstarsli{
	background: url('../../images/blogalgemeen/4stars.png'); 
	background-size: 98px 18px;
	background-repeat: no-repeat;
	background-position: 0px 3px;
	list-style: none;
	padding-inline-start: 130px;
	font-weight: 300;
	font-style: normal;
	font-size: 16px;
	line-height: 26px;
}

.blogblock_second li.fivestarsli{
	background: url('../../images/blogalgemeen/5stars.png'); 
	background-size: 98px 18px;
	background-repeat: no-repeat;
	background-position: 0px 3px;
	list-style: none;
	padding-inline-start: 130px;
	font-weight: 300;
	font-style: normal;
	font-size: 16px;
	line-height: 26px;
}

@media (min-width: 576px) {
.blogblock_first .cta_contact.cta_soliciteer_direct {
	width: 335px;
	max-width: unset;
	font-size: 24px;
	}
.blogblock_third li{
	background-size: 22px 22px;
	padding-inline-start: 40px;
	background-position: 0px 5px;
	font-size: 18px;
	line-height: 32px;
	}

.blogblock_third li.onderzoeksvraagli1{
	background-size: 30px 30px;
	padding-inline-start: 60px;
	background-position: 0px 0px;
	font-size: 18px;
	line-height: 32px;
	}
.blogblock_third li.onderzoeksvraagli2{
	background-size: 30px 30px;
	padding-inline-start: 60px;
	background-position: 0px 0px;
	font-size: 18px;
	line-height: 32px;
	}
.blogblock_third li.onderzoeksvraagli3{
	background-size: 30px 30px;
	padding-inline-start: 60px;
	background-position: 0px 0px;
	font-size: 18px;
	line-height: 32px;
	}
.blogblock_second li.fourstarsli{
	background-size: 98px 18px;
	padding-inline-start: 130px;
	background-position: 0px 6px;
	font-size: 18px;
	line-height: 32px;
	}
.blogblock_second li.fivestarsli{
	background-size: 98px 18px;
	padding-inline-start: 130px;
	background-position: 0px 6px;
	font-size: 18px;
	line-height: 32px;
	}
}
@media (min-width: 768px) {
	.blogblock_first{
		padding-top: 30px;
		padding-bottom: 60px;
	}
	.blogblock_second{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.blogblock_third{
		padding-top: 10px;
		padding-bottom: 10px;
	}
}
@media (min-width: 992px) {
	.blogblock_first{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.blogblock_second{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.blogblock_third{
		padding-top: 30px;
		padding-bottom: 30px;
	}
}
@media (min-width: 1200px) {
	.blogblock_first{
		padding-top: 90px;
		padding-bottom: 90px;
	}
	.blogblock_second{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.blogblock_third{
		padding-top: 50px;
		padding-bottom: 50px;
	}
}

.section_blog_laadmeer{
	background-color: #ffffff;
	padding-top: 30px;
	padding-bottom: 50px;
}
.section_blog_laadmeer img.laadmeer_blog{
	width: 100%;
	height: auto;
	max-width: 100px;
	display: block;
	margin: 0 auto;
	cursor: pointer;
}
.slick-prev, .slick-next{
    background-size: 60px 60px;
    width: 60px;
    height: 60px;
    display: block;
    position: relative;
    -webkit-appearance: none;
    background-color: unset;
    border: 0;
    content: '';
    position: absolute;
    bottom: 150px;
}
.slick-next{
	background-image: url('../../images/icons/slide_right_blue.png');
	right: -100px;
}
.slick-prev{
	background-image: url('../../images/icons/slide_left_red.png');
	left: -100px;
}
.blogpage_general{
	padding-bottom: 70px;
}

@media(max-width: 767px){
	.slick-next, .slick-prev{
		display: none;
	}
}
/*Eind Blogje algemeen*/


/*Start Publisherpage*/

.publishpage_firstblock{
	background-color: #ffffff;
	padding-top: 15px;
}
.publishpage_firstblock .simple_block{
	background-color: #ffffff;
	border-radius: 10px;
	-webkit-box-shadow: 0px 2px 17px -9px rgb(0 0 0 / 75%);
    -moz-box-shadow: 0px 2px 17px -9px rgba(0,0,0,0.75);
    box-shadow: 0px 2px 17px -9px rgb(0 0 0 / 75%);
    position: relative;
}
.publishpage_firstblock .simple_block{
	margin-bottom: 35px;
	padding-top: 35px;
	padding-bottom: 30px;
	padding-left: 30px;
	padding-right: 30px;
}
.publishpage_firstblock .simple_block .simple_block_content img.icon{
	max-width: 77px;
	height: auto;
	width: 100%;
	display: block;
}
.publishpage_firstblock .simple_block .simple_block_content p.blocktxt{
	font-size: 16px;
	line-height: 22px;
	color: #303030;
	padding-top: 10px;
	margin-bottom: unset;
}
.publishpage_firstblock .simple_block .simple_block_content p.subblocktxt{
	font-size: 14px;
	line-height: 20px;
	text-align: left;
	margin-bottom: unset;
}
.publishpage_firstblock .simple_block .simple_block_content img.iconnumber{
	display: block;
	width: 32px;
	height: auto;
	position: absolute;
	top: -50px;
	left: -15px;
}
.publishpage_firstblock .simple_block .border{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(to right, #44bbec 0%, #37abdc 100%);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.txtpublisherpage{
	font-size: 18px;
	line-height: 26px;
	color: #303030;
}
.marginnone{margin-bottom: unset;}

.publishpage_secondblock{
	background-color: #ffffff;
}
.publishpage_secondblock .benefit_block{
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 20px -9px rgb(0 0 0 / 75%);
    -moz-box-shadow: 0px 0px 20px -9px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 20px -9px rgb(0 0 0 / 75%);
    background-color: #ffffff;
    margin-bottom: 30px;
    position: relative;
}
.publishpage_secondblock .benefit_block .benefit_img_block img.img_benefit{
	display: block;
	max-width: 576px;
	width: 100%;
	height: auto;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.publishpage_secondblock .benefit_block .benefit_content{
	padding-top: 30px;
	padding-bottom: 20px;
	padding-left: 30px;
	padding-right: 30px;
}
.publishpage_secondblock .benefit_block .benefit_content p.benefit_kop{
	font-size: 22px;
	line-height: 26px;
	color: #303030;
	text-align: center;
	margin-bottom: unset;
}
.publishpage_secondblock .benefit_block .benefit_content p.benefit_txt{
	font-size: 16px;
	line-height: 26px;
	text-align: center;
	color: #303030;
	margin-bottom: unset;
}
.publishpage_secondblock .benefit_block .border_1{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(to right, #44bbec 0%, #37abdc 100%);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.publishpage_secondblock .benefit_block .border_2{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(to right, #9c3596 0%, #732596 100%);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.publishpage_secondblock .benefit_block .border_3{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(to right, #ed402a 0%, #ca2215 100%);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.publishpage_secondblock .benefit_block .benefit_img_block img.img_benefit_icon{
	display: block;
	width: 45px;
	height: auto;
	position: absolute;
	margin-top: -25px;
	left: 45%;
}
.publishpage_thirdblock{
	background-color: #f8f8f8;
	padding-bottom: 40px;
}
.publishpage_thirdblock .cta_contact.cta_soliciteer_direct {
    background: url(../../images/icons/ico_cta_arrow_right.svg) right 40px center/14px 15px no-repeat, linear-gradient(to right, #47bbec 0%, #36a8d9 100%);
    padding-bottom: 18px;
    padding-top: 18px;
    padding-left: 25px;
    padding-right: 45px;
    margin-top: 0;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    width: 280px;
    max-width: 100%;
    text-align: center;
}
.publishbottom20{
	margin-bottom: 20px;
}
@media (min-width: 576px) {
	.publishpage_firstblock{
		padding-top: 60px;
	}
	.publishpage_secondblock .benefit_block .benefit_img_block img.img_benefit_icon{
		left: 232px;
	}
	.publishpage_thirdblock .cta_contact.cta_soliciteer_direct {
		width: 335px;
		max-width: unset;
		font-size: 22px;
	}
	.publishpage_thirdblock{
		padding-bottom: 50px;
	}
}
@media (min-width: 768px) {
	.publishpage_firstblock .simple_block{
		height: 255px;
	}
	.publishpage_firstblock .simple_block .simple_block_content img.icon{
		margin: 0 auto;
	}
	.publishpage_firstblock .simple_block .simple_block_content p.blocktxt{
		font-size: 18px;
		line-height: 27px;
		padding-top: 20px;
		text-align: center;
	}
	.publishpage_firstblock .simple_block .simple_block_content p.subblocktxt{
		text-align: center;
	}
	.publishpage_firstblock .simple_block .simple_block_content p.blocktxt{
		padding-bottom: 15px;
	}
	.publishpage_firstblock .simple_block .simple_block_content img.iconnumber{
		left: 135px;
	}
	.txtpublisherpage{
		line-height: 32px;
	}
	.publishpage_secondblock .benefit_block .benefit_content p.benefit_kop{
		font-size: 18px;
	}
	.publishpage_secondblock .benefit_block .benefit_img_block img.img_benefit_icon{
		left: 82px;
	}
	.publishpage_thirdblock{
		padding-bottom: 50px;
	}
}
@media (min-width: 992px) {
	.publishpage_firstblock{
		padding-top: 80px;
	}
	.publishpage_firstblock .simple_block{
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 20px;
		height: 285px;
	}
	.nopad-right{padding-right: unset;}

	.publishpage_firstblock .simple_block .simple_block_content img.iconnumber{
		left: 90px;
	}
	.publishpage_firstblock .simple_block .simple_block_content img.iconnumber{
		left: 92px;
	}
	.publishpage_secondblock{
		padding-top: 20px;
		padding-bottom: 30px;
	}
	.publishpage_secondblock .benefit_block .benefit_content p.benefit_txt{
		font-size: 16px;
		line-height: 32px;
	}
	.publishpage_secondblock .benefit_block .benefit_content{
		padding-left: 10px;
		padding-right: 10px;
	}
	.publishpage_secondblock .benefit_block .benefit_img_block img.img_benefit_icon{
		left: 109px;
	}
	.publishpage_thirdblock{
		padding-top: 10px;
		padding-bottom: 60px;
	}
}
@media (min-width: 1200px) {
	.publishpage_firstblock .simple_block{
		height: 255px;
	}
	.publishpage_firstblock .simple_block .simple_block_content img.iconnumber{
		left: 112px;
	}
	.publishpage_secondblock .benefit_block{
		border-radius: 10px;
		-webkit-box-shadow: 0px 0px 20px -9px rgb(0 0 0 / 75%);
	    -moz-box-shadow: 0px 0px 20px -9px rgba(0,0,0,0.75);
	    box-shadow: 0px 0px 20px -9px rgb(0 0 0 / 75%);
	}
	.publishpage_secondblock .benefit_block .benefit_content p.benefit_kop{
		font-size: 22px;
	}
	.publishpage_secondblock .benefit_block .benefit_img_block img.img_benefit_icon{
		left: 136px;
	}
}
/*Einde Publisherpage*/



/*Start Publisherpage formulier*/
/* ================== START CHECKBOX ================== */
.form-checkbox{
	margin-top: 20px;
}
.form-checkbox input[type=checkbox] {
    visibility: hidden;
    width: 1px;
    position: absolute;
}
.form-checkbox .check-box {
 	width: 100%;
 	padding-left: 30px;
 	padding-bottom: 5px;
 	margin-bottom: 0;
 	background-color: transparent;
 	position: relative;
 	display: inline-block;
 	background:url(https://omg.nl/images/publisher/checkbox.png) no-repeat left top;
 	background-size:17px 17px;
 	font-size:14px;
 	line-height:17px;
}
.form-checkbox .check-box::before, .check-box::after {
 	position: absolute;
 	height: 0;
 	width: 3px;
 	border-radius: 1px;
 	background-color: #3399FF;
 	display: inline-block;
 	-moz-transform-origin: left top;
 	-ms-transform-origin: left top;
 	-o-transform-origin: left top;
 	-webkit-transform-origin: left top;
 	transform-origin: left top; 	
 	content: ' ';
 	-webkit-transition: opacity ease .5;
 	-moz-transition: opacity ease .5;
 	transition: opacity ease .5;
}
.form-checkbox .check-box::before {
 	top: 20px;
 	left: 9px;
 	box-shadow: 0 0 0 0px #ffffff;
 	-moz-transform: rotate(-135deg);
 	-ms-transform: rotate(-135deg);
 	-o-transform: rotate(-135deg);
 	-webkit-transform: rotate(-135deg);
 	transform: rotate(-135deg);
}
.form-checkbox .check-box::after {
 	top:11px;
 	left: 0px;
 	-moz-transform: rotate(-45deg);
 	-ms-transform: rotate(-45deg);
 	-o-transform: rotate(-45deg);
 	-webkit-transform: rotate(-45deg);
 	transform: rotate(-45deg);
}
.form-checkbox input[type=checkbox]:checked + .check-box, .check-box.checked {
	border-color: #3399FF;
}
.form-checkbox input[type=checkbox]:checked + .check-box::after, .check-box.checked::after {
 	height: 12px;
 	-moz-animation: dothabottomcheck 0.2s ease 0s forwards;
 	-o-animation: dothabottomcheck 0.2s ease 0s forwards;
 	-webkit-animation: dothabottomcheck 0.2s ease 0s forwards;
 	animation: dothabottomcheck 0.2s ease 0s forwards;
}
.form-checkbox input[type=checkbox]:checked + .check-box::before, .check-box.checked::before {
 	height: 30px;
 	-moz-animation: dothatopcheck 0.4s ease 0s forwards;
 	-o-animation: dothatopcheck 0.4s ease 0s forwards;
 	-webkit-animation: dothatopcheck 0.4s ease 0s forwards;
 	animation: dothatopcheck 0.4s ease 0s forwards;
}
/*Keyframes Checkbox*/
@-moz-keyframes dothabottomcheck {
	0% {height: 0;}
 	100% {height: 11px;}
}
@-webkit-keyframes dothabottomcheck {
	0% {height: 0;}
 	100% {height: 11px;}
}
@keyframes dothabottomcheck {
	0% {height: 0;}
 	100% {height: 11px;}
}
@keyframes dothatopcheck {
	0% {height: 0;}
 	50% {height: 0;}
 	100% {height: 24px;}
}
@-webkit-keyframes dothatopcheck {
	0% {height: 0;}
 	50% {height: 0;}
 	100% {height: 24px;}
}
@-moz-keyframes dothatopcheck {
	0% {height: 0;}
 	50% {height: 0;}
 	100% {height: 24px;}
}
/* ================== END CHECKBOX ================== */

.publisher_form{
	background-color: #ffffff;
	padding-top: 15px;
}
.publisher_formulier{
	background-color: #fbfbfb;
	padding-top: 35px;
	padding-bottom: 15px;
}
.publisher_formulier .formblock_grey{
    padding-bottom: 30px;
    margin-right: -15px;
    margin-left: -15px;
}
.publisher_formulier .formblock_grey .formblock_grey_content{
	padding-left: 15px;
	padding-right: 15px;
}
.publisher_formulier .formblock_grey .formblock_grey_content .formblock_grey_koptxt{
	font-size: 24px;
	color: #696969;
}
.publisher_formulier img.formicon{
	max-width: 84px;
	width: 100%;
	height: auto;
	display: block;
	margin-bottom: 15px;
}
.formiconblock{
	margin-top: 30px;
}
.publisher_formulier p.formicon_txt{
	font-size: 22px;
	color: #303030;
	margin-bottom: 15px;
}
.publisher_formulier p.formicon_subtxt{
	font-size: 16px;
	line-height: 20px;
	color: #303030;
	margin-bottom: 25px;
}
.pubvoorwaarden{
	font-size: 18px!important;
	line-height: 28px!important;
	color:#000000;
	background-position: 0px 5px !important;
	font-weight:300;
	margin-top:20px;
}
@media (min-width: 576px) {
	.publisher_form{
		padding-top: 60px;
	}
}
@media (min-width: 768px) {
	.publisher_formulier{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.publisher_formulier p.formicon_subtxt{
		margin-bottom: 50px;
	}
}
@media (min-width: 992px) {
	.publisher_form{
		padding-top: 80px;
	}
	.pubvoorwaarden{
		font-size: 20px!important;
		line-height: 32px!important;
		background-position: 0px 7px !important;
	}
}
@media (min-width: 1200px) {
	.formiconblock {
	    margin-left: 20px;
	}
}
/*Eind Publisherpage formulier*/


/*START CASEPAGINA*/
.caseblock_statistics{
	background-color: #ffffff;
	padding-top: 15px;
}
.caseblock_statistics .circle{
    height: 100px;
    width: 100px;
    padding-top: 20px;
    background: linear-gradient(white, white) padding-box, linear-gradient(to bottom, #48baeb, #9346a0, #eb4337) border-box;
    border-radius: 50%;
    border: 3px solid transparent;
    color: #303030;
    text-align: center;
    margin-bottom: 30px;
}
.caseblock_statistics .circle h3{
	font-size: 22px;
}
.caseblock_statistics .circle h3.kia-font{
	font-size: 18px;
	padding-top: 6px;
}
.caseblock_statistics .circle h4{
	font-size: 13px;
}
.caseblock_statistics .circle h4.kia-font{
	font-size: 11px;
}
p.subtxtcase{
	font-size: 18px; 
	margin-bottom: 15px;
}
.caseblock_statistics ul.ulcasepagina{
	font-size: 16px;
	line-height: 26px;
	font-weight: 300;
	padding-inline-start: 15px;
}
.caseblock_statistics li.licasepagina{
	margin-bottom: 5px;
	padding-inline-start: 10px;
}

.caseblock_statistics img.quote_caseimg{
	display: block;
	max-width: 170px;
	height: auto;
	width: 100%;
	margin-left: auto;
	margin-bottom: 30px;
}
.caseblock_statistics p.quote_txt{
	font-size: 16px;
	line-height: 26px;
	font-style: italic;
	margin-top: unset;
	margin-bottom: 10px;
}
.caseblock_statistics p.quote_txt_blue{
	font-size: 16px;
	line-height: 26px;
	font-style: italic;
	color: #36b7ea;
	margin-top: 20px;
}
.caseblock_statistics img.imgpackshot{
	display: block;
	max-width: 1169px;
	height: auto;
	width: 100%;
}
.caseblock_campaign{
	background-color: #ffffff;
}
.caseblock_campaign img.imgmails{
	display: block;
	max-width: 576px;
	height: auto;
	width: 100%;
}
.caseblock_technique{
	background-color: #ffffff;
}
.caseblock_monitoring{
	background-color: #ffffff;
}
.boxshadow_accordion{
/*	padding-top: 10px;*/
    padding-bottom: 40px;
}
.site_case__accordion{
	background-color: #ffffff;
	padding-bottom: 20px;
}
.site_case__accordion #accordion .border_grey {
	border-bottom:  1px solid #43bbec;
	background-color: #f9fdff;
	margin-bottom:20px;
}
.site_case__accordion #accordion .border_blue {
	border-bottom:  1px solid #3cbaeb;
	border-radius: 10px;
}
.site_case__accordion #accordion .card-header {
	border-bottom:  none;
	background-color: #ffffff;
}
.site_case__accordion #accordion .card-body {
	padding: 0 5px 25px 15px!important;
}
.site_case__accordion #accordion .btn {
	width: 100%;
	padding-top: 25px;
	box-shadow: none;
}
.site_case__accordion #accordion .btn h4{
	font-size: 20px;
	color: #000000;
	font-weight:500;
	padding-left:85px;
}
.site_case__accordion #accordion .btn h4 img{
	width: 60px;
	height: 60px;
	display: inline-block;
	margin-right: 15px;
}
.site_case__accordion #accordion .accordion_arrow {
	width: 21px;
	height: auto;
	transition: .3s ease all;
	top:-12px;
	position: relative;
}
.site_case__accordion #accordion .accordion_arrow.rotate {
	transform: rotate(180deg);
}
.site_case__more .more_cases_container .more_cases_tile{
	height: 185px;
	position: relative;
	background-size: 100% auto;
	background-position: center center;
	transition: .3s ease all;
	background-repeat: no-repeat;
	margin-bottom: 20px;
}
.site_case__more .more_cases_container .more_cases_tile p {
    display: block;
    position: absolute;
    bottom: 15px;
    left: 15px;
    color: #ffffff;
    margin: 0;
    font-size: 16px;
    line-height: unset;
}
.site_case__more .more_cases_container {
}
.bg_case_hc{
	background-size: 100% auto;
    background-position: top center;
   	background-image: url('../../images/cases/algemeen/bekijk_meer_hc_mob.png');
}
.bg_case_toyota{
	background-size: 100% auto;
    background-position: top center;
   	background-image: url('../../images/cases/algemeen/bekijk_meer_toyota_mob.png');
}
.bg_case_skoda{
	background-size: 100% auto;
    background-position: top center;
   	background-image: url('../../images/cases/algemeen/bekijk_meer_skoda_mob.png');
}
.bg_case_oranje{
	background-size: 100% auto;
    background-position: top center;
   	background-image: url('../../images/cases/algemeen/bekijk_meer_oranje_mob.png');
}
.bg_case_mazdacx3{
	background-size: 100% auto;
    background-position: top center;
   	background-image: url('../../images/cases/algemeen/bekijk_meer_mazda_mob.png');
}
.bg_case_fvslead{
	background-size: 100% auto;
    background-position: top center;
   	background-image: url('../../images/cases/algemeen/bekijk_meer_fvslead_mob.png');
}
.bg_case_fvsbestel{
	background-size: 100% auto;
    background-position: top center;
   	background-image: url('../../images/cases/algemeen/bekijk_meer_fvsbestel_mob.png');
}
.bg_case_ad{
	background-size: 100% auto;
    background-position: top center;
   	background-image: url('../../images/cases/algemeen/bekijk_meer_ad_mob.png');
}

.site__header .caseblock{
padding-top: 20px;
}

.site__header .caseblock .caseblock_black p.case_heading{
	font-size: 24px;
	color: #ffffff;
	text-align: center;
	margin-bottom: unset;
	line-height: 0px;
	padding-bottom: 0px;
}
.nopadbtm{padding-bottom: 10px;}
.nopadmob{padding-left: 0px; padding-right: 0px;}
@media (max-width: 450px) {
	.min-hide{
		display: none;
	}
}
@media (max-width: 576px) {
	.headercase{
		height: 250px!important;
	    background-size: 696px auto;
	    background-position: center 60px!important;
	}
}
@media (min-width: 576px) {
	.caseblock_statistics{
		padding-top: 60px;
	}
	.caseblock_statistics .circle{
	    height: 140px;
	    width: 140px;
	    padding-top: 32px;
	    border: 3px solid transparent;
	    margin-bottom: 40px;
	}
	.caseblock_statistics .circle h3{
		font-size: 32px;
	}
	.caseblock_statistics .circle h3.kia-font{
		font-size: 26px;
		padding-top: 3px;
	}
	.caseblock_statistics .circle h4{
		font-size: 18px;
	}
	.caseblock_statistics .circle h4.kia-font{
		font-size: 13px;
	}
	p.subtxtcase{
		margin-bottom: unset;
	}
	.boxshadow_accordion{
/*		padding-top: 20px;*/
	    padding-bottom: 50px;
	    padding-left: 20px;
	    padding-right: 20px;
   		margin-left: 0px;
    	margin-right: 0px;
	}
	.site_expertise__accordion .boxshadow_accordion{
		padding: 0;
   		margin-left: 0px;
    	margin-right: 0px;
	}
	.site_case__more .more_cases_container {
	    margin-left: unset;
	    margin-right: unset;
	}
	.site_case__more .more_cases_container .more_cases_tile p {
	    font-size: 18px;
	}
	.nopadbtm{padding-bottom: 40px;}
	.site__header .caseblock{
		padding-top: 220px;
	}
	.site__header .caseblock .caseblock_black{
		background-color: #000000;
		padding-top: 40px;
		padding-bottom: 35px;
		display: block;
		width: 480px;
		margin: 0 auto;
	}
	.site__header .caseblock .caseblock_black p.case_heading{
		font-size: 35px;
		color: #ffffff;
		text-align: center;
		margin-bottom: unset;
		line-height: 0px;
		padding-bottom: 0px;
	}
	.site__header .caseblock .caseblock_black p.case_headingsub{
		font-size: 18px;
		color: #ffffff;
		text-align: center;
		margin-bottom: unset;
		line-height: 0px;
	}
	.nopadmob{padding-left: 15px; padding-right: 15px;}
	.caseblock_statistics ul.ulcasepagina{
		font-size: 18px;
		line-height: 32px;
	}
	.caseblock_statistics li.licasepagina{
	}
	.nopadbtm{padding-bottom: 60px;}
}
@media (min-width: 768px) {
	.caseblock_statistics {
	    padding-top: 60px;
	    padding-bottom: 0px;
	}
	.caseblock_statistics .circle{
	    height: 180px;
	    width: 180px;
	    padding-top: 44px;
	    border: 5px solid transparent;
	}
	.caseblock_statistics .circle h3{
		font-size: 42px;
	}
	.caseblock_statistics .circle h3.kia-font{
		font-size: 36px;
	}
	.caseblock_statistics .circle h4{
		font-size: 20px;
	}
	.caseblock_statistics .circle h4.kia-font{
		font-size: 16px;
	}
	.caseblock_campaign img.imgmails{
		display: block;
		max-width: 1169px;
		height: auto;
		width: 100%;
	}
	.site_case__more .more_cases_container .more_cases_tile{
		height: 315px;
	}
	.bg_case_hc{
		background-size: 100% auto;
	    background-position: center center;
	   	background-image: url('../../images/cases/algemeen/bekijk_meer_hc_desk.png');
	}
	.bg_case_toyota{
		background-size: 100% auto;
	    background-position: center center;
	   	background-image: url('../../images/cases/algemeen/bekijk_meer_toyota_desk.png');
	}
	.bg_case_skoda{
		background-size: 100% auto;
	    background-position: center center;
	   	background-image: url('../../images/cases/algemeen/bekijk_meer_skoda_desk.png');
	}
	.bg_case_oranje{
		background-size: 100% auto;
	    background-position: center center;
	   	background-image: url('../../images/cases/algemeen/bekijk_meer_oranje_desk.png');
	}
	.bg_case_mazdacx3{
		background-size: 100% auto;
	    background-position: center center;
	   	background-image: url('../../images/cases/algemeen/bekijk_meer_mazda_desk.png');
	}
	.bg_case_fvslead{
		background-size: 100% auto;
	    background-position: center center;
	   	background-image: url('../../images/cases/algemeen/bekijk_meer_fvslead_desk.png');
	}
	.bg_case_fvsbestel{
		background-size: 100% auto;
	    background-position: center center;
	   	background-image: url('../../images/cases/algemeen/bekijk_meer_fvsbestel_desk.png');
	}
	.bg_case_ad{
		background-size: 100% auto;
	    background-position: center center;
	   	background-image: url('../../images/cases/algemeen/bekijk_meer_ad_desk.png');
	}
	.site__header .caseblock{
		padding-top: 30%;
	}
	.nopadbtm{padding-bottom: 55px;}
	.site_case__accordion #accordion .card-body {
		padding: 0 50px 25px 100px!important;
	}
}
@media (min-width: 992px) {
	.caseblock_statistics {
		padding-top: 80px;
	}
	p.subtxtcase{
		font-size: 22px;
	}
	.caseblock_statistics p.quote_txt{
		font-size: 18px;
		line-height: 32px;
		margin-top: 35px;
		margin-bottom: 10px;
	}
	.caseblock_statistics img.quote_caseimg{
		max-width: 204px;
		margin-left: unset;
		margin-bottom: unset;
	}
	.caseblock_statistics p.quote_txt_blue{
		font-size: 18px;
	}
	.boxshadow_accordion{
	    padding-left: unset;
	    padding-right: unset;
	}
	.site_case__more .more_cases_container .more_cases_tile{
		height: 370px;
	}
	.site_case__more .more_cases_container .more_cases_tile p {
	    bottom: 35px;
	    left: 25px;
	}
	.site__header .caseblock{
	padding-top: 270px;
	}

	.site__header .caseblock .caseblock_black{
		background-color: #000000;
		padding-top: 50px;
		padding-bottom: 35px;
		display: block;
		width: 690px;
		margin: 0 auto;
	}
	.site__header .caseblock .caseblock_black p.case_heading{
		font-size: 60px;
		color: #ffffff;
		text-align: center;
		margin-bottom: unset;
		line-height: 0px;
		padding-bottom: 20px;
	}
	.site__header .caseblock .caseblock_black p.case_headingsub{
		font-size: 26px;
		color: #ffffff;
		text-align: center;
		margin-bottom: unset;
		line-height: 0px;
	}
	.nopadbtm{padding-bottom: 105px;}
	.site_case__accordion #accordion .btn h4{
		font-size: 24px;
		padding-left:150px;
	}
	.site_case__accordion #accordion .card-body {
		padding: 0 100px 25px 180px!important;
	}
}
@media (min-width: 1200px) {
	.caseblock_statistics {
		padding-top: 80px;
		padding-bottom: 20px;
	}
	.caseblock_statistics .circle{
	    height: 220px;
	    width: 220px;
	    padding-top: 55px;
	    border: 6px solid transparent;
	}
	.caseblock_statistics .circle h3{
		font-size: 52px;
	}
	.caseblock_statistics .circle h3.kia-font{
		font-size: 42px;
	}
	.caseblock_statistics .circle h4{
		font-size: 22px;
	}
	.caseblock_statistics .circle h4.kia-font{
		font-size: 20px;
	}
	.headercase{
		height: 630px!important;
	}
	.nopadbtm{padding-bottom: 75px;}
	.site_case__accordion #accordion .btn h4{
		font-size: 28px;
	}
	.site_case__accordion #accordion .card-body {
		padding: 0 195px 25px 180px!important;
	}
}

/*EINDE CASEPAGINA*/


/*START SERVICE PAGINA - EXPERTISE*/
.site_expertise__accordion .more_cases_container{

}

.site_expertise__accordion .more_cases_container .more_cases_tile{
	height: 145px;
	position: relative;
	background-size: 100% auto;
	background-position: center center;
	transition: .3s ease all;
	background-repeat: no-repeat;
	margin-bottom: 30px;
	cursor: pointer;
}
.site_expertise__accordion .more_cases_container a.more_cases_url:hover .more_cases_tile{
	background-size: 105% auto;
}
.site_expertise__accordion .more_cases_container .more_cases_tile p{
	display: block;
  	position: absolute;
	bottom: 14px;
	left: 20px;
  	color: #ffffff;
  	margin: 0;
  	font-size: 18px;
    line-height: 24px;
}
.site_expertise__accordion .more_cases_container a.more_cases_url:hover .more_cases_tile .case_next_arrow{
	background-position: center right 15px;
}
.site_expertise__accordion .expertise_dropdown_button h4{
    position: relative;
    top: 11px;
    margin-left: 10px;
}
.site_expertise__accordion .expertise_dropdown_button .accordion_arrow{
	position: absolute;
    right: 15px;
    top: 27px;
}
.site_case__accordion #accordion .btn{
	padding-top: 35px;
	background-color:#f9fdff;
    padding-left: 15px;
    padding-right: 15px;
}
.site_case__accordion #accordion .boxshadow_accordion{
	padding-bottom: 0;
	padding-top: 0;
}
.site_case__accordion #accordion .boxshadow_accordion .expertise_dropdown_button img.ico_expertise{
	width: 40px;
	height: 40px;
}

.site_case__accordion #accordion .btn h6{
		position: relative;
	    top: 11px;
	    margin-left: 15px;
	    font-size: 16px;
}
.site_expertise__accordion {padding-bottom: 15px;}

p.service_expertise{
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 40px;
}


@media(min-width: 576px){
	.site_case__accordion #accordion .btn h6{
		position: relative;
	    top: 17px;
	    margin-left: 15px;
	    font-size: 22px;
	}
	.site_expertise__accordion .expertise_dropdown_button .accordion_arrow{
		position: absolute;
	    right: 15px;
	    top: 37px;
	}
	.site_case__accordion #accordion .boxshadow_accordion .expertise_dropdown_button img.ico_expertise{
		width: 60px;
		height: 60px;
	}
	.site_expertise__accordion {padding-bottom: 55px;}
	.site_expertise__accordion .more_cases_container .more_cases_tile{
		height: 220px;
	}
	p.service_expertise{
		font-size: 18px;
		line-height: 28px;
		margin-bottom: 40px;
	}
}
@media (min-width: 768px) {
	.site_expertise__accordion {padding-bottom: 60px;}	
	.site_expertise__accordion .more_cases_container .more_cases_tile{
		height: 290px;
	}
}
@media (min-width: 992px) {
	.site_expertise__accordion {padding-bottom: 75px;}	
}
@media (min-width: 1200px) {
	.site_expertise__accordion {padding-bottom: 80px;}	
}

/*EIND SERVICE PAGINA - EXPERTISE*/

.site__pbottom{
	padding-bottom: 10px;
	background-color: #ffffff;
}
@media (min-width: 576px) {
	.site__pbottom{
		padding-bottom: 40px;
	}
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
	.site__pbottom{
		padding-bottom: 60px;
	}
	.site_case__accordion #accordion .btn{
		padding-left:30px!important;
		padding-right:30px!important;
	}
}
@media (min-width: 1200px) {	
}


/* Start cases */
.site__cases_homepage_case{
	background-color: #ffffff;
	padding-bottom: 40px;
}
.site__cases_homepage_case h2{
	padding-bottom: 20px;
    font-size: 24px;
    line-height: 27px;
    font-weight: 800;
    color: #000000;
    padding-top: 0px;
}
.site__cases_homepage_case .site__case_homepage_url{
	text-decoration: none;
}
.site__cases_homepage_case .site__case_homepage_url:hover .site__case_container{
	background-size: 115%;
}
.site__cases_homepage_case .site__case_container{
	height: 175px;
	margin-bottom: 15px;
	background-size: 100%;
	background-position: center top -30px;
	position: relative;
	transition: all 0.3s ease;
}
.site__cases_homepage_case .site__case_container .site__case_content{
	position: absolute;
	left: 20px;
	bottom: 20px;
}
.site__cases_homepage_case .site__case_container .site__case_content h2{
	font-size: 20px;
	line-height: 24px;
	color: #ffffff;
	font-weight: 800;
	padding-bottom: 0;
	position: relative;
	z-index: 99;
}
.site__cases_homepage_case .site__case_container .site__case_content p{
	font-size: 20px;
	line-height: 24px;
	color: #ffffff;
	font-weight: 300;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 99;
}
.site__cases_homepage_case a.cta_contact{
	border: 1px solid #000000;
	color: #000000;
	margin-top: 10px;
	background-image: url('../../images/icons/ico_cta_arrow_right_black.svg');
	position: relative;
	z-index: 99;
}
.site__cases_homepage_case a.cta_contact:hover{
	color: #000000;
}

.txtcenter{text-align: left;}
.site__cases_homepage_case .padboth{padding-left: 0px; padding-right: 0px;}

@media (min-width: 576px) {
	.site__cases_homepage_case h2{
	    font-size: 35px;
	    line-height: 37px;
	    padding-top: 40px;
	    padding-bottom: 35px;
	}
	.site__cases_homepage_case{
		padding-bottom: 75px;
	}

	.txtcenter{text-align: center;}
	.site__cases_homepage_case .site__case_container{
		background-position: center top -70px;
	}
	.site__cases_homepage_case .padboth{padding-left: 15px; padding-right: 15px;}
}

@media (min-width: 767px) {
	.site__cases_homepage_case .site__case_container{
		height: 185px;
		margin-bottom: 30px;
		background-position: top center;
	}

	.site__cases_homepage_case .site__case_container .site__case_content{
		left: 30px;
		bottom: 20px;
	} 
}

@media (min-width: 992px) {
	.site__cases_homepage_case h2{
	    font-size: 50px;
	    line-height: 52px;
	}
	.site__cases_homepage_case{
		padding-bottom: 140px;
	}
	.site__cases_homepage_case a.cta_contact{
		margin-top: 40px;
	}

	.site__cases_homepage_case .site__case_container{
		height: 230px;
		margin-bottom: 30px;
		background-size: 110%;
		background-position: top center;
	}

	.site__cases_homepage_case .site__case_container .site__case_content{
		left: 30px;
	}
}

@media (min-width: 1200px) {
	.site__cases_homepage_case h2{
	    font-size: 50px;
	    line-height: 52px;
	}
	.site__cases_homepage_case{
		padding-bottom: 160px;
	}
	.site__cases_homepage_case a.cta_contact{
		margin-top: 40px;
	}

	.site__cases_homepage_case .site__case_container{
		height: 260px;
	}
}
/* End cases */

/* Persuasion Game start */
.persuasion_game_intro{
	padding-top: 35px;
	padding-bottom: 35px;
	background-color: #f7f7f7;
}
.persuasion_game_intro h2{
	margin: 0;
	padding:0;
	font-size: 22px;
	line-height:25px;
	margin-bottom: 30px;
}
.persuasion_game_intro p{
	margin: 0;
	padding:0;
	font-size: 17px;
	line-height:26px;
	font-weight: 300;
}
.persuasion_game_intro img{
	display: block;
	margin: 0 auto;
	width: 100%;
	height: auto;
	max-width: 320px;
	margin-top: 30px;
}
@media(min-width:576px){
	.persuasion_game_intro{
		background: url('../../images/persuasion_game/bg_triangle_intro.png') no-repeat bottom right #f7f7f7;
	}
}
@media(min-width:767px){
	.persuasion_game_intro{
		padding-top: 50px;
		padding-bottom: 35px;
	}
	.persuasion_game_intro{
		padding-top: 100px;
		padding-bottom: 85px;
	}
	.persuasion_game_intro h2{
		margin: 0;
		padding:0;
		font-size: 32px;
		line-height:36px;
		margin-bottom: 30px;
	}
	.persuasion_game_intro p{
		font-size: 18px;
		line-height:32px;
	}
}
@media(min-width:992px){
	.persuasion_game_intro img{
		max-width: 405px;
	}
}



/*GAME*/
.persuasion_game_toform{
	background-color: #ffffff;
	padding-bottom: 20px;
}
/*.persuasion_game_toform h2{
	margin: 0;
	padding:0;
	font-size: 22px;
	line-height:25px;
}*/
.persuasion_game_toform .persuasion_game_bg{
	background-color: #dedef4;
	padding-top:100px;
	padding-bottom:100px;
	border-radius: 13px;
}
.persuasion_game_toform .persuasion_game_bg img{
	width: 100%;
	height: auto;
	max-width: 400px;
	display: block;
	margin-top: 30px;
	margin-left: auto;
}
.persuasion_game_toform .persuasion_game_order{
	background-color: #ffffff;
	border-radius: 0px;
	position: relative;
	z-index: 9;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	padding-left:15px;
	padding-right:15px;
	padding-top:45px;
	padding-bottom:45px;
}
.persuasion_game_toform .blueblock h3{
	font-size: 20px;
	font-weight: 800;
	margin-bottom: 10px;
	margin-left:15px;
	padding-top:25px;
}
.persuasion_game_toform .persuasion_game_order p{
	margin: 0;
	padding:0;
	font-size: 18px;
	line-height:32px;
	font-weight: 300;
	margin-bottom: 20px;
}
.persuasion_game_toform .persuasion_game_order input{
	margin: 0;
	padding:0;
	width: 60px;
	height: 50px;
	border: 1px solid #999999;
	border-radius: 2px;
	text-align: center;
	outline: none;
  	-webkit-appearance: none;
  	float:right;
}
.persuasion_game_toform .persuasion_game_order input::-webkit-inner-spin-button, 
.persuasion_game_toform .persuasion_game_order input::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
.persuasion_game_toform .persuasion_game_order .persuasion_game_order_cta{
    background: url(../../images/icons/ico_cta_arrow_right.svg) right 40px center/14px 15px no-repeat, linear-gradient(to right, #47bbec 0%, #36a8d9 100%);
    padding-bottom: 18px;
    padding-top: 18px;
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 22px;
    text-decoration: none;
    font-weight: 700;
    width: 100%;
    max-width: 550px;
    text-align: center;
    color:#ffffff;
    border-radius: 10px;
    display: block;
}
.persuasion_game_toform .persuasion_game_order p.nudge{
	font-size: 20px;
	color: #38ad14;
	font-weight: 700;
	width: 100%;
	text-align: center;
	margin:0;
	margin-top:10px;
}
.persuasion_game_toform .persuasion_game_order .persuasion_game_selection_block{
	margin-bottom: 35px;
}
.persuasion_game_toform .persuasion_game_order .nostyle{
	transform: unset!important;
	color: #ffffff!important;
}
.persuasion_game_toform .persuasion_game_order span.plus, .persuasion_game_toform .persuasion_game_order span.min{
	width: 50px;
	height: 50px;
	border-radius: 50px;
	position: relative;
	display: inline-block;
	background-color: #42bbec;
	color: #ffffff;
	font-size: 24px;
	font-weight: 900;
	text-align: center;
	vertical-align: middle;
	line-height: 50px;
	margin-left: 15px;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}
.persuasion_game_toform .persuasion_game_order span.min.zero{
	background-color: #c8c8c8;
}

.persuasion_game_uspcontainer{
	padding-top: 35px;
	padding-bottom: 30px;
	background-color: #f9fdff;
}
.persuasion_game_uspcontainer h3{
	font-size: 22px;
	line-height: 25px;
	font-weight: 800;
	margin-bottom: 40px;
}
.persuasion_game_uspcontainer .usp img{
	width: auto;
	height: auto;
	max-height: 50px;
	display: inline-block;
	margin-right: 25px;
	margin-bottom: 30px;
	position: relative;
	top: -22px;
}
.persuasion_game_uspcontainer .usp p{
	font-weight: 300;
	font-size: 17px;
	line-height: 26px;
	margin-bottom: 0;
	display: inline-block;
}
.persuasion_game_toform .blueblock{
	background-color: #dedef4;
	margin-left:-15px;
	margin-right:-15px;
	height: 170px;
	margin-top:35px;
}
.persuasion_game_toform img.arrowblack{
	transform: rotateY(180deg) scaleX(1);
	width: 35px;
	position: absolute;
    top: 72px;
    right: 20px;
}
.persuasion_game_toform img.vink{
	width: 14px;
	height: auto;
	margin-top:-3px;
}
.persuasion_game_toform p.startxt{
	font-size:17px;
	margin-top:30px;
	margin-bottom:0px;
}
section.persuasion_game_toform img.gamepack{
	max-width: 328px;
	width: 100%;
	display: block;
	margin:0 auto;
	margin-bottom:50px;
}
section.persuasion_game_toform div.nopadformkeuze{
	padding-left:0px;
	padding-right:0px;
}
section.persuasion_game_toform h4.gamepackfont{
	font-size:24px!important;
}
section.persuasion_game_toform p.pleft{
	padding-left:15px;
	padding-top:15px;
}
.gotdformnopad{
	padding-left:0px;
	padding-right:0px;
}

@media(min-width:576px){
	.persuasion_game_toform{
		padding-bottom: 80px;
	}
	.persuasion_game_toform .persuasion_game_order p{
		margin-top:unset;
	}
	.persuasion_game_toform .persuasion_game_order h3 {
	    font-size: 24px;
	    font-weight: 800;
	    margin-bottom: 40px;
	}
	.persuasion_game_toform .persuasion_game_order .persuasion_game_order_cta{
		width: 210px;
		background: url(../../images/icons/ico_cta_arrow_right.svg) right 27px center/14px 15px no-repeat, linear-gradient(to right, #47bbec 0%, #36a8d9 100%);
	}
	.persuasion_game_toform .persuasion_game_order p.nudge {
	    width: 100%;
	}
	.persuasion_game_toform .persuasion_game_order {
	   	padding: 50px 25px 45px 25px;
	    background-color: #ffffff;
	    border-radius: 0px;
	    width: 265px;
	    position: relative;
	    z-index: 99998;
	}
	.persuasion_game_toform .persuasion_game_bg {
	    background-color: #dedef4;
	    padding-top: 100px;
	    padding-bottom: 5px;
	    border-radius: 13px;
	    margin-top:135px;
	}
	.persuasion_game_toform .persuasion_game_bg img {
	    width: 100%;
	    height: auto;
	    max-width: 230px;
	    display: block;
	    margin-top: -70px;
	    margin-left: auto;
	}
/*	.persuasion_game_toform h2{
		margin-bottom: 0px;
	}*/
	.persuasion_game_toform img.arrowblack{
		transform: unset;
		width: 55px;
		position: absolute;
		top: 308px;
		right: unset;
		left: -30px;
		z-index: 99999;
	}
	.persuasion_game_toform p.startxt {
	    font-size: 17px;
	    margin-top: -80px;
	    margin-left: 280px;
	    width: 210px;
	    margin-bottom:40px;
	}
	section.persuasion_game_toform img.gamepack{
	    margin-top: 75px;
	    margin-left: 20px;
	}
	section.persuasion_game_toform p.pleft{
		padding-left:0px;
	}
	.persuasion_game_uspcontainer{
		padding-top: 50px;
		padding-bottom:50px;
	}
	section.persuasion_game_uspcontainer p.usptxt{
		text-align: center;
	}
	.gotdformnopad{
		padding-left:15px;
		padding-right:15px;
	}
}
@media(min-width:767px){
	.persuasion_game_uspcontainer{
		padding-top:70px;
		padding-bottom: 55px;
	}
	.persuasion_game_uspcontainer .usp img{
		display: block;
		margin-left: 50px;
		margin-bottom: 30px;
		top:0;
		margin-right: 0;
	}
	.persuasion_game_uspcontainer .usp p{
		display: block;
	}
/*	.persuasion_game_toform h2{
		margin: 0;
		padding:0;
		font-size: 32px;
		line-height:36px;
		margin-bottom: 45px;
	}*/
	.persuasion_game_uspcontainer h3{
		font-size: 24px;
		font-weight: 800;
		margin-bottom: 40px;
	}
	.persuasion_game_uspcontainer .usp p{
		font-size: 18px;
		line-height: 32px;
	}
	.persuasion_game_uspcontainer .usp img{
		max-height: 80px;
		margin-bottom: 30px;
		top: -10px;
	}
	.persuasion_game_toform .persuasion_game_order{
		width: 345px;
    	padding: 60px 40px 70px 40px;
	}	
	.persuasion_game_toform .persuasion_game_bg{
	    padding-top: 50px;
		padding-bottom: 115px;
		margin-top:unset;
	}
	.persuasion_game_toform .persuasion_game_bg img {
	    width: 100%;
	    height: auto;
	    max-width: 320px;
	    display: block;
	    margin-top: 60px;
	    margin-left: auto;
	}
	.persuasion_game_toform .persuasion_game_order .persuasion_game_order_cta{
		width: 280px;
		background: url(../../images/icons/ico_cta_arrow_right.svg) right 40px center/14px 15px no-repeat, linear-gradient(to right, #47bbec 0%, #36a8d9 100%);
	}
	.persuasion_game_toform .persuasion_game_order p.nudge {
	    width: 100%;
	}
	.persuasion_game_toform img.arrowblack{
	    width: 67px;
	    top: 360px;
	    left: -40px;
	}
	.persuasion_game_toform p.startxt {
	    font-size: 17px;
	    margin-top: -80px;
	    margin-left: 280px;
	    width: 210px;
	    margin-bottom:40px;
	}
	.persuasion_game_toform p.startxt {
	    font-size: 17px;
	    margin-top: 15px;
	    margin-left: 30px;
	    width: unset;
	}
	section.persuasion_game_toform img.gamepack{
	    margin-top: 80px;
	    margin-left:0px;
	}
	section.persuasion_game_toform h4.gamepackfont {
	    font-size: 28px !important;
	}
	.persuasion_game_uspcontainer{
		padding-top: 55px;
	}
	section.persuasion_game_uspcontainer p.usptxt{
		text-align: left;
		font-size:17px;
	}
}
@media(min-width:992px){
	.persuasion_game_toform .persuasion_game_order{
		width: 420px;
    	padding: 60px 70px 70px 70px;
	}	
	.persuasion_game_toform .persuasion_game_bg img {
	    width: 100%;
	    height: auto;
	    max-width: 400px;
	    display: block;
	    margin-top: 30px;
	    margin-left: auto;
	}
	.persuasion_game_toform img.arrowblack{
	    width: 67px;
	    top: 325px;
	    left: -40px;
	}
	section.persuasion_game_toform img.gamepack{
		max-width: 100%;
		margin-top:55px;
	}
	.persuasion_game_uspcontainer{
		padding-top: 65px;
		padding-bottom:85px;
	}
	section.persuasion_game_uspcontainer p.usptxt{
		font-size:20px;
		width: 245px;
		display: block;
		margin:0 auto;
	}
	.persuasion_game_uspcontainer div.uspcontainer{
		margin-left:-25px;
	}
}
@media(min-width:1200px){
	.persuasion_game_toform .persuasion_game_order{
		width: 475px;
	    padding: 60px 95px 70px 95px;
	}
	.persuasion_game_toform .persuasion_game_bg{
	    padding-top: 100px;
		padding-bottom: 100px;
	}
	.persuasion_game_toform img.arrowblack{
	    width: 67px;
	    top: 365px;
	    left: -35px;
	}
	.persuasion_game_toform p.startxt {
	    font-size: 17px;
	    margin-top: 15px;
	    margin-left: 50px;
	    width: unset;
	}
	section.persuasion_game_toform img.gamepack{
		margin-top:30px;
	}
	.persuasion_game_toform {
	    padding-bottom: 70px;
	}
	.persuasion_game_uspcontainer{
		padding-bottom:95px;
	}
	.persuasion_game_uspcontainer div.uspcontainer{
		margin-left:-60px;
	}
}


.persuasion_game_information{
	padding-top: 0;
	background-color: #ebfaff;
}
.persuasion_game_information h2{
	margin: 0;
	padding:0;
	font-size: 22px;
	line-height:26px;
	margin-bottom: 30px;
	font-weight: 800;
}
.persuasion_game_information p{
	margin: 0;
	padding:0;
	font-size: 17px;
	line-height:26px;
	font-weight: 300;
}
.persuasion_game_information a{
	color: #44bbec;
	font-weight: 18px;
	text-decoration: underline;
	font-weight: 700;
	margin-top: 15px;
	display: block;
	margin-bottom: 30px;
}
.persuasion_game_information .information-card{
	border-radius: 0px;
	background-color: #ffffff;
}
.persuasion_game_information .information-card img{
	width: 100%;
	height: auto;
	border-top-right-radius: 13px;
	border-top-left-radius: 13px;
}
.persuasion_game_information .information-card h3{
	padding: 30px 15px 0px 15px;
	font-size: 17px;
	line-height:26px;
	font-weight: 800;
	padding-bottom: 10px;
}
.persuasion_game_information .information-card p{
	padding: 0px 15px 0px 15px;
}
.persuasion_game_information .information-card-mob{
	background-color: #ebfaff;
	padding-top: 12px;
	padding-bottom: 12px;
}
.persuasion_game_information .information-card-mob img{
	display: block;
	margin: 0 auto;
	width: 100%;
	height: auto;
	max-width: 205px;
}
.widthh2{
	max-width:100%;
	padding:35px 15px 0px 15px!important;
	margin-bottom:0px!important;
}
.mttop15{margin-top:-15px!important;}
.cardsgame{
	width: 190px;
	margin-left: 30px;
}
@media(min-width:576px){
		.containermd{
			max-width:100%;
		}
		.widthh2{
			max-width:510px;
			display: block!important;
			margin:0 auto!important;
			padding:35px 0px 0px 0px!important;
		}
		.persuasion_game_information .information-card h3{
			padding: 30px 0px 0px 0px;
			font-size: 18px;
			line-height:26px;
			font-weight: 800;
			padding-bottom: 10px;
			width: 510px;
			display: block;
			margin:0 auto;
		}
		.persuasion_game_information .information-card p{
			padding: 0px 0px 0px 0px;
			width: 510px;
			display: block;
			margin:0 auto;
		}
		.mttop15{margin-top:10px!important;}
	}
@media(min-width:767px){
	.persuasion_game_information h2{
		font-size: 32px;
		line-height:36px;
		margin-top: 80px;
		margin-bottom: 30px;
	}
	.persuasion_game_information{
		padding-top: 0;
		padding-bottom: 90px;
		background-color: #ffffff;
	}
	.persuasion_game_information .information-card{
		box-shadow: 0 0 13px 1px rgba(0, 0, 0, 0.1);
		border-radius: 13px;
	}
	.persuasion_game_information .information-card h3{
		padding: 30px 20px 0px 20px;
		width: unset;
		display: block;
		font-size: 18px;
	}
	.persuasion_game_information .information-card p{
		padding: 0px 20px 30px 20px;
		width: unset;
		display: block;
		font-size: 18px;
	}
	.containermd{
		max-width:720px;
	}
	.widthh2{
		display: none!important;
	}
}
@media(min-width:992px){
	.persuasion_game_information{
		padding-top: 80px;
		padding-bottom: 90px;
	}
	.containermd{
		max-width:960px;
	}
	.persuasion_game_information h2{
		margin-top: 30px;
	}
	.cardsgame{
		width: 300px;
		margin-left: 50px;
	}
}

@media(min-width:1200px){
	.containermd{
		max-width:1140px;
	}
	.persuasion_game_information h2{
		margin-top: 60px;
	}
	.cardsgame {
	    width: 360px;
	    margin-left: 100px;
	}
}


.persuasion_game_faq{
	padding-top: 35px;
	padding-bottom: 45px;
	background-color: #232323;
}
.persuasion_game_faq .card-header2{
	background-color: #232323!important;
}
.persuasion_game_faq h4.psgame{
	font-size: 16px!important;
	line-height: 18px!important;
	text-align: left;
}
.persuasion_game_faq p.joboffer_vactxt2{
	font-size:17px!important;
	line-height: 26px!important;
}
.persuasion_game_faq .accordion_arrow2 {
    width: 13px!important;
    height: auto;
    transition: .3s ease all;
}
.persuasion_game_faq p.koptxt{
	color:#ffffff;
	font-size:22px;
	line-height: 26px;
	font-weight:800;
	margin-bottom:20px;
}
@media(min-width:767px){
	.persuasion_game_faq{
		padding-top: 70px;
		padding-bottom: 70px;
	}
	.persuasion_game_faq img.cards{
		width: 240px;
	    margin-top: 8px;
    	margin-left: 20px;
	}
}

@media(min-width:1200px){
	.persuasion_game_faq img.cards{
		width: 380px;
	    margin-top: 8px;
    	margin-left: 20px;
	}
	.persuasion_game_faq p.koptxt{
		margin-top:85px;
	}
}



.bgcards{
	background-image: url('../../images/persuasion_game/bgkaarten.png');
	height: 370px;
	background-position: top 80px left 25%;
    background-size: 1520px auto;
}
.bgcards p.koptxtcards{
	font-size:20px;
	line-height: 22px;
	font-weight:600;
	color:#41bbec;
	margin-bottom:25px;
}

.bgcards .persuasion_game_order_cta {
    background: url(../../images/icons/ico_cta_arrow_right.svg) right 40px center/14px 15px no-repeat, linear-gradient(to right, #47bbec 0%, #36a8d9 100%);
    padding-bottom: 18px;
    padding-top: 18px;
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 22px;
    text-decoration: none;
    font-weight: 700;
    width: 100%;
    max-width: 270px;
    text-align: center;
    color: #ffffff;
    border-radius: 10px;
    display: block;
    margin:0 auto;
}

@media(min-width:576px){
	.bgcards{
		height: 450px;
	    background-position: top 130px left 51%;
   		background-size: 1670px auto;
	}
}

@media(min-width:767px){
	.bgcards{
		height: 510px;
	    background-position: top 130px left 51%;
   		background-size: 2000px auto;
	}
	.topkop{
		padding-top:209px!important;
	}
}

@media(min-width:1200px){
	.bgcards{
		height: 510px;
	}
	.topkop{
		padding-top:209px!important;
	}
}




   .persuasion_game_toform p.gegevenstxt{
      font-size:32px;
      font-weight:800;
      margin-bottom:0px;
   }
.persuasion_game_toform p.subgegevenstxt{
	font-size:18px;
	font-weight:800;
	margin-bottom:0px;
	margin-top:25px;
}
.persuasion_game_toform .greybar{
	background-color:#f0f0f0;
	margin-left:15px;
	margin-right:15px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	margin-top:15px;
	width:100%;
}
   .persuasion_game_toform .blackbar{
      margin-left:0px;
      margin-right:0px;
      border-top-left-radius:0px;
      border-top-right-radius:13px;
       border-bottom-right-radius: 13px;
   }
.persuasion_game_toform .blackbar p.ordertxt{
	font-size:20px;
	color:#000000;
	font-weight:300;
	margin-bottom:20px;
	line-height: unset;
}
.persuasion_game_toform .blackbar p.gametxt{
	font-size:18px;
	color:#000000;
	font-weight:300;
	padding-bottom:5px;
    margin-bottom: 20px;
}
.persuasion_game_toform img.envelop{
	width: 21px;
	height: auto;
	display: inline-block;
}
.persuasion_game_toform p.factxt{
	font-size:15px;
	display: inline-block;
	font-weight:300;
	margin-bottom:0px;
	line-height: 0px;
}
.p-r{
	padding-right:0px;
}
   .persuasion_game_toform img.cardgame {
      width: 150px;
       right: 35px;
       position: unset;
       top:unset;
       right:unset;
       margin-bottom:25px;
   }

.persuasion_game_toform p.amounttxt{
	font-size:18px;
	color:#000000;
	display: inline-block;
	text-align: left;
	width: 65%;
	font-weight:300;
	margin-bottom:unset;
	line-height: 30px;
}
.persuasion_game_toform p.amountnumbertxt{
	font-size:18
	5px;
	color:#000000;
	display: inline-block;
	text-align: right;
	width: 33%;
	font-weight:300;
	margin-bottom:unset;
	line-height: 30px;
}

.persuasion_game_toform hr.amountline{
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid #43bbec;
}
.persuasion_game_toform .formblock p.nudge{
	font-size: 20px;
	color: #38ad14;
	font-weight: 700;
	max-width: 340px;
	width: 100%;
	text-align: center;
	margin:0;
}
.ctagame {
	font-size: 22px;
    line-height: 20px;
    color: #ffffff;
    font-weight: 700;
    border: 1px solid #ffffff;
    border-radius: 9px;
    text-decoration: none;
    padding-bottom: 18px;
    padding-top: 18px;
    padding-left: 25px;
    padding-right: 45px;
    display: inline-block;
    margin-top: 30px;
    transition: .3s ease all;
    width: 100%;
    background: url('../../images/icons/ico_cta_arrow_right.svg') right 40px center/18px 19px no-repeat, linear-gradient(to right, #47bbec 0%, #36a8d9 100%);
    margin-bottom:20px;
}
.ctagame:hover {
	background-color: #37a9da;
	background-position: right 35px center, 0;
}
.ctagame:visited, .cta:link {
	color: #ffffff;
	text-decoration: none;
	outline : 0;
}
.ctagame:focus {
	outline : 0;
}
.ctagame:active {
	transform: scale(0.9);
	outline : 0;
}
   .persuasion_game_toform .formblock .amountform input{
      margin: 0;
      padding:0;
      width: 60px;
      height: 50px;
      border: 1px solid #43bbec;
      border-radius: 2px;
      text-align: center;
      outline: none;
      -webkit-appearance: none;
      margin-right:10px;
   }
.persuasion_game_toform .formblock .amountform input::-webkit-inner-spin-button, 
.persuasion_game_toform .formblock .amountform input::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
.persuasion_game_toform .formblock .amountform span.plus, .persuasion_game_toform .formblock .amountform span.min{
      width: 50px;
      height: 50px;
	border-radius: 50px;
	position: relative;
	display: inline-block;
	background-color: #42bbec;
	color: #ffffff;
	font-size: 20px;
	font-weight: 900;
	text-align: center;
	vertical-align: middle;
	line-height: 50px;
	margin-left: 15px
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}
.persuasion_game_toform .formblock .amountform span.min.zero{
	background-color: #c8c8c8;
}
.persuasion_game_toform .formblock .amountform{
	left:80px;
	margin-bottom:20px;
}
   .persuasion_game_toform .leftblock{
      padding-bottom:35px;
   }

      .persuasion_game_toform .formblock .amountform span.plus, .persuasion_game_toform .formblock .amountform span.min{
      width: 50px;
      height: 50px;
      line-height: 50px;
      margin-left: 15px;
   }
   .h4top{
   	margin-top:65px;
   	margin-bottom:0px!important;
   }
   .facleft{
   	padding-left:15px;
   	padding-top:15px;
   	margin-bottom:60px;
   	width: 100%;
   }
   	.persuasion_game_toform .formblock_vacature{
    	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    	padding-left:15px;
    	padding-right:15px;
    	padding-top:50px;
    	padding-bottom:50px;
	}
@media(min-width:576px){
	.p-r{
		padding-right:15px;
	}
	.persuasion_game_toform .formblock{
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

	}
	.persuasion_game_toform .blackbar{
		margin-left:0px;
		margin-right:0px;
		border-top-left-radius:13px;
		border-top-right-radius:13px;
		padding-left:25px;
		padding-right:25px;
		padding-top:40px;
	}
	.persuasion_game_toform .leftblock{
		padding-left:20px;
		padding-right:20px;
		padding-bottom:35px;
	}
	.persuasion_game_toform img.cardgame {
	    right: 40px;
	}
	.persuasion_game_toform .formblock p.nudge {
	    width: 100%;
	    max-width: 360px;
	}
	.ctagame {
		margin-top: 0px;
	}
	.persuasion_game_toform .formblock .amountform{
		left:105px;
	}
   	.persuasion_game_toform .formblock_vacature{
    	padding-left:20px;
    	padding-right:20px;
	}
}
@media(min-width:767px){
   .h4top{
   	margin-top:0px;
   	margin-bottom:0px!important;
   }
   	.persuasion_game_toform .formblock{
        padding: 40px 20px 10px 0px;
	}
	.persuasion_game_toform .blackbar{
		padding-left: 5px;
		padding-right: 0px;
		padding-top:unset;
	}
	.persuasion_game_toform img.cardgame {
	    width: 250px;
	}
   	.persuasion_game_toform .formblock_vacature{
    	padding-left:50px;
    	padding-right:50px;
    	padding-bottom:0px;
	}
}

@media(min-width:992px){
   	.persuasion_game_toform{
   		padding-bottom:90px;
   	}
	.persuasion_game_toform .leftblock{
		padding-left:50px;
		padding-right:20px;
	}
	.persuasion_game_toform .blackbar{
		padding-left:30px;
		padding-right:30px;
	}
	.persuasion_game_toform p.amounttxt{
		font-size:18px;
	}
	.persuasion_game_toform p.amountnumbertxt{
		font-size:18px;
	}
	.ctagame {
	    max-width: 320px;
	    width: 100%;
	}
	.persuasion_game_toform .formblock p.nudge {
	    width: 355px;
	}
	.persuasion_game_toform .formblock .amountform{
	    margin-top: 15px;
    	margin-bottom: 30px;
	}
	.persuasion_game_toform .formblock {
	    padding: 40px 20px 10px 0px;
	}
	.persuasion_game_toform img.cardgame {
	    width: 313px;
	}
   	.persuasion_game_toform .formblock_vacature{
    	padding-left:75px;
    	padding-right:75px;
	}
}
@media(min-width:1200px){
   	.persuasion_game_toform{
   		padding-bottom:110px;
   	}
	.persuasion_game_toform .leftblock{
		padding-left:30px;
		padding-right:30px;
	}
	.persuasion_game_toform .blackbar{
		padding-left:40px;
		padding-right:40px;
	}
	.persuasion_game_toform img.cardgame {
		width: 308px;
	}
	.persuasion_game_toform .formblock {
	    padding: 60px 60px 20px 70px;
	}
	.persuasion_game_toform .formblock p.nudge {
	    width: 355px;
	}
   	.persuasion_game_toform .formblock_vacature{
    	padding-left:100px;
    	padding-right:100px;
	}
}

/*Start Fade-in en Fade-uit animaties*/
.fade-out{
    -webkit-animation: fadeOut 1s;
    animation: fadeOut 1s;
}
.fade-in{
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}
@keyframes fadeOut {
    0% {opacity: 1;left:0;}
    100% {opacity: 0;left:180px;}
}
@keyframes fadeIn {
    0% {opacity: 0;left:-180px;}
    100% {opacity: 1;left: 0;}
}
/*Eind Fade-in en Fade-uit animaties*/

/* ================== START CHECKBOX GAME ================== */
.form-checkbox_game{
	margin-top: 20px;
}
.form-checkbox_game input[type=checkbox] {
    visibility: hidden;
    width: 1px;
    position: absolute;
}
.form-checkbox_game .check-box {
 	width: 240px;
 	padding-left: 50px;
 	padding-bottom: 5px;
 	margin-bottom: 20px;
 	background-color: transparent;
 	position: relative;
 	display: inline-block;
 	background:url('../../images/persuasion_game/checkblock.png') no-repeat top left;
 	background-size:30px 30px;
 	font-size:17px;
 	line-height:30px;
 	margin-left:15px;
 	font-weight:300;
}
.form-checkbox_game .check-box::before, .check-box::after {
 	position: absolute;
 	height: 0;
 	width: 3px;
 	border-radius: 1px;
 	background-color: #3399FF;
 	display: inline-block;
 	-moz-transform-origin: left top;
 	-ms-transform-origin: left top;
 	-o-transform-origin: left top;
 	-webkit-transform-origin: left top;
 	transform-origin: left top; 	
 	content: ' ';
 	-webkit-transition: opacity ease .5;
 	-moz-transition: opacity ease .5;
 	transition: opacity ease .5;
}
.form-checkbox_game .check-box::before {
 	top: 24px;
 	left:10px;
 	box-shadow: 0 0 0 0px #ffffff;
 	-moz-transform: rotate(-135deg);
 	-ms-transform: rotate(-135deg);
 	-o-transform: rotate(-135deg);
 	-webkit-transform: rotate(-135deg);
 	transform: rotate(-135deg);
}
.form-checkbox_game .check-box::after {
 	top: 16px;
 	left: 2px;
 	-moz-transform: rotate(-45deg);
 	-ms-transform: rotate(-45deg);
 	-o-transform: rotate(-45deg);
 	-webkit-transform: rotate(-45deg);
 	transform: rotate(-45deg);
}
.form-checkbox_game input[type=checkbox]:checked + .check-box, .check-box.checked {
	border-color: #3399FF;
}
.form-checkbox_game input[type=checkbox]:checked + .check-box::after, .check-box.checked::after {
 	height: 12px;
 	-moz-animation: dothabottomcheck 0.2s ease 0s forwards;
 	-o-animation: dothabottomcheck 0.2s ease 0s forwards;
 	-webkit-animation: dothabottomcheck 0.2s ease 0s forwards;
 	animation: dothabottomcheck 0.2s ease 0s forwards;
}
.form-checkbox_game input[type=checkbox]:checked + .check-box::before, .check-box.checked::before {
 	height: 30px;
 	-moz-animation: dothatopcheck 0.4s ease 0s forwards;
 	-o-animation: dothatopcheck 0.4s ease 0s forwards;
 	-webkit-animation: dothatopcheck 0.4s ease 0s forwards;
 	animation: dothatopcheck 0.4s ease 0s forwards;
}
li.error {
 	color:#EB8283;
 	font-size:14px;
 	list-style-type:none;
}
li.valid {
 	height:0;
 	color:#EB8283;
 	font-size:11px;
 	list-style-type:none;
}
.adressconfirm.adresvink {
	background-color: #ffffff;
    border-radius: 2px;
    color: #38ad14;
    font-weight:700;
    float: left;
/*    padding: 10px 20px;*/
    margin-bottom: 5px;
    margin-top: 10px;
    left: 0;
/*    padding-left: 30px;*/
/*    margin-left: 15px;*/
}
.adressconfirm.adresvink:before {
    z-index: 999999;
    content: '';
/*    position: relative;
    background-image: url(https://site.nettrack.nl/campaign/topgear/cid7162/img/adres_vink.png);
    background-position: 0;
    background-size: 20px;*/
    width: 20px;
    background-repeat: no-repeat;
    left: -15px;
    top: 4px;
    display: inline-block;
    height: 20px;
}


.adressconfirm2.adresvink2 {
	background-color: #ffffff;
    border-radius: 2px;
    color: #38ad14;
    font-weight:700;
    float: left;
/*    padding: 10px 20px;*/
    margin-bottom: 5px;
    margin-top: 10px;
    left: 0;
/*    padding-left: 30px;*/
/*    margin-left: 15px;*/
}
.adressconfirm2.adresvink2:before {
    z-index: 999999;
    content: '';
/*    position: relative;
    background-image: url(https://site.nettrack.nl/campaign/topgear/cid7162/img/adres_vink.png);
    background-position: 0;
    background-size: 20px;*/
    width: 20px;
    background-repeat: no-repeat;
    left: -15px;
    top: 4px;
    display: inline-block;
    height: 20px;
}
@media(min-width:425px){
	.form-checkbox_game .check-box {
	 	width: 100%;
	}
}
/*Keyframes Checkbox*/
@-moz-keyframes dothabottomcheck {
	0% {height: 0;}
 	100% {height: 11px;}
}
@-webkit-keyframes dothabottomcheck {
	0% {height: 0;}
 	100% {height: 11px;}
}
@keyframes dothabottomcheck {
	0% {height: 0;}
 	100% {height: 11px;}
}
@keyframes dothatopcheck {
	0% {height: 0;}
 	50% {height: 0;}
 	100% {height: 24px;}
}
@-webkit-keyframes dothatopcheck {
	0% {height: 0;}
 	50% {height: 0;}
 	100% {height: 24px;}
}
@-moz-keyframes dothatopcheck {
	0% {height: 0;}
 	50% {height: 0;}
 	100% {height: 24px;}
}
/* ================== END CHECKBOX ================== */



.persuasion_game_toform p.thnxtxt {
    margin: 0;
    padding: 0;
    font-size: 17px;
    line-height: 26px;
    font-weight: 300;
    margin-top:15px;
}
@media(min-width:992px){
	.persuasion_game_toform p.thnxtxt {
	    font-size: 18px;
	    line-height: 32px;
	    font-weight: 300;
	}
}

/*GAME*/



/*AFFILIATE PORTAL*/
	.site_header_special{
	    height: 165px!important;
	    padding-top:65px!important;
	}
	.site_header_special .heading_special h1{
       padding-top: 0px!important;
		font-size: 26px;
		line-height: 32px;
	}
	.site_header_special .site__intro_gaze_special {
	    bottom: -90px!important;
	}	

@media(min-width:576px){
	.site_header_special{
	    height: 165px!important;
	    padding-top:unset!important;
	}
	.site_header_special .heading_special h1{
       padding-top: 60px!important;
   		font-size: 32px;
		line-height: 40px;
	}
	.site_header_special .site__intro_gaze_special {
	    bottom: -90px!important;
	}	
}
@media(min-width:768px){
	.site_header_special{
	    height: 255px!important;
	}
	.site_header_special .heading_special h1{
       padding-top: 110px!important;
		font-size: 45px;
		line-height: 51px;
	}
	.site_header_special .site__intro_gaze_special {
	    bottom: -115px!important;
	}	
}
@media(min-width:992px){
	.site_header_special .heading_special h1{
		font-size: 52px;
		line-height: 58px;
	}
}
/*AFFILIATE PORTAL*/

/*INTROTXT*/
.introtxt{
	padding-top: 60px;
}
.heightblog{
    height: 250px!important;
}

@media (min-width: 576px) {
	.heightblog{
	    height: 450px!important;
	}
}

@media (min-width: 768px) {
	.introtxt{
		padding-top: 40px;
	}
	.heightblog{
	    height: 430px!important;
	}
} 

@media (min-width: 992px) {
	.introtxt{
		padding-top: 15px;
	}
	.heightblog{
	    height: 560px!important;
	}
}

@media (min-width: 1200px) {
	.introtxt{
		padding-top: 0px;
	}
}
/*INTROTXT*/






/*NIEUWE WEBSITE*/

/* START GENERIEKE CSS, ALLEEN AANPASSEN IN OVERLEG MET FRONT-END */
h1{
    font-size: 34px;
    line-height: 34px;
	text-align: left;
	color: #000000;
	font-weight: 700;
	font-style: normal;
	padding-bottom:35px;
}
h2 {
	font-size: 30px;
	line-height: 30px;
	padding-bottom: 35px;
	padding-top:15px;
	color:#000000;
	font-weight:700;
}
h3{
	font-size:20px;
	line-height: 20px;
	padding-bottom:20px;
	font-weight:500;
}
h4{
	font-size:20px;
	line-height: 22px;
	font-weight:600;
	color:#000000;
	margin-bottom:30px!important;
}
h3.blueblock{
	font-size:20px;
	line-height: 20px;
	padding-bottom:20px;
	font-weight:500;
}
hr{
	border-bottom:1px solid #43bbec;
	margin-top: unset;
    margin-bottom: 25px;
}
hr.blueblock{
	border-bottom:1px solid #43bbec;
	margin-top: unset;
    margin-bottom: 25px;
}
hr.linewidth{
	width: 100%;
	}
p {
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 20px;
	font-weight:300;
}
a.ctablue{
	background-color: #43bbec;
	color:#ffffff!important;
	font-size:18px;
	font-weight:700;
	text-align: center;
	display: block;
    padding: 14px 0px 14px 0px;
    max-width: 100%;
    width: 100%;
    transition: background 0.3s ease;
}
a.ctablue:hover{
	background-color: #229ed1;
}
input.ctablue{
	background-color: #43bbec;
	color:#ffffff!important;
	font-size:18px;
	font-weight:700;
	text-align: center;
	display: block;
    padding: 14px 0px 14px 0px;
    width: 100%;
    border:unset;
    margin-bottom:10px;
    transition: background 0.3s ease;
}
input.ctablue:hover{
	background-color: #229ed1;
}
button.ctablue{
	background-color: #43bbec;
	color:#ffffff!important;
	font-size:18px;
	font-weight:700;
	text-align: center;
	display: block;
    padding: 14px 0px 14px 0px;
    max-width: 100%;
    width: 100%;
    border:0px;
    transition: background 0.3s ease;
}
button.ctablue:hover{
	background-color: #229ed1;
}
a{
	color:#40bbec!important;
	font-weight:600;
	text-decoration: none!important;
	font-size:18px;
}
div.blueblock{
	background-color: #40bbec;
	display: block;
	width: 60px;
	height: 40px;
	text-align: center;
	font-size:20px;
	font-weight:700;
	color:#ffffff;
	margin-bottom:20px;
}
div.blueblock span.txtblueblock{
	top:10px;
	position: relative;
}
div.blueblock img.iconblueblock{
    position: relative;
    width: 24px;
    top: -1px;
}

.medium{font-weight:500;}
.semibold {font-weight: 600;}
.bold {font-weight: 700;}
.extrabold {font-weight: 800;}
.black {font-weight: 800;}
.underline{text-decoration: underline;}
.italic{font-style: italic;}
.weighttxt{font-weight: 700;}

.newform{
	background-color: #f9fdff!important;
	border:unset!important;
	border-bottom: 1px solid #43bbec!important;
	box-shadow: unset!important;
	border-radius: unset!important;
	padding:25px 20px 10px 20px!important;
	margin-top:unset!important;
	height:55px!important;
	margin-bottom: 25px !important;
}
.labelnewform{
	color:#b6b6b6!important;
	font-weight:500!important;
	font-size:18px!important;
	top:5px!important;
	left:25px!important;
}
div.blueblockline{
    padding: 20px 45px;
    max-width: 100%;
    width: 100%;
    background-image: linear-gradient(to bottom, #da404d, #9d3e96 30%, #9d3e96 30%, #43bbec), linear-gradient(to right, yellow 5px, transparent 5px);
    background-position: left top, left top;
    background-size: 5px 100%, auto;
    background-repeat: no-repeat;
    background-color: #f9fdff;
}
div.blueblocklinesingle{
	background-color:#f9fdff; 
	padding: 20px 20px; 
	text-align: center;
	display: block;
	margin-top:20px;
	text-align: center;
}
span.counter{
	font-size:45px; 
	font-weight:500; 
	background: linear-gradient(to right, #da404d, #9d3e96 70%, #9d3e96 30%, #43bbec);
	background-size: 100%;
	background-repeat: repeat;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-moz-background-clip: text;
	-moz-text-fill-color: transparent;
	line-height: unset;
}
span.percent{
	font-size:45px; 
	font-weight:500; 
	background: linear-gradient(to right, #da404d, #9d3e96 70%, #9d3e96 30%, #43bbec);
	background-size: 100%;
	background-repeat: repeat;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-moz-background-clip: text;
	-moz-text-fill-color: transparent;
	line-height: unset;
}
div.txtcenter{
	text-align: center;
}
span.quote{
	color:#40bbec;
	font-size:80px;
	font-weight:700;
	line-height: 70px;
}
div.vacatureblock{
	max-width: unset;
	padding-top:50px;
	padding-bottom:50px;
	padding-left:15px;
	padding-right:15px;
    background-color: #f9fdff; /* Achtergrondkleur */
    background-image: linear-gradient(to right, #da404d, #9d3e96 30%, #9d3e96 30%, #43bbec); /* Lineaire gradiënt zonder gele lijn */
    background-position: left top;
    background-size: 100% 5px;
    background-repeat: no-repeat;
}
div.vacatureblockright{
    background-position: right top!important;
    padding-right:;
}
section.duoblock div.nopadduoblock{
	padding-left:0px;
	padding-right:0px;
}
section.duoblock div.nopadduoblockvac{
	padding-left:0px;
	padding-right:0px;
}
section.duoblock h2.padduoblock{
	padding-left:15px;
	padding-right:15px;
}
section.duoblock p.padduoblock{
	padding-left:15px;
	padding-right:15px;
}
section.duoblock div.marginduoblock{
	margin-bottom:40px;
	margin-top:-30px;
}
section.duoblock div.vacaturepicture{
	back
}
ul.vinkblue{
	font-size:18px; 
	line-height: 28px; 
	font-weight:300;
	list-style: none;
	padding-inline-start: 0px;
	margin-top:30px;
}
ul li.vinkblue{
	background: url(../../images/icons/ico_vinkje_blauw.svg);
	background-size: 18px 14px;
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding-inline-start:35px;
}
section.pbottomvac{
	padding-bottom:85px;
}
div.blogblock{
	margin-bottom:55px;
}
div.blogblockbottom{
	margin-bottom:55px;
}
.pointermob{cursor:pointer;}

@media (min-width: 400px){
	button.ctablue{
	    max-width: 325px;
	}
	a.ctablue{
	    max-width: 325px;
	}
	input.ctablue{
		max-width: 325px;
	}
}

@media (min-width: 576px) {
	section.duoblock div.nopadduoblock{
		padding-left:15px;
		padding-right:15px;
	}
	section.duoblock h2.padduoblock{
		padding-left:0px;
		padding-right:0px;
	}
	section.duoblock p.padduoblock{
		padding-left:0px;
		padding-right:0px;
	}
	section.duoblock div.nopadduoblockvac{
		padding-left:15px;
		padding-right:15px;
	}
	hr.linewidth{
		width: 100%;
		float:left;
	}
	div.blueblocklinetxt{
		max-width: 100%!important;
	}
}

@media (min-width: 768px) {
	h3.blueblock{
		padding-bottom:17px; 
		margin-left:80px; 
		position: relative; 
		margin-top:10px;
	}
	div.blueblock{
		display: inline-block;
		position: absolute; 
		height: 42px; 
		left:-80px; 
		top:-10px;
	}
	hr.blueblock{
		margin-bottom: 25px; 
		margin-top:-7px;
	}	
	section.duoblock div.marginduoblock{
		margin-top:0px;
	}
	div.vacatureblock{
		background-image: linear-gradient(to bottom, #da404d, #9d3e96 30%, #9d3e96 30%, #43bbec), linear-gradient(to right, yellow 5px, transparent 5px);
    	background-position: left top, left top;
    	background-size: 5px 100%, auto;
    	background-repeat: no-repeat;
    	background-color: #f9fdff;
    	padding-left:35px;
    	padding-right:35px;
    	padding-top:40px;
    	padding-bottom:40px;
	}
	div.vacatureblockright{
    	background-image: linear-gradient(to bottom, #da404d, #9d3e96 30%, #9d3e96 30%, #43bbec), linear-gradient(to left, yellow 5px, transparent 5px);
    	background-position: right top, right top!important;
	}
	section.duoblock div.vacright{
		padding-right:0px;
	}
	section.duoblock div.vacleft{
		padding-left:0px;
	}
	section.pbottomvac{
		padding-bottom:55px;
	}
	hr.linewidth{
		width: 60%;
	}
	div.blueblockline{max-width: 470px;}
	div.blogblockbottom{
		margin-bottom:unset;
	}
	div.txtcenter{
		text-align: left;
	}
	span.counter{
		font-size:60px;
	}
	span.percent{
		font-size:60px; 
	} 
	.pointermob{cursor:unset;}
}

@media (min-width: 992px) {
	h1{font-size:42px;line-height:42px;}	
	h2 {font-size: 35px;line-height: 35px;}	
	h3{font-size:24px;line-height: 24px;padding-bottom:17px;}
	h4{font-size:22px;line-height: 22px;}
	h3.blueblock{font-size:24px;line-height: 24px;padding-bottom:20px; margin-left:90px;margin-top:7px;}
	div.blueblock{left:-90px; height: 46px; width: 65px;top:-10px;}
	p {font-size: 20px;line-height: 32px;}
	a{font-size:20px;}
	hr{margin-bottom: 27px;}
	hr.blueblock{margin-top:-10px;}	
	ul.vinkblue{font-size:20px; line-height: 32px;}
	ul li.vinkblue{background-position: 0px 10px; padding-inline-start:40px;}
	div.vacatureblock{padding-left:70px;padding-right:0px;}
	div.blogblock{padding-left:70px;padding-right:70px;}
	div.blogblockbottom{padding-right:70px;}
	hr.linewidth{width: 60%;}
	a.ctabluefloat{float:right;}
	p.textnomargin{display: inline-block; margin-bottom:unset; line-height: 32px;}
	p.textnomargin_oneline{position: relative; display: inline-block; margin-bottom:24px; top:11px;}
	span.quote{font-size:120px;line-height: 100px;}
}
@media (min-width: 1200px) {
	h1{font-size:52px;line-height:52px;}
	h2 {font-size: 40px;line-height: 44px;}	
	h3{font-size:28px;line-height: 28px;padding-bottom:15px;}
	h4{font-size:24px;line-height: 24px;margin-bottom:35px!important;}
	h3.blueblock{font-size:28px;line-height: 28px;padding-bottom:25px;padding-top:2px; margin-top:0px; margin-left:105px;}
	div.blueblock{left:-90px; height: 55px; width: 75px;top:-10px;padding-top:5px;left:-105px;}
	div.blueblock span.txtblueblock{top:8px;font-size:27px;}
	hr{margin-bottom: 30px;}
	hr.blueblock{margin-top:-12px;}
	hr.linewidth{width: 50%;}
	div.blueblock img.iconblueblock {width: 28px;top: -1px;}
	div.blueblock img.specialicon {width: 34px;}
}
/* START GENERIEKE CSS, ALLEEN AANPASSEN IN OVERLEG MET FRONT-END */


/*WEBSITE*/
header{
    background-color: #ffffff;
    background-image: url(../../images/headerdesk/home.png);
    background-repeat: no-repeat;
    background-position: top 240px right;
    height: 553px;
    padding-top: 115px;
    background-size: 830px auto;
    margin-bottom: 20px;
    margin-top:-70px!important;
}
header.smallhead{
	background-color: #ffffff;
	background-image: url('../../images/HOMEPAGE/headerdesksmall.png');
	background-repeat: no-repeat;
	background-position: top right;
	background-position: top 140px right;
    height: 385px;
    padding-top: 115px;
    background-size: 830px auto;
    margin-bottom:20px;
}
header.bgcontact{
	background-image: url('../../images/headerdesk/contact.jpg')!important;
    background-position: top 140px right;
    height: 385px;
    padding-top: 115px;
    background-size: 830px auto;
    margin-bottom:20px;
}
header.aipilot{
	background-image: url('../../images/headerdesk/aipilot.png')!important;
    background-position: top 140px right;
    height: 385px;
    padding-top: 115px;
    background-size: 830px auto;
    margin-bottom:20px;
}
header.aicontact{
	background-image: url('../../images/ai/aicontact.png')!important;
    background-position: top 140px right;
    height: 385px;
    padding-top: 115px;
    background-size: 830px auto;
    margin-bottom:20px;
}
header.lgn{
	background-image: url('../../images/headerdesk/lgn.jpg')!important;
    background-position: top 140px right;
    height: 385px;
    padding-top: 115px;
    background-size: 830px auto;
    margin-bottom:20px;
}
header.coffee{
	background-image: url('../../images/headerdesk/coffee.jpg')!important;
    background-position: top 140px right;
    height: 385px;
    padding-top: 115px;
    background-size: 830px auto;
    margin-bottom:20px;
}
header.abonneewerving{
	background-image: url('../../images/headerdesk/abonneewerving.jpg')!important;
    background-position: top 140px right;
    height: 385px;
    padding-top: 115px;
    background-size: 830px auto;
    margin-bottom:20px;
}
header.affiliatebereik{
	background-image: url('../../images/headerdesk/affiliatebereik.jpg')!important;
    background-position: top 140px right;
    height: 385px;
    padding-top: 115px;
    background-size: 830px auto;
    margin-bottom:20px;
}
header.blogoverzicht{
	background-image: url('../../images/headerdesk/blogoverzicht.jpg')!important;
    background-position: top 140px right;
    height: 385px;
    padding-top: 115px;
    background-size: 830px auto;
    margin-bottom:20px;
}
header.checkoutbereik{
	background-image: url('../../images/headerdesk/checkoutbereik.jpg')!important;
    background-position: top 140px right;
    height: 385px;
    padding-top: 115px;
    background-size: 830px auto;
    margin-bottom:20px;
}
header.checkoutmarketing{
	background-image: url('../../images/headerdesk/checkoutmarketing.jpg')!important;
    background-position: top 140px right;
    height: 385px;
    padding-top: 115px;
    background-size: 830px auto;
    margin-bottom:20px;
}
header.conversieoptimalisatie{
	background-image: url('../../images/headerdesk/conversieoptimalisatie.jpg')!important;
    background-position: top 140px right;
    height: 385px;
    padding-top: 115px;
    background-size: 830px auto;
    margin-bottom:20px;
}
header.designer{
	background-image: url('../../images/headerdesk/designer.jpg')!important;
    background-position: top 140px right;
    height: 385px;
    padding-top: 115px;
    background-size: 830px auto;
    margin-bottom:20px;
}
header.emailbereik{
	background-image: url('../../images/headerdesk/emailbereik.jpg')!important;
    background-position: top 140px right;
    height: 385px;
    padding-top: 115px;
    background-size: 830px auto;
    margin-bottom:20px;
}
header.frontend{
	background-image: url('../../images/headerdesk/frontend.jpg')!important;
    background-position: top 140px right;
    height: 385px;
    padding-top: 115px;
    background-size: 830px auto;
    margin-bottom:20px;
}
header.stagiair{
	background-image: url('../../images/headerdesk/stagiair.jpg')!important;
    background-position: top 140px right;
    height: 385px;
    padding-top: 115px;
    background-size: 830px auto;
    margin-bottom:20px;
}
header.leadwerving{
	background-image: url('../../images/headerdesk/leadwerving.jpg')!important;
    background-position: top 140px right;
    height: 385px;
    padding-top: 115px;
    background-size: 830px auto;
    margin-bottom:20px;
}
header.onlinebereik{
	background-image: url('../../images/headerdesk/onlinebereik.jpg')!important;
    background-position: top 140px right;
    height: 385px;
    padding-top: 115px;
    background-size: 830px auto;
    margin-bottom:20px;
}
header.publisher{
	background-image: url('../../images/headerdesk/publisher.jpg')!important;
    background-position: top 140px right;
    height: 385px;
    padding-top: 115px;
    background-size: 830px auto;
    margin-bottom:20px;
}
header.searchengine{
	background-image: url('../../images/headerdesk/searchengine.jpg')!important;
    background-position: top 140px right;
    height: 385px;
    padding-top: 115px;
    background-size: 830px auto;
    margin-bottom:20px;
}
header.vacatureoverzicht{
	background-image: url('../../images/headerdesk/vacatureoverzicht.jpg')!important;
    background-position: top 140px right;
    height: 385px;
    padding-top: 115px;
    background-size: 830px auto;
    margin-bottom:20px;
}
header.watwijdoen{
	background-image: url('../../images/headerdesk/watwijdoen.jpg')!important;
    background-position: top 140px right;
    height: 385px;
    padding-top: 115px;
    background-size: 830px auto;
    margin-bottom:20px;
}
header.aivac{
	background-image: url('../../images/headerdesk/ai.png')!important;
    background-position: top 140px right;
    height: 385px;
    padding-top: 115px;
    background-size: 830px auto;
    margin-bottom:20px;
}
header.werkwijze{
	background-image: url('../../images/headerdesk/werkwijze.jpg')!important;
    background-position: top 140px right;
    height: 385px;
    padding-top: 115px;
    background-size: 830px auto;
    margin-bottom:20px;
}
header.case1{
	background-image: url('../../images/headerdesk/fiets1.jpg')!important;
    background-position: top 140px right;
    height: 385px;
    padding-top: 115px;
    background-size: 830px auto;
    margin-bottom:20px;
}
header.case2{
	background-image: url('../../images/headerdesk/oranje.jpg')!important;
    background-position: top 140px right;
    height: 385px;
    padding-top: 115px;
    background-size: 830px auto;
    margin-bottom:20px;
}
header.case3{
	background-image: url('../../images/headerdesk/casino.jpg')!important;
    background-position: top 140px right;
    height: 385px;
    padding-top: 115px;
    background-size: 830px auto;
    margin-bottom:20px;
}
header.case4{
	background-image: url('../../images/headerdesk/toyota.jpg')!important;
    background-position: top 140px right;
    height: 385px;
    padding-top: 115px;
    background-size: 830px auto;
    margin-bottom:20px;
}
header.case5{
	background-image: url('../../images/headerdesk/fiets2.jpg')!important;
    background-position: top 140px right;
    height: 385px;
    padding-top: 115px;
    background-size: 830px auto;
    margin-bottom:20px;
}
header.case6{
	background-image: url('../../images/headerdesk/ad.jpg')!important;
    background-position: top 140px right;
    height: 385px;
    padding-top: 115px;
    background-size: 830px auto;
    margin-bottom:20px;
}
header.case7{
	background-image: url('../../images/headerdesk/kia.jpg')!important;
    background-position: top 140px right;
    height: 385px;
    padding-top: 115px;
    background-size: 830px auto;
    margin-bottom:20px;
}
header.case8{
	background-image: url('../../images/headerdesk/kiosk.jpg')!important;
    background-position: top 140px right;
    height: 385px;
    padding-top: 115px;
    background-size: 830px auto;
    margin-bottom:20px;
}
header.case9{
	background-image: url('../../images/headerdesk/engie.jpg')!important;
    background-position: top 140px right;
    height: 385px;
    padding-top: 115px;
    background-size: 830px auto;
    margin-bottom:20px;
}
header.case10{
	background-image: url('../../images/headerdesk/engietm.png')!important;
    background-position: top 140px right;
    height: 385px;
    padding-top: 115px;
    background-size: 830px auto;
    margin-bottom:20px;
}
header.case11{
	background-image: url('../../images/headerdesk/migratie.png')!important;
    background-position: top 140px right;
    height: 385px;
    padding-top: 115px;
    background-size: 830px auto;
    margin-bottom:20px;
}
header.case12{
	background-image: url('../../images/headerdesk/randstad.jpg')!important;
    background-position: top 140px right;
    height: 385px;
    padding-top: 115px;
    background-size: 830px auto;
    margin-bottom:20px;
}
header.emailmarketing{
	background-image: url('../../images/headerdesk/emailmarketing.jpg')!important;
    background-position: top 140px right;
    height: 385px;
    padding-top: 115px;
    background-size: 830px auto;
    margin-bottom:20px;
}
header.marketingautomation{
	background-image: url('../../images/headerdesk/marketingautomation.jpg')!important;
    background-position: top 140px right;
    height: 385px;
    padding-top: 115px;
    background-size: 830px auto;
    margin-bottom:20px;
}
header.aifamilie{
	background-image: url('../../images/bladenai/aifamilie.png')!important;
    background-position: top 140px right;
    height: 385px;
    padding-top: 115px;
    background-size: 830px auto;
    margin-bottom:20px;
}
header.affiliatemarketing{
	background-image: url('../../images/headerdesk/affiliatemarketing.jpg')!important;
    background-position: top 140px right;
    height: 385px;
    padding-top: 115px;
    background-size: 830px auto;
    margin-bottom:20px;
}
header.ps{
	background-image: url('../../images/headerdesk/ps.jpg')!important;
    background-position: top 140px right;
    height: 385px;
    padding-top: 115px;
    background-size: 830px auto;
    margin-bottom:20px;
}
header.checkoutone{
	background-image: url('../../images/headerdesk/checkoutone.jpg')!important;
    background-position: top 140px right;
    height: 385px;
    padding-top: 115px;
    background-size: 830px auto;
    margin-bottom:20px;
}
header.caseoverzicht{
	background-image: url('../../images/headerdesk/caseoverzicht.jpg')!important;
    background-position: top 140px right;
    height: 385px;
    padding-top: 115px;
    background-size: 830px auto;
    margin-bottom:20px;
}
header.midjourney{
	background-image: url('../../images/headerdesk/midjourney.jpg')!important;
    background-position: top 140px right;
    height: 385px;
    padding-top: 115px;
    background-size: 830px auto;
    margin-bottom:20px;
}
header.showcase{
	background-image: url('../../images/showcase/showcaseoverzicht.jpg')!important;
    background-position: top 140px right;
    height: 385px;
    padding-top: 115px;
    background-size: 830px auto;
    margin-bottom:20px;
}
header.showcasetopgear{
	background-image: url('../../images/showcase/topgearshow.jpg')!important;
    background-position: top 140px right;
    height: 385px;
    padding-top: 115px;
    background-size: 830px auto;
    margin-bottom:20px;
}
header.showcasemazda{
	background-image: url('../../images/showcase/mazdashow.jpg')!important;
    background-position: top 140px right;
    height: 385px;
    padding-top: 115px;
    background-size: 830px auto;
    margin-bottom:20px;
}
header.showcaseengie{
	background-image: url('../../images/showcase/engieshow.jpg')!important;
    background-position: top 140px right;
    height: 385px;
    padding-top: 115px;
    background-size: 830px auto;
    margin-bottom:20px;
}
header.showcastoyota{
	background-image: url('../../images/showcase/toyotashow.jpg')!important;
    background-position: top 140px right;
    height: 385px;
    padding-top: 115px;
    background-size: 830px auto;
    margin-bottom:20px;
}
header.showcaselegpuzzel{
	background-image: url('../../images/showcase/legpuzzelshow.jpg')!important;
    background-position: top 140px right;
    height: 385px;
    padding-top: 115px;
    background-size: 830px auto;
    margin-bottom:20px;
}
header.showcasecasino{
	background-image: url('../../images/showcase/casinoshow.jpg')!important;
    background-position: top 140px right;
    height: 385px;
    padding-top: 115px;
    background-size: 830px auto;
    margin-bottom:20px;
}
header.showcasetros{
	background-image: url('../../images/showcase/trosshow.jpg')!important;
    background-position: top 140px right;
    height: 385px;
    padding-top: 115px;
    background-size: 830px auto;
    margin-bottom:20px;
}
header.showcasekiosk{
	background-image: url('../../images/showcase/kioskshow.jpg')!important;
    background-position: top 140px right;
    height: 385px;
    padding-top: 115px;
    background-size: 830px auto;
    margin-bottom:20px;
}
header.showcaseoranje{
	background-image: url('../../images/showcase/oranjeshow.jpg')!important;
    background-position: top 140px right;
    height: 385px;
    padding-top: 115px;
    background-size: 830px auto;
    margin-bottom:20px;
}
header.showcasekenteken{
	background-image: url('../../images/showcase/kentekenshow.jpg')!important;
    background-position: top 140px right;
    height: 385px;
    padding-top: 115px;
    background-size: 830px auto;
    margin-bottom:20px;
}
header.showcasekrantenvinder{
	background-image: url('../../images/showcase/krantenvindershow.jpg')!important;
    background-position: top 140px right;
    height: 385px;
    padding-top: 115px;
    background-size: 830px auto;
    margin-bottom:20px;
}
header.wervingstart{
	background-image: url('../../images/headerdesk/werving.png')!important;
    background-position: top 140px right;
    height: 385px;
    padding-top: 115px;
    background-size: 830px auto;
    margin-bottom:20px;
}

header.ai{
	background-image: url('../../images/ai/aidesk.jpg')!important;
    background-position: top 140px right;
    height: 385px;
    padding-top: 115px;
    background-size: 830px auto;
    margin-bottom:20px;
}
header.aiform{
	background-image: url('../../images/ai/aideskform.png')!important;
    background-position: top 140px right;
    height: 385px;
    padding-top: 115px;
    background-size: 830px auto;
    margin-bottom:20px;
}
section.homepage_intro div.colorline{
	display: block;
	max-width: 80px;
	height: 6px;
	background: linear-gradient(to right, #da404d, #9d3e96 40%, #43bbec);
    margin-top:-15px;
    margin-bottom:25px;
}
section.homepage_services_skew{
	background:#fbfbfb;
	transform: skewY(3deg);
	margin-top:40px;
	height: 60px;
}
section.homepage_services{
	background-color: #fbfbfb;
	margin-top:-42px;
	padding-bottom:40px;
}
section.homepage_services div.serviceblock{
	margin-bottom:30px;
}
section.homepage_companies{
	padding-top:40px;
}
.carousel-control-prev,
.carousel-control-next {
	display: none; /* Verberg de navigatieknoppen */
}
.carousel-item img {
	width: 100%;
	height: auto;
}
/* Pas de duur van de carousel-overgangen aan */
	.carousel-inner .carousel-item {
    transition: transform 12s ease-in-out, -webkit-transform 12s ease-in-out;
    height: 85px;
}

img.logodpg{
	height: 45px;
	margin-left:30px;
}
img.logohc{height: 35px; margin-top:10px;}
img.logomax{height: 35px; margin-top:10px;}
img.logooranje{height: 39px;margin-left: 10px;margin-top: 9px;}
img.logomazda{margin-top:-16px; width: 117px;}
img.logofv{height: 50px; margin-top:3px;}
img.logor{height:25px; margin-top:15px; margin-left:15px;}
img.logomamas{height: 50px; margin-top:10px;}
img.logotelegraaf{height: 25px; margin-top:20px; margin-left:5px;}
img.logoporsche{height: 40px; width: unset;}
img.logorand{margin-left: -10px;height: 22px;margin-top: 21px; width: unset;}
img.logocentraal{height: 80px; margin-top:-15px; width: unset;}
p.colornumber{
	display: inline-block; 
	font-size:50px; 
	position: absolute; 
	font-weight:500; 
	top:5px;
	background: linear-gradient(to right, #da404d, #9d3e96 70%, #9d3e96 30%, #43bbec);
	background-size: 100%;
	background-repeat: repeat;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-moz-background-clip: text;
	-moz-text-fill-color: transparent;
	line-height: unset;
}
.nopad2{border-bottom:1px solid #43bbec; background-color:#f9fdff; padding-left:0px;
padding-right:0px;}
section.contactbottom{
	background-image: url('../../images/headerdesk/contact_mob.jpg');
	background-position: right center;
    height: 400px;
    background-repeat: no-repeat;
    background-position: top -20px right -60px;
    background-size: 700px;
    margin-top:50px;
}
section.menutop{
	padding-top:20px;
	padding-bottom:20px;
	top: 0;
    width: 100%;
    position: fixed;
    z-index: 99999;
    transition: .4s ease all;
}
img.site_logo{
	width:75px;
}
img.site_logo_top{
	width:75px;
}
.site__logotext{
    position: absolute;
    color: #000000;
    font-size: 14px;
    display: block;
    transition: .3s ease all;
    margin: 0;
    left: 100px;
    top: 0px;
    letter-spacing: 1px;
}
.site__logotext:nth-child(3){
	top: 15px;
}
.site__logotext:nth-child(2){
	top: 30px;
}
section.newsletter_bar{padding-top:10px;}
section.newsletter_bar a.paddingbottomlogo{padding-top:48px;}
.site__logotextfooter{
	top:10px;
    position: absolute;
    color: #000000;
    font-size: 14px;
    display: block;
    transition: .3s ease all;
    margin: 0;
    left: 100px;
    top: 47px;
    letter-spacing: 1px;
}
.site__logotextfooter:nth-child(3){top: 63px;}
.site__logotextfooter:nth-child(2){top: 78px;}
.mb-10{margin-bottom:10px;}
.f18{font-size:18px;}
a.footerlink{color:#000000!important; font-weight:300; font-size:18px; width: 100%; display: block;}
a.footerlink:hover{font-weight:600; color:#43bbec!important; font-size:17px!important; letter-spacing: 0.2px;}
section.newsletterfooter p.stylemob{border-bottom:1px solid #43bbec; padding-bottom:10px;}
section.newsletterfooter img.arrowfooter{height: 5px;width: auto;transform: rotate(90deg); float:right; margin-top:12px;}
section.newsletterfooter img.iconlinkedin{height: 30px; margin-top:5px;}
section.newsletterfooter img.logosbottom{position: absolute; width: 600px; top:10px; top:85px; left:17px;}
section.menutop a.contactbutton {
    background-color: #43bbec;
    color: #ffffff !important;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    display: block;
    padding: 11px 0;
    max-width: 100%;
    width: 100%; 
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 0;
    margin-top: 35px;
    transition: background 0.3s ease;
}
section.menutop a.contactbutton:hover {
    background-color: #229ed1;
}
a.menulink{color:#000000!important; font-weight:600; font-size:18px; width: 100%; display: block; text-decoration: none!important;}
a.menulink:hover{text-decoration: none!important; color:#43bbec!important;}
a.menulinkarrow{
	color:#000000!important; 
	font-weight:300; 
	font-size:18px; 
	width: 100%; 
	display: block; 
	text-decoration: none!important; 
	background-image: url('../../images/HOMEPAGE/arrowright.png'); 
	background-repeat: no-repeat;
	background-size:5px 8px;
	background-position: center right 20px;
}
a.menulinkarrow:hover{
 	color:#43bbec!important;
 	background-position: center right 10px;
 	transition: .4s ease all;
 	font-weight:600;
}
section.menutop img.hamburger{width: 35px; z-index:100; margin:0 auto; position: relative; top:11px;}
section.menutop div.hamburger{background-color:#43bbec; position: absolute; top:2px; right:15px; z-index:100; width: 56px; height: 47px;}
section.menutop ul li.menuitem{
	font-size:18px; 
	display: block; 
	width: 100%;
	background-image: url('../../images/HOMEPAGE/arrowright.png'); 
	background-repeat: no-repeat;
	background-size:5px 8px;
	background-position: center right 20px;
}
.nav-link{border-bottom:1px solid #91dcfa!important; padding-left:0px;}
section.content img.locatie{
	width: 34px;
	display: inline-block;
}
section.content img.phone{
	width: 45px;
	display: inline-block;
}
section.content img.social{
	width: 47px;
	display: inline-block;
}
section.content p.contact{
    display: inline-block;
    position: relative;
    top: 20px;
    left: 35px;
}
section.content p.phone{
    left: 25px;
}
section.site_case__accordion h4.pubtop{
	margin-top:-10px;
	text-align: left;
}
section.site_case__accordion h4.pubtopnormal{
	text-align: left;
}
section.duoblock div.vacaturepicture{
	background-image: url('../../images/VACATURE/vacaturepic.png');
	background-position: center center;
	height: 280px;
}
section.duoblock div.blogpicture{
	background-image: url('../../images/blogalgemeen/blogpicture.png');
	background-position: center center;
	height: 200px;
}
section.contentblock div.caseblockimg{
	height: 240px;
	background-image: linear-gradient(to bottom, rgba(255, 255, 0, 0) 140px, rgba(0, 204, 196, 1)), url('../../images/cases/bg_case_01.png');
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	padding:15px;
	position: relative;
	margin-bottom:30px;
    transition: all 0.3s ease;
    background-size: 100%;
}
section.contentblock div.caseblockimg:hover{
	background-size: 115%;
    transition: all 0.3s ease;
}
section.contentblock a.hovercases:hover{
	background-size: 115%;
    transition: all 0.3s ease;
}
section.contentblock img.logobg{
	width: auto;
	height: 28px;
	position: absolute;
	bottom:15px;
}
section.contentblock h4.padcase{
	padding-left:15px;
	padding-right:15px;
	margin-bottom:20px!important;
}
section.contentblock p.padcase{
	padding-left:15px;
	padding-right:15px;
}
section.contentregular ul.colorlist{
	list-style: none;
	padding-inline-start: 0px;
}
section.contentregular p.padddingcolornumber{
	padding-right:40px;
}
section.contentregular p.padleftone{
	padding-left:85px;
}
section.contentregular div.nopadcheckout{
	padding-left:0px;
}
section.contentregular img.devicescheckout{
	max-width: 300px;
	width: 100%;
	height: auto;
}
header.lgn div.ribbonlgn{
	display: block;
	background-color:#ffe800;
	text-align: center;
	padding:0px 12px 0px 12px;
	max-width: 105px;
	width: 100%;
	font-size:22px;
	position: absolute;
	top:-3px;
}
header.lgn img.packshot{
	position: absolute;
	width: 220px;
	right:15px;
	top:17px;
}
section.contentregular ul.widthul{
	width: 100%;
}
section.contentregular img.ipadpack{
	max-width: 150px;
	width: 100%;
	display: block;
	margin:0 auto;
}
section.methodblock div.methodblueblock{
	background-color: #f8fcff;
	padding-left:15px;
	padding-right:15px;
	padding-top:48px;
	padding-bottom: 48px;
	text-align: center;
}
section.methodblock div.methodblueblock p.methodblueblocknumber{
	display: inline-block!important;
    font-size: 50px;
    font-weight: 500;
background: linear-gradient(to right, #da404d, #9d3e96 40%, #43bbec);
    background-size: 100%;
    background-repeat: repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    line-height: 35px;
    margin-bottom:unset;
    position: relative;
    top:4px;
    margin-right:35px;
}
section.methodblock div.methodblueblock p.methodblueblocktxt{
	font-size:20px;
	display: inline-block;
	position: relative;
	top:-7px;
	color:#000000;
	font-weight: 500;
	margin-bottom:unset;
}
section.methodblock div.methodline{
	background-image: linear-gradient(to right, #ef4135, #9d3f97 70%, #9d3f97);
	height: 5px;
	margin-top:20px;
	margin-bottom:20px;
}
section.methodblock div.methodlinetwo{
    background-image: linear-gradient(to right, #9b4099, #01adee 70%, #01adee);
	height: 5px;
	margin-top:20px;
	margin-bottom:20px;
}
section.methodblock div.methodline div.methodlinearrowblock{
	background-color: #ffffff;
	display: block; 
	width: 60px;
	margin:0 auto;
}

section.methodblock div.methodline div.methodlinearrowblock img.methodlinearrow{
	width: 12px;
	transform: rotate(180deg);
	margin:0 auto;
	display: block;
}
section.methodblock div.nopad{
	padding-left: unset;
	padding-right:unset;
}

section.homepage_services div.werkwijzepad p.werkwijzeline{
	border-bottom:1px solid black;
}
 img.werkpijzepijl{
	top:20px!important;
}
div.flexnot{
	display: block;
}
p.thnxblock{
	background-color: #f9fdff !important;
    border: unset !important;
    box-shadow: unset !important;
    border-radius: unset !important;
    padding: 12px 20px 10px 20px !important;
    margin-top: unset !important;
    margin-bottom: 25px !important;
    width: 100%!important;
    font-size:18px!important;
    border-bottom: 1px solid #43bbec !important;
    text-align: center;
}
section.site_case__accordion img.personimg{
	width: 100%;
	height: auto;
	display: inline-block;
}
section.site_case__accordion h4.aimleft{
	padding-left:0px!important;
	margin-bottom:unset!important;
	padding-top:30px!important;
}
section.site_case__accordion div.widthaiblock{
	width: 100%;
}
section.site_case__accordion img.aiarrow1{
	top:-3px!important;
}
section.site_case__accordion img.aiarrow2{
	top:-33px!important;
}
section.site_case__accordion img.aiarrow3{
	top:-18px!important;
}
section.site_case__accordion img.aiarrow4{
	top:-3px!important;
}
section.site_case__accordion img.imgaiblock{
	max-width: 360px;
	width: 100%;
	display: block;
	margin:0 auto;
	margin-bottom:40px;
	margin-top:15px;
}

@media (min-width: 470px) {
	p.thnxblock{
	    text-align: left;
	}
}
@media (min-width: 576px) {
	section.homepage_services_skew{
		height: 70px;
	}
	section.homepage_services{
		margin-top:-50px;
	}
	img.logomamas{height: 30px; margin-top:15px;}
	img.logotelegraaf{height: 35px; margin-top:13px; margin-left:6px;}
	.nopad{padding-left:0px!important; padding-right:0px!important;}
	.nopad2{padding-left:0px; padding-right:0px;}
	section.menutop ul li.menuitem{width: 510px;}
	.nav-link{padding: .5rem 0px;}
	section.contentblock h4.padcase{padding-left:0px;padding-right:0px;}
	section.contentblock p.padcase{padding-left:0px;padding-right:0px;}
	section.contentregular div.nopadcheckout{padding-left:15px; margin-left:-30px;}
	section.contentregular ul.widthul{
		width: 435px;
		display: block;
		margin:0 auto;
	}
	section.contentregular img.ipadpack{
		max-width: 210px;
	}
	section.methodblock div.methodblueblock{
		padding-left:15px;
		padding-right:15px;
	}
	section.methodblock div.nopad{
		padding-left: 15px!important;
		padding-right:15px!important;
	}
	section.methodblock div.methodblueblock{
		border-radius: 25px;
		padding-bottom: 38px;
	}
	section.methodblock div.methodblueblock p.methodblueblocknumber{
		display: block;
	}
	 img.werkpijzepijl{
		top:-5px!important;
	}
	header{
		background-color: #ffffff;
        background-image: url(../../images/headerdesk/home.png);
        background-repeat: no-repeat;
        background-position: top 100px right;
        height: 415px;
        padding-top: 115px;
        background-size: 840px;
	}
	section.contactbottom{
		background-image: url('../../images/HOMEPAGE/contactdesk.jpg');
		background-position: right center;
		height: 280px;
	    padding-top: 35px;
	    margin-top: 65px;
        background-repeat: no-repeat;
        background-position: top -50px right -90px;
        background-size: auto;
	}
	section.site_case__accordion img.aiarrow2{
		top:-21px!important;
	}
	img.logoporsche{margin-left:33px;}
	img.logorand{margin-left: 18px;}
	img.logocentraal{margin-left:35px;}
}

@media (min-width: 768px) {
	header{
		background-image: url('../../images/headerdesk/home.png');
		background-size: 1200px auto;
		background-position: center center!important;
		margin-bottom:10px;
		height: 450px;
		margin-top:0px;
	}
	header.smallhead{
		background-image: url('../../images/HOMEPAGE/headerdesksmall.png');
		background-size: 992px auto;
		background-position: top 30px center!important;
		margin-bottom:10px;
		height: 320px;
		margin-top:0px;
	}
	section.homepage_intro div.colorline{
		max-width: 6px;
/*		height: 145px;*/
		height: 240px;
	    background: linear-gradient(to bottom, #da404d, #9d3e96 30%, #9d3e96 30%, #43bbec);
	    margin-left:-25px;
	    margin-top:20px;
	    margin-bottom:0px;
	}
	section.homepage_intro div.height15{
		height: 15px;
	}
	section.homepage_services_skew{
		transform: skewY(5deg);
		margin-top:70px;
		height: 115px;
	}
	section.homepage_services{
		margin-top:-73px;
	}
	section.homepage_services div.serviceblock{
		margin-top:5px;
	}
	section.contactbottom{
		background-image: url('../../images/HOMEPAGE/contactdesk.jpg');
		background-position: right center;
	}
	div.nopadjeleft{ 
		padding-left:0px;
	}
	div.nopadjeright{ 
		padding-right:0px;
	}
	section.newsletter_bar{
		padding-top:110px;
	}
	section.newsletter_bar a.paddingbottomlogo{
		padding-bottom:90px!important;
	}
	section.newsletterfooter p.stylemob{
		border-bottom:unset; 
		padding-bottom:unset;
	}
	section.menutop ul li.menuitem{
		width: 690px;
	}
	section.menutop{
		box-shadow: unset;
		background-color: unset;
	}
	section.content img.social{
		margin-left:70px;
	}
	section.content p.phone{
		left: 35px;
	}
	section.site_case__accordion h4.pubtop{ 
		margin-top:0px; 
		text-align: center;
	}
	section.site_case__accordion h4.pubtopnormal{ 
		text-align: center;
	}
	section.duoblock div.vacaturepicture{
		height: auto; width: 100%;
	}
	section.contentblock div.caseblockimg{
		background-size: 110%;
	}
	section.contentblock div.breed{
	    background-image: linear-gradient(to bottom, rgba(255, 255, 0, 0) 140px, rgba(0, 204, 196, 1)), url('../../images/cases/cases/case_showcase_breed.png')!important;
	}
	section.contentblock div.caseblockimg:hover{
		background-size: 125%;
	}
	section.contentregular p.padleftone{
		padding-left:2px;
	}
	section.contentregular img.devicescheckout{
		max-width: 485px;
		width: 100%;
		height: auto;
	}
	section.duoblock div.blogpicture{
		height: 130px;
	}
	section.contentregular img.ipadpack{
		max-width: 290px;
	}
	section.methodblock {
        background-image: url(../../images/werkwijze/line.png);
    	background-size: 706px 210px;
        background-repeat: no-repeat;
        background-position: center 33px;
        height: 243px;
        margin-top:10px;
	}
    section.methodblock div.methodblueblock{
    	margin-left:10px;
    	margin-right:10px;
    } 
	section.methodblock div.methodblueblock p.methodblueblocknumber{
		margin-right:unset;
		margin-bottom:30px;
	}
	section.methodblock div.methodblueblock p.methodblueblocktxt{
		display: block;
	}
	section.homepage_services div.werkwijzepad{
		padding-left:85px;
		padding-right:85px;
	}
	section.homepage_services div.werkwijzepad p.werkwijzepad{
		padding-left:80px;
	}
	div.flexnot{
		display: flex;
	}
	section.site_case__accordion img.personimg{
		max-width: 360px;
		display: inline-block;
	}
	section.site_case__accordion h4.aimleft{
		padding-left:10px!important;
		margin-bottom:unset!important;
		padding-top:unset!important;
	}
	section.site_case__accordion div.widthaiblock{
		width: 315px;
	}
	section.site_case__accordion img.aiarrow1{
		top:-17px!important;
	}
	section.site_case__accordion img.aiarrow2{
		top:-42px!important;
	}
	section.site_case__accordion img.aiarrow3{
		top:-29px!important;
	}
	section.site_case__accordion img.aiarrow4{
		top:-29px!important;
	}
	section.site_case__accordion div.img1top{
		position:relative;
		top:-12px;
	}
	section.site_case__accordion div.img2top{
		position:relative;
		top:-40px;
	}
	section.site_case__accordion div.img3top{
		position:relative;
		top:-27px;
	}
	section.site_case__accordion img.imgaiblock{
		margin-top:40px;
		max-width: 1140px;
	}
	img.logoporsche{margin-left:67px;}
	img.logorand{margin-left: 48px;}
	img.logocentraal{margin-left:70px;}
} 

@media (min-width: 992px) {
	header{
		background-image: url('../../images/headerdesk/home.png');
		background-size: 1400px auto;
		margin-bottom:37px;
		height: 525px;
		margin-top:0px!important;
	}
	header.smallhead{
		background-image: url('../../images/HOMEPAGE/headerdesksmall.png');
		background-size: 1400px auto;
		background-position: center center!important;
		margin-bottom:10px;
		height: 390px;
		margin-top:0px;
		padding-top:140px;
	}
	section.homepage_intro div.colorline{
	    margin-left:-5px;
/*	    height: 230px;*/
		height: 180px;
	}
	section.homepage_services_skew{
		transform: skewY(6deg);
		margin-top:120px;
		height: 150px;
	}
	section.homepage_services{
		margin-top:-89px;
		padding-bottom:80px;
	}
	section.homepage_services div.serviceblock{
		margin-top:35px;
	}
	section.homepage_companies{
		padding-top:80px;
	}
	img.logodpg{height: 50px; margin-left:unset}
	img.logohc{height: 45px; margin-left:-25px; margin-top:unset}
	img.logomax{height: 50px; margin-top:unset;}
	img.logotoyota{height:55px;}
	img.logooranje{height: 50px; margin-left:-20px; margin-top:unset;}
	img.logomazda{width:160px; margin-top:-34px; margin-left:-30px;}
	img.logofv{height: 50px; margin-top:unset;}
	img.logonrc{width: 70px; margin-top:15px; margin-left:80px;}
	img.logor{height:45px; margin-top:unset; margin-left:unset;}
	img.logomamas{height: 45px; margin-top:unset;}
	img.logotelegraaf{height: 45px;margin-top:unset; margin-left:unset;}
	img.logoengie{height: 38px;}
	img.logoporsche{height:50px; margin-left:57px; margin-top:4px;}
	img.logorand{height:40px;margin-left: 7px;}
	img.logocentraal{margin-left:60px; height: 92px; margin-top:-18px;}
	img.logorabo{margin-left:20px; height: 32px; margin-top:23px; width: unset;}
/*	.carousel-inner .carousel-item {margin-top:30px;}*/
	.nopad{padding-left:15px!important; padding-right:15px!important;}
	.nopa2{padding-left:15px; padding-right:15px;}
	section.contactbottom{padding-top:55px; margin-top:40px; 		height: 300px;
		padding-top:35px;
		margin-top:65px;}
	p.colornumber{top:8px;}
	section.newsletterfooter img.logosbottom{width: 600px; top:85px; left:25px;}
	section.newsletterfooter div.footerblockleft{margin-left:-30px;}
	section.menutop ul.menu{ margin-left:220px;top: -60px;position: relative;}
	section.menutop ul li.menuitem{
		font-size:18px; 
		display: inline-block; 
		margin-right:15px; 
		width: unset;
		background-image: unset; 
	}
	.nav-link{padding: 13px 3px; border-bottom:unset!important;}
	img.site_logo_top{width:90px;}
	img.site_logo{width:90px;}
	.site__logotext{
	    top: 6px;
	    left:118px;
	}
	.site__logotext:nth-child(3){
		top: 21px;
	}
	.site__logotext:nth-child(2){
		top: 36px;
	}
	section.menutop a.contactbutton{
	    max-width: 325px;
	    width: 100%; 
	    margin-left:28px;
	    margin-top:unset;
        padding: 14px 0px 14px 0px;
	}
	section.menutop div.mobilemenu{
		height: 0px;
	}
	.padtextbox{padding-top:40px!important;}
	section.contentblock div.caseblockimg{background-size: 100%;}
	section.contentblock div.caseblockimg:hover{background-size: 115%;}
	section.contentblock div.caseright{padding-right:35px;}
	section.contentblock div.caseleft{padding-left:35px;}
	section.contentregular div.nopadcheckout{margin-left:-60px;}
	section.duoblock div.blogpicture{
		height: 165px;
	}
	header.lgn div.ribbonlgn{
		font-size:26px;
		top:2px;
	}
	header.lgn img.packshot{
		width: 338px;
		right: 15px;
		top:17px;
	}
	section.contentregular ul.widthul{
		width: 485px;
	}
	section.contentregular img.ipadpack{
		max-width: 340px;
	}
	section.methodblock {
        background-size: 940px 280px;
        background-position: center 33px;
        height: 313px;
	}
	section.methodblock div.methodblueblock{
		margin-left: 20px;
        margin-right: 20px;
        padding-top: 75px;
        padding-bottom: 65px;
	}
	section.homepage_services div.werkwijzepad p.werkwijzepad{
		padding-left:90px;
	}
	.site__logotextfooter{
		left:118px;
		top:53px;
	}
	.site__logotextfooter:nth-child(3){top: 69px;}
	.site__logotextfooter:nth-child(2){top: 84px;}
	section.site_case__accordion h4.aimleft{
		padding-left:60px!important;
		margin-bottom:unset!important;
	}
	section.site_case__accordion div.widthaiblock{
		width: 565px;
	}
	section.site_case__accordion div.img1top{
		top:-12px;
	}
	section.site_case__accordion div.img2top{
		top:-28px;
	}
	section.site_case__accordion div.img3top{
		top:-28px;
	}
	section.site_case__accordion img.aiarrow2{
		top:-33px!important;
	}
	section.site_case__accordion img.aiarrow3{
		top:-33px!important;
	}
	section.site_case__accordion img.aiarrow4{
		top:-17px!important;
	}
	
}

@media (min-width: 1200px) {
	header{
		background-size: auto auto;
		height: 600px;
		padding-top:160px;
	}
	header.smallhead{
		background-size: auto auto;
		height: 470px;
		padding-top:160px;
	}
	section.menutop a.contactbutton{
	    margin-left:36px;
	}

	section.homepage_intro div.colorline{
		margin-left:-10px;
/*	    height: 195px;*/
		height: 145px;
	}
	section.homepage_services_skew{
		height: 280px;
	}
	section.homepage_services{
		margin-top:-200px;
	}
	section.homepage_services div.serviceblock{
		margin-top:50px;
	}
	img.logomazda{width:160px; margin-top:-34px;}
	img.logonrc{margin-left:105px;}
/*	.carousel-inner .carousel-item {margin-top:80px; height: 175px;}*/
	section.contactbottom{padding-top:40px; height: 340px; background-position: center center;}
	p.colornumber{font-size:60px; top:3px;}
	section.newsletterfooter img.logosbottom{width: 640px; top:85px; left:15px;}
	section.menutop {padding-top:20px;}
	section.menutop ul.menu{margin-left:280px;}
	section.menutop ul li.menuitem{margin-right:22px;}
	.nav-link{padding: 14px 8px;}
	section.contentblock div.caseblockimg{height: 300px;}
	section.contentblock div.caseright{padding-right:45px;}
	section.contentblock div.caseleft{padding-left:45px;}
	section.duoblock div.blogpicture{
		height: 200px;
	}
	header.lgn div.ribbonlgn{
		top:7px;
	}
	header.lgn img.packshot{
		width: 429px;
		right: 25px;
		top:4px;
	}
	section.contentregular img.ipadpack{
		max-width: 388px;
	}
	section.methodblock div.methodblueblock{
        padding-top: 110px;
        padding-bottom: 99px;
        margin-left: 30px;
        margin-right: 30px;
	}
	section.methodblock {
        background-size: 1111px 369px;
        background-position: center 55px;
        height: 423px;
        margin-top:20px;
	}
	section.homepage_services div.werkwijzepad p.werkwijzepad{
		padding-left:105px;
	}
	section.methodblock div.methodblueblock p.methodblueblocknumber{
		font-size:60px;
		line-height: 42px;
	}
	section.site_case__accordion h4.aimleft{
		padding-left:80px!important;
		margin-bottom:unset!important;
	}
	section.site_case__accordion div.widthaiblock{
		width: 745px;
	}
	img.logoporsche{margin-left:77px;}
	img.logorand{margin-left: 32px;}
	img.logocentraal{margin-left:90px;}
	img.logorabo{margin-left:45px;}
}
@media (min-width: 1600px) {

}
/*WEBSITE*/



/*MENU*/

section.menutop ul.menu{
	width: 100%;
	position: fixed;
	background-color: #ffffff;
	left:0;
	right:0;
	z-index:99;
	padding-top:100px;
	padding-bottom: 100vh;
	padding-left:15px;
	padding-right:15px;
}
.dropbtn {
  font-size: 18px;
  border: none;
  font-weight:600;
  color:#000000!important;
}
.dropbtn:hover {
	color: #43bbec !important;
}
@media (min-width: 992px) {
	section.menutop ul.menu{
		width: auto;
		position: relative;
		background-color: unset;
		padding-top:unset;
		padding-bottom: unset;
		padding-left:0px;
		padding-right:0px;
	}
	.dropbtn {
	  font-size: 18px;
	  border: none;
	  font-weight:600;
	  color:#000000!important;
	  height: 75px;
	}

	.dropdown-content a {
	  padding: 10px 16px;
	}

	.dropdown:hover .dropdown-content {display: block; top:55px;}

	.dropdown:hover .dropbtn {color:#43bbec!important;}

	.dropdown-item:focus, .dropdown-item:hover {
	    color: #43bbec;
	    text-decoration: none;
	    background-color: #ffffff;
	}
	.dropdown-content {
		display: none;
		position: absolute;
		background-color: #fffefe;
		min-width: 610px;
		box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
		z-index: 1;
		border:unset;
		border-radius:0px;
		padding:15px 20px 15px 20px;
		margin-left:-30px;
	}	
	.widthsmall{
		min-width: 325px!important;
	}
}

@media (max-width: 992px) {
    @keyframes fadeInFromRight {
        0% {
            opacity: 0;
            transform: translateX(100%);
        }
        50% {
            opacity: 1;
            transform: translateX(0);
        }
        100% {
            opacity: 1;
            transform: translateX(0);
        }
    }

    .fade-in-from-right {
        opacity: 0;
        animation: fadeInFromRight 1.7s ease-in-out forwards;
    }

	@keyframes fadeOutToRight {
	    0% {
	        opacity: 1;
	        transform: translateX(0);
	    }
	    50% {
	        opacity: 1;
	        transform: translateX(0);
	    }
	    100% {
	        opacity: 0;
	        transform: translateX(100%);
	    }
	}

	.fade-out-to-right {
	    opacity: 1;
	    animation: fadeOutToRight 1.7s ease-in-out forwards;
	    animation-delay: -1s; /* Start de animatie onmiddellijk */
	}


}

@media (min-width: 1200px) {
	.dropdown-content {
		margin-left:-20px;
	}
}

.input-filled-in {
    transform: translateY(4px) scale(.85) !important;
    color: #43bbec !important;
}

/*MENU*/


/*LGN*/

/*WHITEBLOCK*/
.whiteblock .whiteblock{
	background-color: #ffffff;
	margin-left:-15px;
	margin-right:-15px;
	padding:35px 15px 35px 15px;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.whiteblock .whiteblock p.subtxt{
	font-size:20px;
	line-height: 20px;
	color:#000000;
	font-weight:500;
	text-align: left;
	padding-bottom:7px;
}
.whiteblock .whiteblock h1.koptxt{
	font-size:28px;
	color:#000000;	
	font-weight:700;
	text-align: left;
	padding-bottom:25px;
}
.whiteblock .whiteblock p.subtxt2{
	font-size:18px;
	line-height: 18px;
	color:#000000;
	font-weight:300;
	text-align: left;
	padding-bottom:7px;
}
.whiteblock .whiteblock h1.koptxt2{
	font-size:28px;
	color:#000000;	
	font-weight:700;
	text-align: left;
	padding-bottom:25px;
}
.whiteblock .whiteblock img.bolt{
	display: block;
	max-width: 70px;
	height: auto;
	width: 100%;
	margin:0 auto;
	padding-bottom:20px;
	filter: brightness(0);
}

@media (min-width: 576px) { 
	.whiteblock .whiteblock{
		margin-left:unset;
		margin-right:unset;
		padding:35px 25px 35px 25px;
	}
	.whiteblock .whiteblock p.subtxt{
		width: unset;
		margin:unset;
		display: block;
		text-align: left;
	}
	.whiteblock .whiteblock h1.koptxt{
		width: unset;
		margin:unset;
		display: block;
		text-align: left;
	}
	.whiteblock .whiteblock p.subtxt2{
		width: unset;
		margin:unset;
		display: block;
		text-align: left;
	}
	.whiteblock .whiteblock h1.koptxt2{
		width: unset;
		margin:unset;
		display: block;
		text-align: left;
	}
	.whiteblock .whiteblock img.bolt{
		padding-top:20px;
	}
}
@media (min-width: 768px) {
	.whiteblock .whiteblock p.subtxt{
		font-size:18px;
		line-height: 20px;
		padding-bottom:15px;
	}
	.whiteblock .whiteblock h1.koptxt{
		font-size:30px;
		padding-bottom:36px;
	}
	.whiteblock .whiteblock{
		 padding: 40px 20px 30px 20px;
		 display: block;
		box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	}
	.whiteblock .whiteblock img.bolt{
		position: absolute;
		margin: unset;
		padding-top: unset;
		padding-bottom: unset;
		top: 35px;
		left: 254px;
		max-width: 52px;
	}
}
@media (min-width: 992px) {
	.whiteblock .whiteblock p.subtxt{
		font-size:24px;
		line-height: 24px;
		padding-bottom:25px;
	}
	.whiteblock .whiteblock h1.koptxt{
		font-size:40px;
	}
	.whiteblock .whiteblock p.subtxt2{
		font-size:24px;
		line-height: 24px;
		padding-bottom:25px;
		margin-left:55px;
	}
	.whiteblock .whiteblock h1.koptxt2{
		font-size:38px;
		margin-left:55px;
	}
	.whiteblock .whiteblock{
        padding: 50px 30px 35px 30px;
	}	
	.whiteblock .whiteblock img.bolt{
		top: 50px;
		left: 328px;
		max-width: 70px;
	}
}
@media (min-width: 1200px) {
	.whiteblock .whiteblock{
		padding: 75px 70px 65px 70px;
		height: 360px;
	}	
	.whiteblock .whiteblock p.subtxt2{
		margin-left:115px;
	}
	.whiteblock .whiteblock h1.koptxt2{
		margin-left:115px;
	}
	.whiteblock .whiteblock img.bolt{
		top: 54px;
		left: 357px;
		max-width: 80px;
	}
}
/*WHITEBLOCK*/


/*CAROUSSEL*/
/* Pas de duur van de carousel-overgangen aan */
.carousel-inner .carousel-item2 {
    transition: transform 1s linear; /* Verander de overgangstijd naar 1 seconde */
     -webkit-transition: -webkit-transform 1s linear;
    height: auto!important;
}
.carousselblock{
	padding:45px 0px 0px 0px;
}
.carousselblock p.subtxt{
	font-size:18px;
	line-height: 18px;
	color:#000000;
	font-weight:300;
	text-align: left;
	padding-bottom:7px;
}
.carousselblock h1.koptxt{
	font-size:28px;
	color:#000000;	
	font-weight:700;
	text-align: left;
	padding-bottom:35px;
}
.carousselblock img.laptop{
	display: block;
	max-width: 320px;
	width: 100%;
	height: auto;
	margin:0 auto;
}
.carousel-control-next-icon {
    background-image: url('../../images/lgn/rechts.svg')!important;
    filter: brightness(0);
}
.carousel-control-prev-icon {
    background-image: url('../../images/lgn/links.svg')!important;
    filter: brightness(0);
}
.carousel-control-next-icon, .carousel-control-prev-icon {
    display: inline-block;
    width: 13px;
    height: 22px;
    background: no-repeat 50%/100% 100%;
    position: relative; /* Nieuwe regel */
    top: calc(50% - 23px); /* Nieuwe regel */
}
.carousel-control-next, .carousel-control-prev {
  	width: unset; 
    opacity: 1;
    transition: unset;
    color:unset;
}
.carousselblock p.subtxtlap{
	font-size:18px;
	line-height: 22px;
	color:#000000;
	font-weight:300;
	text-align: left;
	padding-top: 35px;
}
.carousel-control-next {
	top:-130px;
}
.carousel-control-prev {
	top:-130px;
}
.txtleft{
	text-align: left;
}
section.carousselblock h2.bottommarge{
	margin-bottom:5px;
}
@media (min-width: 410px) {
	.carousselblock p.subtxt{
		text-align: center;
	}
	.carousselblock h1.koptxt{
		text-align: center;
	}
	.carousel-control-next {
	    right: 6%;
	}
	.carousel-control-prev {
	    left: 6%;
	}
		.carousselblock p.subtxtlap{
		text-align: center;
	}
}
@media (min-width: 576px) {
	.carousselblock img.laptop{
		max-width: 500px;
	}
	.carousel-control-next {
	    right: 10px;
	}
	.carousel-control-prev {
	    left: 10px;
	}
	.carousel-control-next-icon, .carousel-control-prev-icon {
	    display: inline-block;
	    width: 18px;
	    height: 31px;
	    background: no-repeat 50%/100% 100%;
	}
	.txtleft{
		text-align: center;
	}
}
@media (min-width: 768px) {
	.carousselblock{
		padding:65px 0px 0px 0px;
	}
	.carousselblock p.subtxt{
		font-size:20px;
		line-height: 20px;
		padding-bottom:15px;
	}
	.carousselblock h1.koptxt{
		font-size:37px;
		padding-bottom:50px;
	}
	.carousselblock img.laptop{
		max-width: 550px;
	}
	.carousel-control-next {
	    right: 70px;
	}
	.carousel-control-prev {
	    left: 70px;
	}
	.carousel-control-next-icon, .carousel-control-prev-icon {
	    display: inline-block;
	    width: 23px;
	    height: 39px;
	    background: no-repeat 50%/100% 100%;
	}
	.carousselblock p.subtxtlap{
		font-size:20px;
		line-height: 24px;
	}
} 
@media (min-width: 992px) { 
	.carousselblock{
		padding:110px 0px 0px 0px;
	}
	.carousselblock p.subtxt{
		font-size:24px;
		line-height: 24px;
		padding-bottom:25px;
	}
	.carousselblock h1.koptxt{
		font-size:38px;
		padding-bottom:100px;
	}
	.carousselblock img.laptop{
		max-width: 790px;
	}
	.carousel-control-next {
	    right: 70px;
	}
	.carousel-control-prev {
	    left: 70px;
	}
	.carousel-control-next-icon, .carousel-control-prev-icon {
	    display: inline-block;
	    width: 27px;
	    height: 46px;
	    background: no-repeat 50%/100% 100%;
	}
	.carousselblock p.subtxtlap{
		font-size:24px;
		line-height: 30px;
		padding-top:60px;
	}
	section.carousselblock h2.bottommarge{
		margin-bottom:-25px;
	}
} 
@media (min-width: 1200px) { 
	.carousselblock img.laptop{
		max-width: 950px;
	}
	.carousel-control-next {
	    right: 80px;
	}
	.carousel-control-prev {
	    left: 80px;
	}
	.carousel-control-next-icon, .carousel-control-prev-icon {
	    display: inline-block;
	    width: 30px;
	    height: 51px;
	    background: no-repeat 50%/100% 100%;
	}
	section.carousselblock h2.bottommarge{
		margin-bottom:-65px;
	}
}

/*TOUCH*/
.touchpointstxt{
   padding:45px 0px 0px 0px;
}
.touchpointstxt p.subtxt{
   font-size:18px;
   line-height: 18px;
   color:#000000;
   font-weight:300;
   text-align: left;
   padding-bottom:7px;
}
.touchpointstxt h1.koptxt{
   font-size:28px;
   color:#000000; 
   font-weight:700;
   text-align: left;
   padding-bottom:35px;
}

@media (min-width: 410px) {
   .touchpointstxt p.subtxt{
      text-align: center;
   }
   .touchpointstxt h1.koptxt{
      text-align: center;
   }
}
@media (min-width: 768px) {
   .touchpointstxt{
      padding:65px 0px 0px 0px;
   }
   .touchpointstxt p.subtxt{
      font-size:20px;
      line-height: 20px;
      padding-bottom:15px;
   }
   .touchpointstxt h1.koptxt{
      font-size:37px;
      padding-bottom:50px;
   }
} 
@media (min-width: 992px) { 
   .touchpointstxt{
      padding:110px 0px 0px 0px;
   }
   .touchpointstxt p.subtxt{
      font-size:24px;
      line-height: 24px;
      padding-bottom:25px;
   }
   .touchpointstxt h1.koptxt{
      font-size:38px;
      padding-bottom:100px;
   }
} 
/*TOUCH*/


/*TOUCHPOINTS*/
.touchpoints{
	padding:35px 0px 25px 0px;
	background-image: url('../../images/lgn/pointbgmob.png');
	background-repeat: no-repeat;
	background-position: top center;
	height: 1120px;
	margin-bottom:20px;
}
.touchpoints p.subtxt{
	font-size:18px;
	line-height: 18px;
	color:#000000;
	font-weight:300;
	text-align: left;
	padding-bottom:7px;
}
.touchpoints h1.koptxt{
	font-size:28px;
	color:#000000;	
	font-weight:700;
	text-align: left;
	padding-bottom:35px;
}

.touchpoints p.kopone{
	font-size:24px;
	line-height: 24px;
	color:#000000;
	font-weight:700;
	text-align: center;
	margin-top:45px;
}
.touchpoints img.kopiconone{
	max-width: 68px;
	height: auto;
	margin: 0 auto;
	display: block;
	margin-top:70px;
	margin-bottom:77px;
	filter: brightness(0);
}
.touchpoints p.subkopone{
	font-size:24px;
	line-height: 24px;
	color:#000000;
	font-weight:300;
	text-align: center;
}

.touchpoints p.koptwo{
	font-size:24px;
	line-height: 24px;
	color:#000000;
	font-weight:700;
	text-align: center;
	margin-top:145px;
}
.touchpoints img.kopicontwoleft{
	max-width: 68px;
	height: auto;
	margin: 0 auto;
	display: block;
	margin-top:60px;
	margin-bottom:65px;
	filter: brightness(0);
}
.touchpoints p.subkoptwoleft{
	font-size:24px;
	line-height: 24px;
	color:#000000;
	font-weight:300;
	text-align: center;
}
.touchpoints img.kopicontworight{
	max-width: 68px;
	height: auto;
	margin: 0 auto;
	display: block;
	margin-top:190px;
	margin-bottom:65px;
	filter: brightness(0);
}
.touchpoints p.subkoptworight{
	font-size:24px;
	line-height: 24px;
	color:#000000;
	font-weight:300;
	text-align: center;
}

.touchpoints p.kopthree{
	font-size:24px;
	line-height: 24px;
	color:#000000;
	font-weight:700;
	text-align: center;
	margin-top:145px;
}
.touchpoints img.kopiconthreeleft{
	max-width: 68px;
	height: auto;
	margin: 0 auto;
	display: block;
	margin-top:53px;
	margin-bottom:53px;
	filter: brightness(0);
}
.touchpoints p.subkopthreeleft{
	font-size:24px;
	line-height: 24px;
	color:#000000;
	font-weight:300;
	text-align: center;
}
.touchpoints img.kopiconthreeright{
	max-width: 68px;
	height: auto;
	margin: 0 auto;
	display: block;
	margin-top:190px;
	margin-bottom:73px;
	filter: brightness(0);
}
.touchpoints p.subkopthreeright{
	font-size:24px;
	line-height: 24px;
	color:#000000;
	font-weight:300;
	text-align: center;
}
.widthmob{
	max-width: 360px!important;
	display: block!important;
	margin:0 auto;
}

@media (min-width: 410px) {
	.touchpoints p.subtxt{
		text-align: center;
	}
	.touchpoints h1.koptxt{
		text-align: center;
	}
}
@media (min-width: 768px) {
	.touchpoints p.subtxt{
		font-size:20px;
		line-height: 20px;
		padding-bottom:15px;
	}
	.touchpoints h1.koptxt{
		font-size:37px;
		padding-bottom:50px;
	}
	.touchpoints{
		padding:35px 0px 25px 0px;
		background-image: url('../../images/lgn/pointbgdesk.png');
		background-repeat: no-repeat;
		background-position: top center;
		background-size:1200px 670px;
		height: 598px;
	}

	.touchpoints p.kopone{
		margin-top:5px;
	}
	.touchpoints img.kopiconone{
		margin-top:45px;
		margin-bottom:60px;
	}
	.touchpoints p.koptwo{
		margin-top:65px;
		width: 297px;
	}
	.touchpoints img.kopicontwoleft{	
		top: 80px;
		left: 23px;
		position: absolute;
	}
	.touchpoints p.subkoptwoleft{
		left: 2px;
		text-align: center;
		position: absolute;
		top: 236px;
		font-size: 20px;
	}
	.touchpoints img.kopicontworight{
		top: -48px;
		left: 207px;
		position: absolute;
	}
	.touchpoints p.subkoptworight{
		left: 206px;
		text-align: center;
		position: absolute;
		top: 236px;
		font-size: 20px;
	}

	.touchpoints p.kopthree{
		margin-top:65px;
		width: 417px;
	}
	.touchpoints img.kopiconthreeleft{
		top: 80px;
		left: 81px;
		position: absolute;
	}
	.touchpoints p.subkopthreeleft{
		left: 63px;
		text-align: center;
		position: absolute;
		top: 236px;
		font-size: 20px;
	}
	.touchpoints img.kopiconthreeright{
		top: -48px;
		left: 270px;
		position: absolute;
	}
	.touchpoints p.subkopthreeright{
		left: 256px;
		text-align: center;
		position: absolute;
		top: 236px;
		font-size: 20px;
	}
	.widthmob{
		max-width: unset!important;
		display: block!important;
		margin:unset;
	}
} 
@media (min-width: 992px) { 
	.touchpoints{
		padding:110px 0px 90px 0px;
	}
	.touchpoints p.subtxt{
		font-size:24px;
		line-height: 24px;
		padding-bottom:25px;
	}
	.touchpoints h1.koptxt{
		font-size:38px;
		padding-bottom:100px;
	}
	.touchpoints{
		padding:35px 0px 25px 0px;
		background-image: url('../../images/lgn/pointbgdesk.png');
		background-repeat: no-repeat;
		background-position: top center;
		background-size:1520px 841px;
		height: 760px;
	}
	.touchpoints p.kopone{
		margin-top:20px;
	}
	.touchpoints img.kopiconone{
		margin-top:68px;
		margin-bottom:76px;
	}
	.touchpoints p.koptwo{
		margin-top:100px;
		width: 377px;
	}
	.touchpoints img.kopicontwoleft{	
		top: 141px;
		left: 61px;
	}
	.touchpoints p.subkoptwoleft{
		left: 28px;
		top: 313px;
		font-size:24px;
	}
	.touchpoints img.kopicontworight{
		top: 7px;
		left: 297px;
	}
	.touchpoints p.subkoptworight{
		left:286px;
		top: 313px;
		font-size:24px;
	}
	.touchpoints p.kopthree{
		margin-top:100px;
		width: 490px;
	}
	.touchpoints img.kopiconthreeleft{
		top: 130px;
		left: 113px;
		position: absolute;
	}
	.touchpoints p.subkopthreeleft{
		left: 85px;
		top: 313px;
		font-size:24px;
	}
	.touchpoints img.kopiconthreeright{
		top: 0px;
		max-width: 90px;
		left: 346px;
	}
	.touchpoints p.subkopthreeright{
		left: 331px;
		top: 313px;
		font-size:24px;
	}
} 

@media (min-width: 1200px) { 
	.touchpoints{
		padding:35px 0px 25px 0px;
		background-image: url('../../images/lgn/pointbgdesk.png');
		background-repeat: no-repeat;
		background-position: top center;
		background-size:1920px 1054px;
		height: 900px;
	}
	.touchpoints p.kopone{
		margin-top:45px;
	}
	.touchpoints img.kopiconone{
		margin-top: 76px;
		margin-bottom: 96px;
		max-width: 88px;
	}
	.touchpoints p.koptwo{
		margin-top:130px;
		width:424px;
	}
	.touchpoints img.kopicontwoleft{	
		top: 202px;
		left: 49px;
	}
	.touchpoints p.subkoptwoleft{
		left: -16px;
		top: 400px;
	}
	.touchpoints img.kopicontworight{
		top: 73px;
		left: 349px;
	}
	.touchpoints p.subkoptworight{
		left:305px;
		top: 400px;
	}
	.touchpoints p.kopthree{
		margin-top:130px;
		width: 190px;
		left: 240px;
		position: absolute;
	}
	.touchpoints img.kopiconthreeleft{
		top: 197px;
		left: 151px;
	}
	.touchpoints p.subkopthreeleft{
		left: 62px;
		top: 400px;
	}
	.touchpoints img.kopiconthreeright{
		top: 69px;
		left: 446px;
	}
	.touchpoints p.subkopthreeright{
		left: 375px;
		top: 400px;
		width: 220px;
	}
}
/*TOUCHPOINTS*/

/*SHOWCASE*/
.no-p{
   padding: 0;
}

.navigation-section {
   position: fixed;
   background-color: #090909; 
   width: 100%;
   top: 0px;
   z-index: 99999;
}
@media (max-width: 992px) {
   .navigation-section {
      width: 100%;
      height: auto;
      font-size: 24px;
      z-index: 999999;
      position: fixed;
      top: 0;
      text-transform: uppercase;
      font-size: 18px;
      transition: .3s all ease; 
   }
   body{
      top: 70px;
   }
}

.navigation-section .logo {
   margin-left: 35px;
   width: 73px;
   height: auto;
   float: left;
   padding-top: 35px;
   padding-bottom: 0px; 
   transition: .3s ease;
}
.navigation-section .logo.scroll{
   padding-top: 10px;
}

.navigation-section .hamburger {
   display: none; 
}
@media (max-width: 992px) {
   .navigation-section .hamburger {
      display: inline-block;
      float: right;
      font-size: 19px;
      border-radius: 9px;
      margin-top: 25px;
      margin-right: 15px;
      width: 30px; 
   } 
   .navigation-section .logo {
      width: 75px;
      float: none;
      transition: .3s all ease;
      padding-bottom: 5px;
      margin-top: 0px;
      margin-left: 0px;
      padding-top: 15px;
      padding-bottom: 15px; 
   }
}


.navigation-section ul.main-navigation {
   font-size: 18px;
   float: right;
   display: inline-block;
   overflow-y: inherit;
   max-height: auto;
   opacity: 1;
   visibility: visible;
   margin-top: 50px;
   margin-bottom: 45px;
   padding-left: 0px;
   margin-left: 0px;
   left: inherit;
   position: relative;
   width: 523px; 
   text-align: right;
   transition: .3s ease;
}
.navigation-section ul.main-navigation.scroll {
   margin-top: 22px;
   margin-bottom: 25px;
}
.navigation-section ul.main-navigation .active{
   font-weight: 700;
}

.navigation-section ul.main-navigation.open {
   opacity: 1;
   visibility: visible;
   left: 0;
   background-color: rgba(255, 255, 255, 0.6);
   height: 100%; 
}

.navigation-section ul.main-navigation.open li a {
   color: #000;
   position: relative;
}
.navigation-section ul.main-navigation li:before{
   position: absolute;
   content: url(../img/menu-slash.png);
   right: -25px;
   top: -1px;
   width: 6px;
   height: 8px;
   color: #ffffff;
}
.navigation-section ul.main-navigation li:last-child:before{
   content: ''; 
}
.navigation-section ul.main-navigation li:first-child{
   margin-left: 0px;
}
.navigation-section ul.main-navigation li:last-child{
   margin-right: 0px;
}
@media (max-width: 992px) {
   .navigation-section ul.main-navigation {
      float: none;
      list-style-type: none;
      padding: 0;
      margin: 0;
      margin-top: 0px;
      margin-bottom: 0px;
      font-weight: 600;
      overflow-y: scroll;
      visibility: hidden;
      opacity: 0;
      transition: all .3s;
      position: fixed;
      width: 100%;
      left: 100%; 
   }
}
.navigation-section ul.main-navigation li {
   display: inline;
   margin-left: 18px;
   margin-right: 18px;
   position: relative; 
}

@media (max-width: 992px) {
   .navigation-section ul.main-navigation li {
      display: block;
      margin-left: 0px;
      margin-right: 0px;   
   } 
}


.navigation-section ul.main-navigation li img {
   width: 38px;
   height: 38px; 
}
.navigation-section ul.main-navigation li a {   
   transition: .3s all ease;
   font-weight: 400;
   display: inline;
   padding-left: 0px; 
   color: #ffffff;
   letter-spacing: 2px;
   font-size: 12px;
}
.navigation-section ul.main-navigation li a:focus{
   text-decoration: none;
}
@media (max-width: 992px) {
   .navigation-section ul.main-navigation li a {
      width: 100%;
      padding: 10px 0px;
      display: inline-block;
      font-weight: 600 !important;
      color: #000;
      cursor: pointer;
      padding-left: 15px; 
   } 
}
.navigation-section ul.main-navigation li a:hover {
   text-decoration: none;
   cursor: pointer; 
}
.navigation-section ul.main-navigation li ul.sub-navigation {
   position: absolute;
   left: -15px;
   padding: 0;
   margin: 0;
   width: 200px;
   padding-top: 20px; 
}
@media (max-width: 992px) {
   .navigation-section ul.main-navigation li ul.sub-navigation {
      position: relative;
      left: 0px;
      width: 100%;
      padding-top: 0px;
      display: none;
   } 
}
.navigation-section ul.main-navigation li ul.sub-navigation li {
   display: block;
   margin: 0;
   z-index: 99; 
}
.navigation-section ul.main-navigation li ul.sub-navigation li a {
   display: inline-block;
   padding: 10px 15px;
   width: 100%;
   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
   background-color: transparent;
   color: #000; 
}
.navigation-section ul.main-navigation li ul.sub-navigation li a:last-child {
   border: none; 
}
.navigation-section ul.main-navigation li ul.sub-navigation li:first-child a {
   border-top-left-radius: 5px;
   border-top-right-radius: 5px; 
}
.navigation-section ul.main-navigation li ul.sub-navigation li:last-child a {
   border-bottom-left-radius: 5px;
   border-bottom-right-radius: 5px;
   border: none;
}


.flows{}

.flows .item-half{
   overflow: hidden;
   transition: all 0.3s ease;
   margin-bottom: unset;
   padding-left:unset;
   padding-right:unset;
}
.flows .item-half a{
   text-decoration: none;
   color: #ffffff;
   display: block;
   cursor: pointer;
}
.flows .item-half .img-box{
   width: 103%;
   height: 447px;
   position: relative;
   background-repeat: no-repeat;
   background-position: center center;
   background-size: 100%;
   transition: background-size .3s ease;
}
.flows .item-half .img-box.mazda{
   background-image: url('../../images/showcase/mazda-cx5-bg.png');
}
.flows .item-half .img-box.hollandcasino{
   background-image: url('../../images/showcase/casino.jpg');
}
.flows .item-half .img-box.toyota{
   background-image: url('../../images/showcase/toyota.jpg');
}
.flows .item-half .img-box.krantenvinder{
   background-image: url('../../images/showcase/krantenvinder.jpg');
}
.flows .item-half .img-box.engie{
   background-image: url('../../images/showcase/engie.jpg');
}
.flows .item-half .img-box.kentekenscan{
   background-image: url('../../images/showcase/kentekenscan.jpg');
}
.flows .item-half .img-box.troskompas{
   background-image: url('../../images/showcase/troskompas.jpg');
}
.flows .item-half .img-box.oranjefonds{
   background-image: url('../../images/showcase/oranje.jpg');
}
.flows .item-half .img-box.adflow{
   background-image: url('../../images/showcase/adwelkom-bg.jpg');
}

.flows .item-half .img-box .black-overlay{
	background-color: #000000;
	opacity: 0.5;
   width: 100%;
   height: 100%;
   position: absolute;
   z-index: 1;
   transition: all 0.3s ease;
}
.flows .item-half .img-box img{
   width: 100%;
   height: 35px;
   position: absolute;
   left: 0;
   right: 0;
   top: 70px;
   bottom: 0;
   margin: auto auto;
   z-index: 9;
}
.flows .item-half a:hover .img-box{
   background-size: 110%!important;
   transition: all 0.3s ease!important;
}
@media(max-width: 1200px){
   .flows .item-half .img-box{
      height: 380px;
   }
   .flows .item-half .img-box h2{
      padding-top: 65px;
   }
}
@media(max-width: 992px){
   .flows .item-half .img-box{
      height: 290px;
   }
   .flows .item-half .img-box h2{
      padding-top: 100px;
   }
   .flows .item-half a:hover .img-box{
      background-size: cover;
   }
}  
@media(max-width: 767px){
   .flows .item-half .img-box {
      background-size: 110%!important;
      background-position: center center;
      width: 100%;
      height: 320px;
      margin: 0 auto;
   }
   .flows .item-half a:hover .img-box{
	   background-size: 120%!important;
	   transition: all 0.3s ease;
	}
   .flows .item-half .img-box img{
      top: 40px;
   }
}

@media(max-width: 500px){
   .flows .item-half .img-box {
      background-size: 110%!important;
      background-position: center center;
      width: 100%;
      height: 320px;
      margin: 0 auto;
   }
   .flows .item-half a:hover .img-box{
	   background-size: 120%!important;
	   transition: all 0.3s ease;
	}
}

.flows .item-full{
   overflow: hidden;
   transition: all 0.3s ease;
   background-color: #090909;
   margin-bottom: unset;
   padding-left:unset;
   padding-right:unset;
}
.flows .item-full a{
   text-decoration: none;
   color: #ffffff;
   display: block;
   cursor: pointer;
}
.flows .item-full .img-box{
   width: 100%;
   height: 447px;
   position: relative;
   background-repeat: no-repeat;
   background-position: center center;
   background-size: 100%;
   transition: background-size .3s ease;
}
.flows .item-full .img-box.topgear{
   background-image: url('../../images/showcase/topgear.jpg');
}
.flows .item-full .img-box.engielegpuzzel{
   background-image: url('../../images/showcase/legpuzzel.jpg');
}
.flows .item-full .img-box.kiosk{
   background-image: url('../../images/showcase/kiosk.jpg');
}
.flows .item-full .img-box.mazda{
   background-image: url('../../images/showcase/mazdacrossovers-bg.png');
}

.flows .item-full .img-box .black-overlay{
 	background-color: #000000;
 	opacity: 0.5;
   width: 100%;
   height: 100%;
   position: absolute;
   z-index: 1;
   transition: all 0.3s ease;
}
.flows .item-full .img-box img{
   width: 100%;
   height: 35px;
   position: absolute;
   left: 0;
   right: 0;
   top: 70px;
   bottom: 0;
   margin: auto auto;
   z-index: 9;
}
.flows .item-full a:hover .img-box{
   background-size: 110%;
   transition: all 0.3s ease;
}
@media(max-width: 1200px){
   .flows .item-full .img-box{
      height: 380px;
   }
}
@media(max-width: 992px){
   .flows .item-full .img-box{
      height: 290px;
   }
}
@media(max-width: 767px){
   .flows .item-full .img-box {
      background-size: 160%;
      background-position: center center;
      width: 100%;
      height: 320px;
      margin: 0 auto;
   }
   .flows .item-full a:hover .img-box{
	   background-size: 180%;
	   transition: all 0.3s ease;
	}
}

@media(max-width: 500px){
   .flows .item-full .img-box {
      background-size: 240%;
      background-position: center center;
      width: 100%;
      height: 320px;
      margin: 0 auto;
   }
   .flows .item-full a:hover .img-box{
	   background-size: 250%;
	   transition: all 0.3s ease;
	}
}



.project{
   padding-top: 20px;
}
.project .intro h1{
   text-align: center;
   font-size: 30px;
   font-weight: 600;
   color: #ffffff;
   letter-spacing: 4px;
   padding-bottom: 15px;
   position: relative;
   z-index: 9;
}
.project .intro h2{
   text-align: center;
   font-size: 22px;
   font-weight: 300;
   color: #ffffff;
   letter-spacing: 4px;
   padding-bottom: 40px;
}
.project .mailcontainer{
   background-image: url('../../images/showcase/desktop-bg.png');
   background-color: #ffffff;
   background-size: 100% 650px;
   background-repeat: no-repeat;
   background-position: top center;
   padding-bottom: 60px;
   transition: .7s;
   -webkit-transition: .7s linear;
}
.project .iconbar{ 
   position: relative;
   padding-bottom: 7px;
   padding-left: 25px;
   padding-right: 25px;
}
.project .iconbar .responsive-buttons{
   position: relative;
   right: 0;
   top: 6px;
   width: 120px;
   height: 40px;
   display: inline-block;
   float: right;
}
.project .iconbar .responsive-buttons.landing-buttons{
   width: 170px;
}
.project .iconbar .responsive-buttons .background-icons{
   width: 40px;
   height: 54px;
   border: 1px solid #43bbec;
   border-radius: 3px;
   background-image: linear-gradient(#43bbec, #43bbec);
   display: block;
   position: absolute;
   width: 55px;
   height: 42px;
   left: 0;
   top: 0;
   transition: .3s ease;
}
.project .iconbar .responsive-buttons .background-icons.mobile{
   left: 65px;
}
.project .iconbar .responsive-buttons.landing-buttons .background-icons.mobile{
   left: 116px;
}
.project .iconbar .responsive-buttons .background-icons.tablet{
   left: 58px;
}
.project .iconbar a.refresh{
   width: 54px;
   height: 54px;
   display: inline-block;
   border: 1px solid #43bbec;
   border-radius: 50%;
   background-image: linear-gradient(#43bbec, #43bbec);
   position: relative;
   z-index: 999;
}
.project .iconbar img.refresh-button{
   width: 27px;
   height: 27px;
   display: block;
   position: absolute;
   margin: auto auto;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   transition: .3s ease;
}
.project .iconbar a.desktop{
   width: 54px;
   height: 40px;
   position: absolute;
   display: inline-block;
   bottom: 0px;
   left: 0;
}
.project .iconbar img.desktop-button{
   width: 32px;
   height: 30px;
   display: block;
   position: absolute;
   margin: auto auto;
   top: 0;
   bottom: 0;
   right: 0;
   left: 0;
}
.project .iconbar a.mobile{
   width: 54px;
   height: 40px;
   position: absolute;
   display: inline-block;
   bottom: 0;
   right: 0px;
}
.project .iconbar img.mobile-button{
   width: 32px;
   height: 30px;
   display: block;
   position: absolute;
   margin: auto auto;
   top: 0;
   bottom: 0;
   right: 0;
   left: 0;
}
.project .iconbar a.tablet{
   width: 54px;
   height: 40px;
   position: absolute;
   display: inline-block;
   bottom: 0;
   right: 0px;
   left: 58px;
}
.project .iconbar img.tablet-button{
   width: 32px;
   height: 30px;
   display: block;
   position: absolute;
   margin: auto auto;
   top: 0;
   bottom: 0;
   right: 0;
   left: 0;
}
/*.project .iconbar a.active{
   border: 1px solid #242424;
   border-radius: 3px;
   background-image: linear-gradient(#191919, #0a0909);
}*/
.project .iconbar a.refresh:hover img.refresh-button{
   transform: rotate(-225deg);
}
.project .iconbar .viewoptions{
   position: absolute;
   display: block;
   margin: 0 auto;
   left: 0;
   right: 0;
   top: -30px;
}
.project .iconbar ul{
   font-size: 18px;
   display: inline-block;
   overflow-y: inherit;
   opacity: 1;
   visibility: visible;
   margin-top: 50px;
   margin-bottom: 45px;
   padding-left: 0px;
   margin-left: 0px;
   left: inherit;
   position: relative;
   width: 100%;
   text-align: center;
   transition: .3s ease;
}
.project .iconbar ul li {
   display: inline;
   margin-left: 18px;
   margin-right: 18px;
   position: relative; 
   width: 160px;
}
.project .iconbar ul li a{
   color: #ffffff;
   text-decoration: none;
   font-weight: 400;
   transition: .3s all;
}
.project .iconbar ul li a.active{
   font-weight: 700;
}
.project .mailcontainer table{
   display: block;
   margin: 0 auto;
   padding-top: 160px;
   padding-bottom: 30px;
   color: #ffffff;
   text-align: left;
   transition: .7s ;
transition-timing-function: ease-in-out;
}
.project .mailcontainer table tr{
   padding-bottom: 15px;
   display: block;
}
.project .mailcontainer table tr td{
   text-align: left;
   line-height: 26px;
   font-size: 14px;
   font-weight: 300;
   color:#999999;
}
.project .mailcontainer iframe{
   display: block;
   margin: 0 auto;
   transition: .7s;
	transition-timing-function: ease-in-out;
}
/*.project .mailcontainer iframe.showmobile{
   width: 320px!important;
   height: 4318px!important
}*/
.project .mailcontainer.mobileview{
   background-image: url('../../images/showcase/desktop-bg-mob.png');
   background-size: 370px 769px;
}
.project .mailcontainer.mobileview table{
   padding-top: 125px;
   padding-bottom: 30px;
   max-width: 290px!important;
   transition: 1s;
	transition-timing-function: ease-in-out;
}
.project .mailcontainer.mobileview .width-xs{
   width: 120px!important;
   transition: 1s;
	transition-timing-function: ease-in-out;
}


.project .landingcontainer table{
   display: block;
   margin: 0 auto;
   padding-top: 117px;
   padding-bottom: 30px;
   color: #ffffff;
   text-align: left;
   transition: .7s ;
   transition-timing-function: ease-in-out;
}
.project .landingcontainer table tr{
   padding-bottom: 5px;
   display: block;
}
.project .landingcontainer table tr td{
   text-align: left;
   line-height: 26px;
   font-size: 14px;
   font-weight: 300;
   color:#999999;
}
.project .landingcontainer iframe{
   display: block;
   margin: 0 auto;
   transition: .7s;
   transition-timing-function: ease-in-out;
}
.project .landingcontainer.mobileview{
   background-image: url('../../images/showcase/desktop-bg-mob-blanko.png');
   background-size: 424px 852px;
   background-position: top 0px center;
}
.project .landingcontainer.tabletview{
   background-image: url('../../images/showcase/desktop-bg-tablet.png');
   background-size: 650px 493px;
}
.project .landingcontainer.mobileview table{
   padding-top: 125px;
   padding-bottom: 30px;
   max-width: 290px!important;
   transition: 1s;
   transition-timing-function: ease-in-out;
}
.project .landingcontainer.mobileview .width-xs{
   width: 120px!important;
   transition: 1s;
   transition-timing-function: ease-in-out;
}
.hidden-mob{
   display: block;
}
.visible-mob{
   display: none;
}
@media(max-width: 1200px){
   .project .landingcontainer table{
      max-width: 480px!important;
   }

  .engielegpuzzels-tab{
   	width: 580px!important;
   	height: 750px!important;
   	top:7px!important;
   }

   .engielegpuzzels{
   	height:1900px!important;
   	top:0px;
   	width: 580px!important;
   }
	 .hollandcasinos-tab{
	   	width: 580px!important;
	   	height: 750px!important;
	   	top:7px!important;
	   }

   .hollandcasinos{
   		height:750px!important;
   		top:0px;
   		width: 580px!important;
   }

   	.hmc-tab{
	   	width: 580px!important;
	   	height: 750px!important;
	   	top:7px!important;
	   }

   .hmc{
   		height:750px!important;
   		top:0px;
   		width: 580px!important;
   }

  	.kiosks-tab{
	   	width: 580px!important;
	   	height: 750px!important;
	   	top:7px!important;
   }

	.kiosks{
   		height:750px!important;
   		top:0px;
   		width: 580px!important;
   }
 	.oranjes-tab{
	   	width: 580px!important;
	   	height: 750px!important;
	   	top:7px!important;
   }

	.oranjes{
   		height:750px!important;
   		top:0px;
   		width: 580px!important;
   }
	.topgears-tab{
	   	width: 580px!important;
	   	height: 750px!important;
	   	top:7px!important;
   }

	.topgears{
   		height:750px!important;
   		top:0px;
   		width: 580px!important;
   }
   	.kentekenscans-tab{
	   	width: 580px!important;
	   	height: 750px!important;
	   	top:7px!important;
   }

	.kentekenscans{
   		height:750px!important;
   		top:0px;
   		width: 580px!important;
   }
}
@media(max-width: 992px){
   .project .mailcontainer{
      background-image: url('../../images/showcase/desktop-bg-sm.png');
      background-size: 720px 500px;
   }
   .no-p-sm{
      padding: 0;
   }
   .project .mailcontainer table{
      padding-top: 104px;
      max-width: 490px!important;
   }
   .lotto-tab{
      width: 770px!important;
      height: 1825px!important
   }
   .project .intro h2{
      padding-bottom: 20px;
   }
   .project .landingcontainer iframe{
   }
   .engielegpuzzels-tab{
   	height: 750px!important;
   }
   .hollandcasinos-tab{
   	height: 750px!important;
   }
	.hmc-tab{
		height: 750px!important;
	}
	.kiosks-tab{
		height: 750px!important;
	}
	.oranjes-tab{
		height: 750px!important;
	}
	.topgears-tab{
		height: 750px!important;
	}
	.kentekenscans-tab{
		height: 750px!important;
	}
   .project .landingcontainer iframe.mikro-mob{
      width: 320px!important;
      height: 2514px!important;
   }
   .project .iconbar .responsive-buttons.landing-buttons .background-icons{
      left: 58px;
   }
   .project .landingcontainer iframe {}
   .project .landingcontainer table{
      width:100%!important;
      padding-top: 115px!important;
   }
   .project .landingcontainer table tr td{
       text-align: center;
   }
   .hidden-mob{
      display: none;
   }
   .visible-mob{
      display: block;
      width: 320px!important;
   }
}
@media(max-width: 767px){
   .project .mailcontainer{
      background-image: url('../../images/showcase/desktop-bg-mob.png');
      background-size: 404px 852px;
      background-position: top 10px center;
   }
   .project .landingcontainer{
      background-image: url('../../images/showcase/desktop-bg-mob-blanko.png');
      background-size: 424px 852px;
      background-position: top 10px center;
   }
   .project .mailcontainer table{
      padding-top: 130px;
      padding-bottom: 10px;
      max-width: 320px!important;
   }
   .project .mailcontainer .width-xs{
      width: 120px!important
   }
   .project .landingcontainer iframe {
        width: 356px !important;
        position: relative;
        display: block;
        margin:0 auto;
   }
   .project .landingcontainer table{
      width:320px!important;
      padding-top: 115px!important;
   }
   .project .landingcontainer table tr td{
       text-align: center;
   }
   .hidden-mob{
      display: none;
   }
   .visible-mob{
      display: block;
   }
}
@media(max-width: 500px){
   .project .iconbar .viewoptions{
      top: 20px;
   }
   .project .iconbar {
      padding-bottom: 35px;
   }
}



.project-contact{
   padding-bottom: 80px;
	background-color: #151515; 
	padding-top: 80px;
}
.project-contact .contact-text{
   text-align: center;
   padding-bottom: 50px;   
}
.project-contact .contact-text h2{
   font-size: 30px;
   color: #ffffff;
   font-weight: 600;
   padding-bottom: 20px;
}
.project-contact .contact-text h3{
   font-size: 22px;
   color: #ffffff;
   font-weight: 300;
}
.project-contact .contactpersoon{
   overflow: hidden;
   padding-left: 80px;
   padding-right: 80px;
}
.project-contact .contactpersoon p{
   font-size: 18px;
   font-weight: 300;
   color: #ffffff;
   line-height: 28px;
   padding: 0;
   margin: 0;
}
.project-contact .contactpersoon p.contact-naam{
   font-weight: 700;
   font-size: 22px;
   padding: 0;
   padding-top: 20px;
}
@media(max-width: 1200px){
   .project-contact .contactpersoon{
      padding-left: 30px;
      padding-right: 30px;
   }
}
@media(max-width: 992px){
   .project-contact .contactpersoon p, .project-contact .contactpersoon p.contact-naam{
      padding-left: 120px;
   }
}
@media(max-width: 767px){
   .project-contact .contactpersoon p, .project-contact .contactpersoon p.contact-naam{
      padding-left: 0px;
   }
   .project-contact .contactpersoon p{
      padding-bottom: 15px;
   }
   .project-contact .contactpersoon{
      padding: 0;
   }
   .project-contact .contactpersoon img{
      width: 124px;
      height: auto;
      display: block;
      margin: 0 auto;
   }
   .project-contact .contact-text h2, .project-contact .contact-text h3{
      text-align: left;
   }
   .project-contact .contact-text{
      padding-bottom: 10px;
   }
}

.mazdacx5-mob{
	width: 320px!important;
	height: 4128px!important
}
.mitsubishi-mob{
   width: 320px!important;
   height: 4175px!important;
}
.ds7-mob{
   width: 320px!important;
   height: 3455px!important;
}
.toyota-mob{
   width: 360px!important;
   height: 1788px!important;
}
.engiebespaar-mob{
   width: 356px!important;
   height: 885px!important;
}
.abn-mob{
   width: 320px!important;
   height: 2290px!important;
}
.abnbeleggen-mob{
   width: 320px!important;
   height: 1911px!important;
}
.landrover-mob{
   width: 320px!important;
   height: 3740px!important;
}
.audi-mob{
   width: 320px!important;
   height: 2864px!important;
}
.peugeot-mob{
   width: 320px!important;
   height: 2010px!important;
}
.opel-black-mob{
   width: 320px!important;
   height: 3665px!important;
}
.mazdacx3-mob{
   width: 320px!important;
   height: 4086px!important;
}
.omg-mob{
   width: 320px!important;
   height: 4900px!important;
}
.kianiro-mob{
   width: 320px!important;
   height: 1610px!important;
}
.wereldbol-mob{
   width: 320px!important;
   height: 2030px!important;
}
.ohra-mob{
   width: 320px!important;
   height: 1310px!important;
}
.hollandcasino-mob{
   width: 320px!important;
   height: 2960px!important;
}
.mazda-cx-mob{
   width: 356px!important;
   height: 4180px!important;
}
.hetad-mob{
   width: 356px!important;
   height: 2830px!important;
}
.toyota-mob{
   width: 356px!important;
   height: 2680px!important;
}
.seat-mob{
   width: 320px!important;
   height: 2550px!important
}
.lotto-mob{
   width: 320px!important;
   height: 2990px!important;
}
.speelmeeenwin-mob{
   width: 320px!important;
   height: 1890px!important;
}
.staatsloterij-mob{
   width: 320px!important;
   height: 2790px!important;
}
.djoser-mob{
   width: 320px!important;
   height: 2760px!important;
}
.belasting-mob{
   width: 320px!important;
   height: 3538px!important;
}
.lexus-mob{
   width: 320px!important;
   height: 3400px!important;
}
.citroen-mob{
   width: 320px!important;
   height: 1800px!important;
}
.woz-mob{
   width: 320px!important;
   height: 2400px!important;
}
.engielegpuzzels-mob{
   width: 356px!important;
   height: 715px!important;
}
.hollandcasinos-mob{
   width: 356px!important;
   height: 715px!important;
}
.hmc-mob{
   width: 356px!important;
   height: 715px!important;
}
.kiosks-mob{
   width: 356px!important;
   height: 715px!important;
}
.oranjes-mob{
   width: 356px!important;
   height: 715px!important;
}
.topgears-mob{
   width: 356px!important;
   height: 715px!important;
}
.kentekenscans-mob{
   width: 356px!important;
   height: 715px!important;
}
.fvs-mob{
   width: 320px!important;
   height: 1600px!important;
}
.reclamefolder-mob{
   width: 320px!important;
   height: 4695px!important;
}


.lotto-tab{
   width: 770px!important;
   height: 2325px!important;
}
.speelmeeenwin-tab{
   width: 770px!important;
   height: 1525px!important;
}
.staatsloterij-tab{
   width: 770px!important;
   height: 2200px!important;
}
.fvs-tab{
   width: 770px!important;
   height: 1430px!important;
}


.itemhalfleft{
		margin-bottom:48px!important;
	}
h2.showcase{
	color:#ffffff;
	z-index:9;
	position: relative;
	text-align: center;
	padding-top:100px;
	padding-bottom:5px;
}
p.showcase{
	text-align: center;
	color:#ffffff;
	z-index:9;
	position: relative;
}
.project .landingcontainer{
   background-repeat: no-repeat;
   background-position: top center;
   padding-bottom: 60px;
   transition: .7s;
   -webkit-transition: .7s linear;
}

.noscrol{
	height: 710px;
}


@media (min-width: 576px) {
	
}

@media (min-width: 768px) {
	.itemhalfleft{
		padding-right:28px!important;
		margin-bottom:unset!important;
	}
	.itemhalfright{
		padding-left:28px!important;
	}
	h2.showcase{
		padding-top:90px;
	}
	.flows .item-half .img-box h2{
		padding-top:90px;
	}
	.project .landingcontainer{
	   background-image: url('../../images/showcase/desktop-bg-tablet.png');
	   background-color: #ffffff;
	   background-size: 650px 493px;
	   background-repeat: no-repeat;
	   background-position: top center;
	   padding-bottom: 60px;
	   padding-left: 39px;
	   padding-right: 39px;
	   transition: .7s;
	   -webkit-transition: .7s linear;
	}
} 

@media (min-width: 992px) {
	h2.showcase{
		padding-top:125px;
	}
	.flows .item-half .img-box h2{
		padding-top:125px;
	}
	.project .landingcontainer{
   		background-image: url('../../images/showcase/desktop-bg.png');
        background-size: 100% 650px;
   	}
}

@media (min-width: 1200px) {
	.itemhalfleft{
		padding-right:42px!important;
	}
	.itemhalfright{
		padding-left:42px!important;
	}
	h2.showcase{
		padding-top:145px;
	}
	.flows .item-half .img-box h2{
		padding-top:145px;
	}
	.engielegpuzzels{
		height: 780px!important;
	}
	.engielegpuzzels-tab{
		width: 580px !important;
	    height:  750px !important;
	    position: relative;
	    left: 2px;
	    top:7px;
	}
	.engielegpuzzels-mob{
	    height: 715px !important;
	}
	.hollandcasinos{
		height: 780px!important;
	}
	.hollandcasinos-tab{
		width: 580px !important;
	    height: 750px !important;
	    position: relative;
	    left: 2px;
	    top:7px;
	}
	.hollandcasinos-mob{
	    height: 715px !important;
	}
	.hmc{
		height: 780px!important;
	}
	.hmc-tab{
		width: 580px !important;
	    height: 750px !important;
	    position: relative;
	    left: 2px;
	    top:7px;
	}
	.hmc-mob{
	    height: 715px !important;
	}
	.kiosks{
		height: 780px!important;
	}
	.kiosks-tab{
		width: 580px !important;
	    height: 750px !important;
	    position: relative;
	    left: 2px;
	    top:7px;
	}
	.kiosks-mob{
	    height: 715px !important;
	}
	.oranjes{
		height: 780px!important;
	}
	.oranjes-tab{
		width: 580px !important;
	    height: 750px !important;
	    position: relative;
	    left: 2px;
	    top:7px;
	}
	.oranjes-mob{
	    height: 715px !important;
	}
	.topgears{
		height: 780px!important;
	}
	.topgears-tab{
		width: 580px !important;
	    height: 750px !important;
	    position: relative;
	    left: 2px;
	    top:7px;
	}
	.topgears-mob{
	    height: 715px !important;
	}
	.kentekenscans{
		height: 780px!important;
	}
	.kentekenscans-tab{
		width: 580px !important;
	    height: 750px !important;
	    position: relative;
	    left: 2px;
	    top:7px;
	}
	.kentekenscans-mob{
	    height: 715px !important;
	}
}
/*SHOWCASE*/


/*AI*/
.padd{
	  padding: 0 15px 25px 15px !important;
}

.bg1{
	background-image: url('../../images/ai/bg1.png');
	height: 190px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 120%;
	margin-bottom:20px;
}
.bg2{
	background-image: url('../../images/ai/bg2.png');
	height: 190px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 120%;
	margin-bottom:20px;
}
.bg3{
	background-image: url('../../images/ai/bg3.png');
	height: 190px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 120%;
	margin-bottom:20px;
}
.bg4{
	background-image: url('../../images/ai/bg4.png');
	height: 190px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100%;
	margin-bottom:20px;
}
.nopadai{
	padding-left:15px;
	padding-right:15px;
}
.aileft{
	text-align: left;
	margin-left:85px;
	margin-top:-18px;
}
.aipad{
	padding-left:15px!important;
	padding-right:15px!important;
}

.carousel-inner .carousel-item {
	transition: transform 1s ease-in-out, -webkit-transform 1s ease-in-out!important;
	height: auto!important;
}
.bgai1{
	background-image: url('../../images/ai/slider1.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 120% auto;
	height: 110px;
}
.bgai2{
	background-image: url('../../images/ai/slider2.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 120% auto;
	height: 110px;
}
.bgai3{
	background-image: url('../../images/ai/slider3.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 120% auto;
	height: 110px;
}
.bgai4{
	background-image: url('../../images/ai/slider4.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 120% auto;
	height: 110px;
}
.bgai5{
	background-image: url('../../images/ai/slider5oma.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 120% auto;
	height: 110px;
}
.bgai6{
	background-image: url('../../images/ai/slider6.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 120% auto;
	height: 110px;
}
.bgai7{
	background-image: url('../../images/ai/slider7.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 120% auto;
	height: 110px;
}
.bgai8{
	background-image: url('../../images/ai/slider8.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 120% auto;
	height: 110px;
}
a.carousel-control-prev{
	width: 60px!important;
	height: 45px!important;
	background-color: #43bbec!important;
	display: block;
	left:0px!important;
	top:88px;
}
a.carousel-control-next{
	width: 60px!important;
	height: 45px!important;
	background-color: #43bbec!important;
	display: block;
	right:0px!important;
	top:88px;
}
.arrowai{
    width: 20px;
    height: auto;
    position: relative;
    top: 9px;
}
p.star{
	color:#999999;
	padding-left:45px;
	padding-top:15px;
	margin-bottom:unset;
}
.airibbon{
	position: relative;
	float:right;
	width: 120px;
	top:15px;
}
.aigenerated {
    position: absolute;
    top: 175px;
    right: 160px;
    width: 150px;
    transform: rotate(7deg);
}

@media (min-width: 576px) {
	.bg1{
		background-size: 125%;
		height: 135px;
	}
	.bg2{
		background-size: 160%;
		height: 135px;
	}
	.bg3{
		background-size: 160%;
		height: 135px;
	}
	.bg4{
		background-size: 105%;
		height: 135px;
	}
	.nopadai{
		padding-left:0px;
		padding-right:0px;
	}
	.aipad{
		padding-left:0px!important;
		padding-right:0px!important;
	}
	.bgai1{
		height: 145px;
	}
	.bgai2{
		height: 145px;
	}
	.bgai3{
		height: 145px;
	}
	.bgai4{
		height: 145px;
	}
	.bgai5{
		height: 145px;
	}
	.bgai6{
		height: 145px;
	}
	.bgai7{
		height: 145px;
	}
	.bgai8{
		height: 145px;
	}
	a.carousel-control-prev{
		top:100px!important;
	}
	a.carousel-control-next{
		top:100px!important;
	}
	.airibbon{
		position: relative;
		float:right;
		width: 120px;
		top:50px;
	}
    .aigenerated {
        position: absolute;
        top: 165px;
        right: 160px;
        width: 150px;
        transform: rotate(7deg);
    }

}

@media (min-width: 768px) {
	.bg1{
		background-size: 125%;
		height: 200px;
	}
	.bg2{
		background-size: 160%;
		height: 200px;
	}
	.bg3{
		background-size: 160%;
		height: 200px;
	}
	.bg4{
		background-size: 105%;
		height: 200px;
	}
	.airibbon{
		position: relative;
		float:right;
		width: 150px;
		top:-30px;
	}
	.bgai1, .bgai2, .bgai3, .bgai4, .bgai5, .bgai6, .bgai7, .bgai8{
		background-size: 700px auto;
		height: 205px;
	}
	a.carousel-control-prev{
		width: 70px!important;
		height: 55px!important;
		top:75px!important;
	}
	a.carousel-control-next{
		width: 70px!important;
		height: 55px!important;
		top:75px!important;
	}
	.arrowai{
	    width: 22px;
	    top: 13px;
	}
	.aigenerated{
		position: absolute;
        top: 95px;
        right: 190px;
		width: 150px;
		transform: rotate(7deg);
	}
}

@media (min-width: 992px) {
	.padd{
      padding: 0 30px 25px 30px !important;
	}
	.bg1{
		background-size: 120%;
		height: 300px;
	}
	.bg2{
		background-size: 120%;
		height: 300px;
	}
	.bg3{
		background-size: 120%;
		height: 300px;
	}
	.bg4{
		background-size: 115%;
		height: 300px;
	}
	.aileft{
		margin-left:120px;
	}
	.airibbon{
		width: 200px;
		top:-20px;
	}
	.bgai1, .bgai2, .bgai3, .bgai4, .bgai5, .bgai6, .bgai7, .bgai8{
		background-size: 930px auto;
		height: 275px;
	}
	a.carousel-control-prev{
		width: 75px!important;
		height: 60px!important;
		top:108px!important;
	}
	a.carousel-control-next{
		width: 75px!important;
		height: 60px!important;
		top:108px!important;
	}
	.arrowai{
	    width: 24px;
	    top: 14px;
	}
	.aigenerated{
		position: absolute;
		top: 140px;
		right: 250px;
		width: 150px;
		transform: rotate(7deg);
	}
}

@media (min-width:1200px) {
	.bg1{
		background-size: 100%;
		height: 310px;
	}
	.bg2{
		background-size: 100%;
		height: 310px;
	}
	.bg3{
		background-size: 100%;
		height: 310px;
	}
	.bg4{
		background-size: 100%;
		height: 310px;
	}	
	.aileft{
		margin-left:150px;
	}
	.airibbon{
		width: 245px;
	}
	.bgai1, .bgai2, .bgai3, .bgai4, .bgai5, .bgai6, .bgai7, .bgai8{
		background-size: 1110px auto;
		height: 325px;
	}
	a.carousel-control-prev{
		width: 80px!important;
		height: 65px!important;
		top:130px!important;
	}
	a.carousel-control-next{
		width: 80px!important;
		height: 65px!important;
		top:130px!important;
	}
	.arrowai{
	    top: 13px;
	}
	.arrowai{
	    width: 26px;
	    top: 18px;
	}
	.aigenerated{
		position: absolute;
		top: 185px;
		right: 290px;
		width: 150px;
		transform: rotate(7deg);
	}
}
/*AI*/

ul.bulletsvacature{
	font-size:18px;
	line-height: 28px;
	font-weight:300;
	padding-inline-start: 15px;
	margin-bottom:unset;
}
@media (min-width: 576px) {
	
}

@media (min-width: 768px) {
	
} 

@media (min-width: 992px) {
	ul.bulletsvacature{
		font-size:20px;
		line-height: 32px;
	}
}

@media (min-width: 1200px) {
	
}

section.wervingbg{
	background-image: url('../../images/werving/wervingimg.png');
	height: 261px;
	background-repeat: no-repeat;
	background-position: top right -50px;
}

@media (min-width: 992px) {
	section.wervingbg{
		background-image: url('../../images/werving/wervingimg.png');
		height: 261px;
		background-repeat: no-repeat;
		background-position: center center;
	}
}



.upload_coverbox {
    width: 100%;
    margin-top: 15px;
    padding: 0px;
    border: 1px solid #999999;
    position: relative;
    display: flex;
    flex-direction: column; /* Allow vertical expansion */
    align-items: flex-start;
    overflow: hidden;
}
.upload_cover {
    opacity: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}
.upload_cover_label {
    display: inline-block;
    min-height: 80px;
    width: 100%;
    font-size: 20px;
    background-image: url('../../images/werving/uploadicon.svg');
    background-repeat: no-repeat;
    background-size: 43px 54px;
    background-position: right 40px top 12px;
    color: #999999;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    font-weight: 300;
    text-align: left;
    padding: 10px;
    border: unset !important;
}
.file-name-display {
    display: block;
    margin-top: -30px;
    font-size: 20px;
    color: #999999;
    font-weight: 300;
    width: 100%;
    padding: 10px;
    box-sizing: border-box; /* Ensure padding is included in width */
    overflow-y: auto; /* Scrollbar for overflow */
}

.choiceoptions{
	font-size: 20px;
    display: block;
    width: 100%;
    border: none;
    border: 1px solid #999999;
    color:#495057;
    border-radius: 0px;
    height: 48px;
    margin: 15px 0 0 0;
    padding: 10px;
    padding-top: 7px;
    padding-left: 10px;
    font-weight:300;
    appearance: none; /* Verberg standaard pijltje */
    background-image: url('../../images/werving/arrowdown.svg');
    background-repeat: no-repeat;
    background-position: right 55px center;
    background-size:12px 12px;
}

.checkbox-container {
	display: flex;
	align-items: center;
}

.checkbox-label {
	font-size: 20px;
	margin-left: 20px;
	margin-right:50px;
	display: flex;
	align-items: center;
	font-weight:300;
}

.custom-checkbox {
	position: relative;
	display: inline-block;
	width: 24px;
	height: 24px;
}

.custom-checkbox input {
	opacity: 0;
	width: 0;
	height: 0;
}

.checkbox-box {
	position: absolute;
	top: 0;
	left: 0;
	width: 24px;
	height: 24px;
	background-color: #ffffff;
	border: 1px solid #999999;
	border-radius: 0px;
	cursor: pointer;
	transition: background-color 0.3s, border-color 0.3s, box-shadow 0.3s;
}

.checkbox-box::after {
	content: '';
	position: absolute;
	display: none;
	left: 8px;
	top: 1px;
	width: 7px;
	height: 16px;
	border: solid #ffffff;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

.custom-checkbox input:checked ~ .checkbox-box {
	background-color: #40bbec;
	border-color: #007bff;
}

.custom-checkbox input:checked ~ .checkbox-box::after {
	display: block;
}
.boxspecial{
	border: 1px solid #999999;
	padding:20px 15px 10px 15px;
	margin-top:15px;
}
section.duoblock ul.txtullie {
    padding-inline-start: 25px;
    list-style: none; /* Verwijdert de standaard lijststijlen */
    counter-reset: item; /* Reset de teller */
}

section.duoblock ul.txtullie li {
    position: relative;
    counter-increment: item; /* Verhoogt de teller voor elk lijstitem */
    font-size:18px;
    line-height:28px;
    font-weight:300;
    margin-bottom:30px;
}

section.duoblock ul.txtullie li::before {
    content: counter(item) ") "; /* Voegt de genummerde lijst in het formaat 1), 2), enz. toe */
    position: absolute;
    left: -25px; /* Plaatst de nummers links van de tekst */
}


section.duoblock input.personenbol{
	top:-5px;
}
section.duoblock label.personenlabel{
	max-width: 290px;
	width: 100%;
}
section.duoblock span.onlineaf{
	top:-15px!important;
}
section.duoblock span.printaf{
	top:-30px!important;
}

@media (min-width: 576px) {
	section.duoblock input.personenbol{
		top:24px;
	}
	section.duoblock label.personenlabel{
		max-width: 430px;
	}
	section.duoblock span.onlineaf{
		top:0px!important;
	}
	section.duoblock span.printaf{
		top:-15px!important;
	}
}

@media (min-width: 768px) {
	section.duoblock span.printaf{
		top:0px!important;
	}	
} 

@media (min-width: 992px) {
	section.duoblock ul.txtullie li {
	    font-size:20px;
	    line-height:32px;
	    font-weight:300;
	}
}

@media (min-width: 1200px) {
	
}


/*PARTNER*/
img.iconfooter{
	height:26px;
	width: auto;
	margin-right:40px;
	margin-bottom:20px;
}

@media (min-width: 576px) {
	
}

@media (min-width: 768px) {
	img.iconfooter{
		height:35px;
		margin-right:65px;
		margin-bottom:20px;
	}
} 

@media (min-width: 992px) {
	img.iconfooter{
		height:30px;
		margin-right:45px;
		margin-bottom:unset;
	}
}

@media (min-width: 1200px) {
	img.iconfooter{
		height:38px;
	}
}
/*PARTNER*/