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

	body, html{height:100%;}
	h4{font-size:17px;}
	h3{font-size: 25px; }

	.index{z-index:100;}
	.index .flex{z-index:100; }
	.page-nav-drawer ul li.arrow::before{top:18px;}
	.page-nav-drawer ul ul li.open::before{top:15px;}

	.index-logo{display:none; /* display:block; */ position: absolute; top:50px; right:50px; z-index:300;}
	.index-logo img{height:35px;}

	.image-slider li.default{display:none;}
	.image-slider li.tablet{display:block;}

	#roi .image-slider li{background-image:url('/images/dirk-deroo2.jpg') !important;}

	.flex{display:flex; justify-content:space-between; min-height:100vh;}
	.flex > div{ box-sizing: border-box;  height:100%;}
	.flex > div:first-child{width:80%; background-position: center; background-size: cover; margin:0px;}
	.flex > div:last-child{width:60%; padding:50px 20px 0px 30px;}
	.content .flex > div:last-child{padding-right:50px;}
	.content .flex > div > img{height:31px; display:none; /* mp logo jump */}

	.content .flex{flex-direction: column-reverse; }
	.content .flex > div:first-child{width:100%; padding-top:250px;}
	.content .flex > div:last-child{width:100%; padding:0px 20px 50px 20px;}

	.homepage{dheight:100%;}
	.main{padding: /* 50px 0px 0px */ 0px; min-height:100%;  height:100%; box-sizing: border-box; display:flex; flex-direction:column;}
	.main .content{padding-top:0px;}
	.main .content .title-intro strong::before{content: "";}
	.main .index .flex > div:first-child{padding:50px 30px 0px 30px; width:100%; }

	.videocover{top:0px; right:0%; bottom:0px; opacity:0.9; left:0px; position:absolute; background-color:#0F9FE0; z-index:10;}
	.videocover::before{display:none;}
	.video{position: absolute; display:block; z-index:5; overflow:hidden; top:0px; right:0px; /* left:0px; */ bottom:0px; dbackground-image:url('/images/landing-image.jpg'); background-size: cover; z-index: 5; }
	.video iframe{position: absolute; top:0px; right:0px; left:0px; bottom:0px; }
	.video .logo{display:none; position: absolute; top:30px; right:30px; z-index:10;}

	.flex-reverse{display:flex; justify-content:space-between; flex-direction:row;  min-height:100vh;}
	.flex-reverse > div{ box-sizing: border-box;  height:100%;}
	.flex-reverse > div:first-child{width:60%; padding:50px 20px 0px 50px; }
	.flex-reverse > div:last-child{width:40%; background-position: center; background-size: cover; height:auto; margin:0px;}
	.content .flex-reverse > div:first-child{padding-right:50px;}
	.content .flex-reverse > div > img{height:31px; display:none; /* mp logo jump */}

	.content .flex-reverse{flex-direction: column;}
	.content .flex-reverse > div:first-child{width:100%; padding:0px 20px 50px 20px; }
	.content .flex-reverse > div:last-child{width:100%; padding-top:250px;}

	.content .title-intro strong{color:white; background:#13B8F1; padding:25px 20px; margin-top:0px; margin-left:-20px; margin-right:-20px; display:block;}

	.quote{padding:50px; }
	.quote .text{ font-size:40px; }

	.title-intro{font-weight:300; margin-bottom:30px; margin-top:0px;}
	.title-intro strong{font-size:20px;}
	.index .title-intro{color:white; width: 90%; }
	.index .title-intro strong{ white-space: nowrap;}

	.cla-box-grid{display: flex; flex-direction: row; margin-bottom:20px; max-width: 800px;}
	.cla-box-grid > div{margin-right:0px; width:100%; }
	.cla-box-grid > div:nth-child(n+3){display:none;}

	.index-links h4 strong::before{content: "";}

	.customer-highlight-wrapper{display:flex; justify-content:space-between; width:100%;}
	.customer-highlight-wrapper > div{width:50%; box-sizing: border-box;}
	.customer-highlight-wrapper > div:first-child{margin-right:4%;}
	.customer-highlight-wrapper > div:last-child{margin-left:0%;}
	.customer-highlight-wrapper .customer-case{display:block; margin:0px;}
	.customer-highlight-wrapper .customer-case p{height:auto; /* max-height:65px; */}
	.customer-highlight-wrapper .customer-case > div:first-child{/* position: absolute; top:0px; right:0px; bottom:0px; left:0px; z-index:5; width:auto; */}
	.customer-highlight-wrapper .customer-case > div:last-child{width:100%; box-sizing: border-box; position: relative; z-index:10;}
	.customer-highlight-wrapper .highlight{margin-bottom:0px !important;}
	.customer-highlight-wrapper .highlight p{/* max-height:65px;  */overflow:hidden;}

	.landing .intro{text-align: right; padding:70px; position: fixed; top:0px; right:0px; left:0px; bottom:0px; background-size:auto 100%; background-image:url('/images/landing-intro.svg'); background-repeat: no-repeat; background-position: 20% 100%; z-index: 21000; transition: all 0.7s cubic-bezier(1,.08,.32,.97);}
	.landing .intro .text p{font-size:50px;}

	.customer-overview{padding:0px 0px 10px 0px;}
	.customer-overview ul{flex-direction: row; padding:0px 50px; }
	.customer-overview ul li{width:22%;}
	.customer-overview ul li:nth-child(4n+2){margin-right:4%; margin-left:4%;}
	.customer-overview ul li:nth-child(4n+4){margin-left:4%;}

	.customer .image{height:80px;}

	.articlebox-wrapper{display:block;}

	.box{ padding:20px 30px; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.27); }

	.popup{width:500px; margin-left:-250px;  left:50%; }
	.popup-article{width:750px; margin-left:-375px;}

	.colofon{display:flex; justify-content: space-between; margin:0px;}
	.colofon p:first-child{width:60%;}
	.colofon p:last-child{width:40%; padding-left:20px; text-align: right;}


	.mktoForm input[type=text], .mktoForm input[type=url], .mktoForm input[type=email], .mktoForm input[type=tel], .mktoForm input[type=number], .mktoForm input[type=date], .mktoForm select.mktoField, .mktoForm textarea.mktoField{width:340px !important; } 
	.mktoForm .mktoLabel{padding-top: 7px !important;}
	.mktoForm .mktoButtonWrap{margin-left:110px !important;}


	
	.roi-callouts{margin-top:0px;}
	.roi-callouts .callout1{font-size:40px; padding:74px 80px 0px 40px; line-height: 50px; box-sizing: border-box; width:453px; height:310px;  background:none; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='453.9' height='310.4' viewBox='0 0 453.9 310.4'%3E%3Cdefs/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='.5' x2='.5' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%2370d4f7'/%3E%3Cstop offset='1' stop-color='%233bc3f2'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M1235.6 1169.9s-57-9.4-57-57.5v-92.5a87.7 87.7 0 00-87.7-87.8H869.5a87.7 87.7 0 00-87.8 87.8v134.9a87.7 87.7 0 0087.8 87.7H1091.7c15.6 0 80.1.9 144-72.6z' data-name='Path 433' transform='translate(-781.7 -932.1)'/%3E%3C/svg%3E");}
	.roi-callouts .callout2{background:white; margin-left:50px; width:270px; box-sizing: border-box; border-radius:40px; font-size:30px; padding:30px 40px; margin-top:-30px; color:#2ABEF2; }
	.roi-callouts .callout1:after{display:none;}

	#roi .flex-reverse > div:last-child{align-items: flex-start; padding-top:0px; padding-bottom:150px; justify-content: flex-start; display: flex; flex-direction: column;}
	#roi .title-intro-small strong{background:none;margin:0px; color:black; display:inline; padding:0px;}
	#roi .ceo-info{opacity:0.5;  font-size: 18px; position: absolute; top: auto;  left: 10px; text-align: right; bottom:20px;  z-index: 100; width: 200px;}

	.language-switcher{ right:25px; top:75px; left: auto; position: absolute;}
	.language-switcher .dropbtn{background-color:white; box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.16), inset 0px 0px 0px 1px white;}
	/* Notch support*/
	@supports(padding:calc(0px)) {
		.language-switcher{
			top:calc(75px + env(safe-area-inset-top));
		}
	}
	
}







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

/* } */

@media screen and (min-width: 1024px) and (max-height: 700px) {
	
	aside.sidebar .modules a{ margin: 0px 0px !important;}

}

@media screen and (min-width: 1350px) and (min-height: 900px) {
	
	.main, .main .index{position: relative;}
	.main, .main .index{min-height:100%;}
	.main .colofon{height:auto;}

}

@media screen and (min-width: 1024px) {

	/* webkit only solution */
/* 	.details-summary.active .summary::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);background-color: #F5F5F5;}
	.details-summary.active .summary::-webkit-scrollbar{width: 10px;background-color: #F5F5F5;}
	.details-summary.active .summary::-webkit-scrollbar-thumb{background-color: grey;border: 2px solid grey;}
 */
	.title-intro{margin-top:0px;}

	.goToTop{}

	.index{z-index:50;}
	.index .flex{flex-direction: column; z-index:100;}
	.index .title-intro{ font-size:40px;}

	.index-callout{text-align:center; position: absolute; top:130px; left:120%; width:280px; z-index:300; opacity:0; /* animation: 1s ease-in 3s forwards showIndexCallout; */}
	.index-callout > div{border-top-right-radius: 15px; border-bottom-right-radius: 15px; position: relative;}
	.index-callout > div::before{content:''; width:14px; height:14px; background:#00B0FF; border-radius:50px; position:absolute; top:-7px; left:-7px; box-shadow: 0px 0px 15px 5px rgba(255,255,255,1);}

/* 	.details-summary.active .summary{max-height:350px; padding-right:25px;}
 */
	.accordeon .accordeon-read-more{display:inline; position: absolute; top:50%; transform:translatey(-50%); right:70px; color:#00B8F1; z-index:10; font-weight:bold; font-size:15px; text-transform: uppercase;}
	.accordeon .accordeon-title h4{padding-right:165px;}
	.accordeon .accordeon-content{max-height:600px; overflow-y:scroll;}

	.accordeon.cta .accordeon-title{display:flex; padding:0px;}
	.accordeon.cta .accordeon-read-more{position:static;     transform: translate(0px);}

	.image-slider li.default{display:block;}
	.image-slider li.tablet{display:none;}

	#roi .image-slider li{background-image:url('/images/mag26-Dirk.jpg') !important;}


	/* .image-slider li{background-position: 0%; background-size:contain; background-attachment:fixed;}
	.flex-reverse .image-slider li{background-position:100%;} */

	.page-nav-drawer{background:#00B8F1; color:white;  animation: 7s ease-in-out infinite drawerToggleRight; position: absolute; max-width:300px; top:105px; left:0px; margin:0px; border-radius: 10px; border-top-left-radius:0px; border-bottom-left-radius:0px;  transform:translateX(-100%)}
	.page-nav-drawer.stage{transform:translateX(0%) !important; dtransition-duration: 15s;}
	.page-nav-drawer .drawer{display:block; max-height:450px; overflow-y: auto; margin-top:0px;}
	.page-nav-drawer p{margin-bottom:15px; width:80%; display:none;}
	.page-nav-drawer .toggle{ width:25px; height:70px;  /* top:13px; */ top:63px; right:-25px; background:#00B8F1; border-radius: 10px; border-top-left-radius:0px; border-bottom-left-radius:0px;}
	.page-nav-drawer.open{dbackground:white; animation:none; transform:translateX(0%) !important; transition-duration: 0.6s !important;}
	.page-nav-drawer.open .toggle{dbackground:white;}
	.page-nav-drawer.open .drawer{display:block;}
	.page-nav-drawer .toggle::before{content:'';  display:block; width:12px; height:12px; border-bottom:2px solid #7F7F7F; border-left:2px solid #7F7F7F; border-color:white; position: absolute; top:28px; left:1px; transform:rotate(225deg)}
	.page-nav-drawer.open .toggle::before{animation: none !important; transform:rotate(45deg); left:8px; dborder-color:#7F7F7F;}
	.page-nav-drawer p span{display:none;}
	.page-nav-drawer ul ul li{font-size:13px;}
	.page-nav-drawer ul li{font-size:15px; padding-left:18px;}
	.page-nav-drawer ul li.active a{color:#fff;}
	.page-nav-drawer ul li.active::before{border-color:#fff;}	
	.page-nav-drawer ul a{padding:5px 0px; cursor: pointer; color:#fff; width:100%; text-overflow: ellipsis; overflow:hidden; white-space: nowrap;}
	.page-nav-drawer ul ul li a{padding:3px 0px;}
	.page-nav-drawer ul.level0 > li{border-bottom:1px solid #fff;}
	.page-nav-drawer ul.level1 > li a{color:#fff;}
	.page-nav-drawer ul.level1 > li.active a{color:#fff;}
	.page-nav-drawer ul.level2 > li a{color:#fff !important;}
	.page-nav-drawer ul.level2 > li.active a{color:#fff !important;}

	.page-nav-drawer ul li::before{top:13px;}
	.flex .page-nav-drawer{animation: 7s ease-in-out infinite drawerToggleLeft; left:auto; right:0px; border-radius: 10px; border-top-right-radius:0px; border-bottom-right-radius:0px; transform: translateX(100%);}
	.flex .page-nav-drawer.open{animation:none;}
	.flex .page-nav-drawer .toggle{left:-25px; right:auto;  border-radius: 10px; border-top-right-radius:0px; border-bottom-right-radius:0px;}
	.flex .page-nav-drawer .toggle::before{transform:rotate(45deg); left:11px; animation: 2s infinite drawerArrowLeft;}
	.flex-reverse .page-nav-drawer .toggle::before{animation: 2s infinite drawerArrowRight;}
	.flex .page-nav-drawer.open .toggle::before{transform:rotate(-135deg); left:4px;}
	.page-nav-drawer ul li.arrow::before{top:14px;}
	.page-nav-drawer ul ul li.open::before{top:8px;}

	.customer-highlight-wrapper{flex-direction: column;}
	.customer-highlight-wrapper > div{width:auto; box-sizing: border-box;}
	.customer-highlight-wrapper > div:first-child{margin-right:0%; margin-bottom:20px;}
	.customer-highlight-wrapper > div:last-child{margin-left:0%;}
	.customer-highlight-wrapper .customer-case > div:first-child{/* transform:translateY(-100%); */ opacity:1;}
	.flex .customer-highlight-wrapper{flex-direction: column-reverse;}
	.flex .customer-highlight-wrapper .customer-case{margin-bottom:20px;}

	html{overflow-x: hidden; }
	body{padding-top:0px; padding-left:80px; transition:transform 0.25s ease-in-out; }
	h4{font-size:18px;}
	h3{font-size: 25px; }

	aside.sidebar{display:block; position:fixed; transition:all 0.25s ease-in-out; top:0px; left:0px; bottom:0px; height:auto; width:80px; right:auto; box-shadow:inset -10px 0 20px 0px rgba(0,0,0,0.2);}
	aside.sidebar .menu{position: absolute; top:0px; left:0px; right:0px; bottom:auto; height:70px; width:80px; line-height: 70px; text-align: center; opacity:0.5}
	aside.sidebar .menu:hover{opacity: 1;}
	aside.sidebar .menu .menu-info{display:none;}
	aside.sidebar .share{position: absolute; top:auto; left:0px; right:auto; bottom:0px; height:70px; width:80px; line-height: 70px; text-align: center;}
	aside.sidebar .modules{position: relative; top:50%; transform: translateY(-50%); display:block; padding:0px;}
	aside.sidebar .modules a{ margin: 10px 0px; position: relative; overflow: hidden; }
	aside.sidebar .modules a i{display:none; opacity:0; pointer-events: none; transition:opacity 0.4s ease;}
	html.sidebarIsOpen aside.sidebar .modules a i{display:inline-block; opacity:1;}
	aside.sidebar .modules a span{display:inline-block; margin-left:15px; width:45px; z-index:100; position: relative; height:45px; line-height: 40px; text-align: center; color:white; border-radius: 12px;}

	aside.sidebar .modules a:hover{opacity:1; dwidth:250px;  overflow:visible;}
	aside.sidebar .modules a.active{margin-right:-15px; border-top-right-radius: 10px; border-bottom-right-radius: 10px;}
	aside.sidebar .modules a.active::after{content:''; position:absolute; top:7px; right:8px; width:14px; height:30px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.1' height='30' viewBox='0 0 14.1 41.6'%3E%3Cdefs/%3E%3Cg fill='%23fff' data-name='Group 1041'%3E%3Cpath d='M1 8.3l-.8-.7a.8.8 0 010-1.1L6.5.2a.8.8 0 011 0l6.3 6.3a.8.8 0 010 1l-.7.8a.8.8 0 01-1 0L8.2 4.4v9.3a.8.8 0 01-.8.7h-1a.8.8 0 01-.8-.7V4.4L2 8.3a.8.8 0 01-1 0zM13.1 33.3l.7.7a.8.8 0 010 1l-6.2 6.3a.8.8 0 01-1.1 0L.2 35.1a.8.8 0 010-1.1l.7-.7a.8.8 0 011.1 0l3.7 3.9v-9.3a.8.8 0 01.8-.8h1a.8.8 0 01.8.8v9.3l3.7-4a.8.8 0 011.1 0z' data-name='Icon awesome-arrow-down'/%3E%3C/g%3E%3C/svg%3E");}
	.sidebarIsOpen aside.sidebar .modules a:hover{width:auto;}
	aside.sidebar .modules a:hover i{display:inline-block; max-width:300px; text-overflow: ellipsis; white-space: nowrap; opacity:1; box-shadow: -65px 0px 0px 0px rgba(255,255,255,0.9), 3px 0px 6px 0px rgba(0,0,0,0.2); padding:9px 9px 9px 0px; background:white;}
	aside.sidebar .modules a.active:hover i{background:none; color:white;box-shadow:none; display:none;}
	aside.sidebar .modules a:hover::before, aside.sidebar .modules a.active::before{content:''; width:5px; left:0px; bottom:0px; top:0px; background:#008FD3; position: absolute;}
	
	/* 	aside.sidebar .modules a.active.page01::before, aside.sidebar .modules a.page01:hover::before{background:#00B8F1;}
	aside.sidebar .modules a.active.page02::before, aside.sidebar .modules a.page02:hover::before{background:#008FD3;}
	aside.sidebar .modules a.active.page03::before, aside.sidebar .modules a.page03:hover::before{background:#005782;}
	aside.sidebar .modules a.active.page04::before, aside.sidebar .modules a.page04:hover::before{background:#71207B;}
	aside.sidebar .modules a.active.page05::before, aside.sidebar .modules a.page05:hover::before{background:#ED3094;}
	aside.sidebar .modules a.active.page06::before, aside.sidebar .modules a.page06:hover::before{background:#FF5639;}
	aside.sidebar .modules a.active.page07::before, aside.sidebar .modules a.page07:hover::before{background:#FF5F1E;}
	aside.sidebar .modules a.active.page08::before, aside.sidebar .modules a.page08:hover::before{background:#FF9027;}
	aside.sidebar .modules a.active.page09::before, aside.sidebar .modules a.page09:hover::before{background:#FF9027;}
	aside.sidebar .modules a.active.page10::before, aside.sidebar .modules a.page10:hover::before{background:#87C846;}
	aside.sidebar .modules a.active.page11::before, aside.sidebar .modules a.page11:hover::before{background:#71207B;}
	aside.sidebar .modules a.active.page12::before, aside.sidebar .modules a.page12:hover::before{background:#ED3094;}
	 */	
	 aside.sidebar .modules a.active span{background:none; filter: invert(1);}

	html.sidebarIsOpen .sidebar .modules a:hover{background:none; box-shadow: none;}

	.landing .intro{background-position: 0% 100%;}

	.customer-overview{padding-top:50px;}
	.customer .image{height:100px;}

	.content .title-intro strong{padding:25px 50px; font-size:40px; margin-left:-50px; margin-right:-50px; margin-top:20px;}
	.videocover{right:40%;}


	html.sidebarIsOpen .sidebar{width:290px;}

	.main{padding:0px; position: relative; box-sizing: border-box;}

	/* Notch support*/
	/* @supports(padding:max(0px)) {
		.main{
			padding-top:env(safe-area-inset-top);
		}
	} */
	
	.main .content{padding-top:0px; min-height: 100vh;}
	.main .index .flex > div:first-child{padding:50px 0px 0px 30px; width:50%;}
	.setFixed{position:fixed; left:80px; top:0px; right:0px; bottom:0px; background:white; z-index:1000;}

	.flex{display:flex; justify-content:space-between;}
	.flex > div{ box-sizing: border-box;}
	.flex > div:first-child{width:50%; background-position: center; height:auto !important; background-size: cover; margin:0px; overflow: hidden;}
	.flex > div:last-child{width:50%; padding:50px 20px 0px 50px;}
	.content .flex > div:last-child{padding-right:50px;}
	.content .flex > div > img{display:block;}

	.content .flex{flex-direction: row; }
	.content .flex > div:first-child{width:40%; display:flex; align-items: flex-end; flex-direction:column; justify-content:flex-end; }
	.content .flex > div:last-child{width:60%; padding:50px 50px 50px 50px;}


	.flex-reverse{display:flex; justify-content:space-between; flex-direction:row;}
	.flex-reverse > div{ box-sizing: border-box; }
	.flex-reverse > div:first-child{width:60%; padding:50px 20px 0px 50px; }
	.flex-reverse > div:last-child{width:40%; height:auto !important; background-position: center; background-size: cover; margin:0px; overflow: hidden;}
	.content .flex-reverse > div:first-child{padding:50px;}
	.content .flex-reverse > div > img{display:block;}

	.content .flex-reverse{flex-direction: row; }
	.content .flex-reverse > div:first-child{width:60%; }
	.content .flex-reverse > div:last-child{width:40%; display:flex; align-items: flex-start; flex-direction:column; justify-content:flex-end;}

	.landing .intro .text{position: absolute; bottom:50px; left:auto; right:70px; color:white; width:40%; font-weight: 200;}
	.landing .intro .text p{}
	.landing .intro .text a{margin-bottom:50px; margin-top:30px; border:1px solid white; color:white; font-size:18px; height:50px; line-height: 50px; font-weight: 400; padding:0px 30px; border-radius: 50px; display:inline-block;}
	.landing.isHidden .image{transform: translate(-100%);}
	.landing.isHidden .intro{transform: translate(100%);}

	.index-links{margin-bottom:30px;}

	.cla-box-grid > div{width:47%; position: relative;}
	.cla-box .cla-box-content{padding-bottom:50px;}
	.cla-box .cla-box-content .button{position: absolute; bottom:15px; left:15px;}
	.cla-box-grid > div:nth-child(n+3){display:block;}

	.roi-callouts{position: relative; z-index:300; margin-bottom:50px;}
	.roi-callouts .callout1{background:#00B8F1; color:white; padding:15px; font-size:30px; width:auto; height:auto; line-height: normal;}
	.roi-callouts .callout2{background:white; color:#2ABEF2; padding:15px; font-size:16px; width:auto; margin:0px; border-radius:0px;}
	.roi-callouts .callout1:after {display:block;}

	#roi .flex-reverse > div:last-child{align-items: flex-end; padding-top:150px; padding-bottom:0px; justify-content: flex-end; display: flex; flex-direction: column;}
	#roi .title-intro strong{display:none;}
	#roi .title-intro-small{margin-top:30px; font-size:35px;}
	#roi .title-intro-small strong{display:inline; background:none; color:#009FE0}
	#roi .ceo-info{opacity:0.5;  font-size: 16px; position: absolute; top: 15px;  left: 15px; text-align: left; bottom:auto; right:auto; z-index: 100; width: 100px;}

	.language-switcher{ right:25px; top:25px; left: auto;}


	@keyframes showIndexCallout {
		0% {
			opacity:0;
		}
		100% {
			opacity: 1;
		}

	}

	@keyframes drawerToggleRight {
		0% {
			left:0px;
		}
		26% {
			left:0px;
		}
		35% {
			left:15px;
		}
		44% {
			left:0px;
		}

	}

	@keyframes drawerToggleLeft {
		0% {
			right:0px;
		}
		26% {
			right:0px;
		}
		35% {
			right:15px;
		}
		44% {
			right:0px;
		}
	}

	@keyframes drawerSlideLeft {
		0% {
			transform:translateX(100%) !important;
		}
		100% {
			right:25px;
			transform:translateX(0%) !important;
		}
	}


	
	@keyframes drawerArrowRight {
		0% {
			left:1px;
		}
		10% {
			left:3px;
		}
		30% {
			left:0px;
		}
		70% {
			left:1px;
		}
	}
	
	@keyframes drawerArrowLeft {
		0% {
			left:11px;
		}
		10% {
			left:8px;
		}
		30% {
			left:12px;
		}
		70% {
			left:11px;
		}
	}




}


@media screen and (min-width: 1200px) {

	.index-links li{margin-right:30px; margin-bottom:30px; width:25%;}
	.index-links .icon div img{height:40px;}
	.index-links li:nth-child(3n+2){margin-right:30px; margin-left:0px;}
	h3{font-size: 30px; }

	.colofon{padding:20px 50px;}


}


@media screen and (min-width: 1350px) {

	.customer-highlight-wrapper{flex-direction: row;}
	.customer-highlight-wrapper > div{width:50%; box-sizing: border-box;}
	.customer-highlight-wrapper > div:first-child{margin-right:2%; margin-bottom:0px;}
	.customer-highlight-wrapper > div:last-child{margin-left:2%;}

	.flex .customer-highlight-wrapper{flex-direction: row;}
	.flex .customer-highlight-wrapper .customer-case{margin-bottom:0px;}

	.index-callout{left:100%;}

	.main .index .flex > div:first-child{padding:40px 0px 0px 50px;}

	.flex > div:first-child{width:50%; }
	.flex > div:last-child{width:50%;}

	.content .flex > div:first-child{width:50%; }
	.content .flex > div:last-child{width:50%; }

	.flex-reverse > div:first-child{width:50%;}
	.flex-reverse > div:last-child{width:50%;}

	.content .flex-reverse > div:first-child{width:50%;}
	.content .flex-reverse > div:last-child{width:50%;}

	.index-links{margin-bottom:30px; justify-content: normal;}
	.index-links li{width:20%; margin-right:0px; margin-bottom:20px;}
	.index-links .icon div img{height:40px;}
	.index-links li:nth-child(3n+2){margin-right:0px; margin-left:0px;}
	.index-links li:nth-child(4n+2){margin-right:4%; margin-left:4%;}
	.index-links li:nth-child(4n+4){margin-left:4%;}

	.landing .intro{background-position: 110% 100%;}

	.index .title-intro strong{}

	.customer-overview ul{margin: auto; max-width:1350px}
	.customer-overview h3{margin-bottom:30px;}
	.customer .image{height:150px;}

	.videocover{right:50%;}

	.roi-callouts{margin-top:0px;}
	.roi-callouts .callout1{font-size:40px; padding:74px 80px 0px 40px; line-height: 50px; box-sizing: border-box; width:453px; height:310px;  background:none; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='453.9' height='310.4' viewBox='0 0 453.9 310.4'%3E%3Cdefs/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='.5' x2='.5' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%2370d4f7'/%3E%3Cstop offset='1' stop-color='%233bc3f2'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M1235.6 1169.9s-57-9.4-57-57.5v-92.5a87.7 87.7 0 00-87.7-87.8H869.5a87.7 87.7 0 00-87.8 87.8v134.9a87.7 87.7 0 0087.8 87.7H1091.7c15.6 0 80.1.9 144-72.6z' data-name='Path 433' transform='translate(-781.7 -932.1)'/%3E%3C/svg%3E");}
	.roi-callouts .callout2{background:white; margin-left:50px; width:270px; box-sizing: border-box; border-radius:40px; font-size:30px; padding:30px 40px; margin-top:-30px; color:#2ABEF2; }
	.roi-callouts .callout1:after{display:none;}

	#roi .image-slider li{background-image:url('/images/dirk-deroo2.jpg') !important;}
	#roi .flex-reverse > div:last-child{align-items: flex-start; padding-top:100px; padding-bottom:150px; justify-content: flex-start; display: flex; flex-direction: column;}
	#roi .ceo-info{opacity:0.5;  font-size: 18px; position: absolute; top: auto;  left: 30px; text-align: left; bottom:20px; right:auto; z-index: 100; width: 200px;}



}

@media screen and (min-width: 1000px) and (min-height: 1080px) {

	.main > div{min-height:100%;}
	.main .content{height:100%;}

}

@media screen and (min-height: 900px) {

	.goToTop{bottom:90px;}

}