/*
 Theme Name:   Salient Child Theme
 Theme URI:    https://www.shakers.nl
 Description:  Salient Child Theme
 Author URI:   https://www.shakers.nl
 Template:     salient
 Version:      1.0.0
 Tags:         responsive-layout, accessibility-ready
 Text Domain:  salient-child
*/

/* =Theme customization starts here
-------------------------------------------------------------- */

/* Fonts */

@font-face {
  	font-family: Rubik-Med;
	font-display: swap;
  	src: url(/wp-content/themes/shakers/fonts/rubik-medium.woff);
}

@font-face {
  	font-family: Rubik-Semi;
	font-display: swap;
  	src: url(/wp-content/themes/shakers/fonts/rubik-semibold.woff);
}



/* Algemeen / Fonts / Titles */

html {
	overflow-y: auto;
}

html.scrolllock {
	overflow-y: hidden;
}

body, div, span, p, h1, h2, h3, h4, h5, h6, a, a:hover, a:focus, a:active, input {
	-moz-osx-font-smoothing: grayscale !important;
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px!important;
}

body {
	color: #0D033B;
	background: #F6F9FB;
	background: linear-gradient(0deg, rgba(231,239,245,1) 0%, rgba(246,249,251,1) 500px, rgba(246,249,251,1) 100%)!important;
	font-size: 18px;
	line-height: 27px;
}

#footer-outer, #nectar_fullscreen_rows >#footer-outer.wpb_row .full-page-inner-wrap {
	background-color: transparent!important;
}

body, p {
	font-family: Lato, sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 18px;
	line-height: 1.5;
	letter-spacing: 0.2px;
}

.bold, strong, b {
    font-family: Lato, sans-serif;
    font-weight: 500;
}

h1, h2, h3, h4, h5, h6, .item-title, .post-title, .post-title-no-link, .clapat-counter .number, .p-table-title, .p-table-num, .p-table-num sup {
	font-family: Rubik-Med, sans-serif;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	letter-spacing: 0;
}

.d-flex {
	display: flex;
}

.page-template-default h3 {
	font-size: 18px;
    font-family: Lato;
    font-weight: 500;
}

a, a:link, a:visited {
	cursor: pointer;
	color: #0D033B;
	transition: color .3s ease-in-out;
}

a:hover, a:focus, a:active {
	color: #6C42F8;
	cursor: pointer;
	text-decoration: none;
	transition: 0.3s ease-in;
}

::placeholder {
    color: #9A98A9;
    opacity: 1;
	font-family: Lato, sans-serif;
	font-size: 15px;
}

:focus::placeholder { 
	color: #9A98A900; 
}

h1.subheader,
h2.subheader {
	font-size: 36px;
	line-height: 42px;
	color: #0D033B;
	margin-bottom: 30px;
	font-weight: normal;
	-webkit-font-smoothing: subpixel-antialiased;
}

h1.suptitle,
h3.suptitle {
	font-family: Lato, sans-serif;
	color: #6C42F8;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
}

h1.suptitle:after,
h3.suptitle:after {
	content: "";
	width: 40px;
	border-top: 2px solid #6C42F8;
	display: block;
    margin: 10px 0 20px 0;
}

h1.suptitle a,
h3.suptitle a {
	color: #6C42F8;
}

h2.ptitle,
h2.ptitle a {
	color: #6C42F8;
	font-size: 20px;
	font-weight: normal;
}

h4.ptitle,
h4.ptitle a {
	color: #6C42F8;
	font-size: 20px;
	font-weight: normal;
}

h4.ptitle.beforeline:before {
	content: "";
	width: 40px;
	border-top: 2px solid #6C42F8;
	display: block;
    margin: 0 0 20px 0;
}

h5.ptitle, h5.ptitle a {
    color: #6C42F8;
    font-size: 18px;
    font-weight: normal;
}



/* Header / Navigatie / Side Panel */

.rightpanel {
	display: none;
	z-index: 9999;
}

nav {
    font-family: Lato, sans-serif;
}

#header-outer {
	/*border-bottom: 1px solid #00000011;*/
	background-color: transparent;
}

#header-space,
body #header-outer, body[data-header-color="dark"] #header-outer {
    background-color: transparent!important;
}

#header-space {
    max-height: 100px!important;
}

.home #header-outer {
	border-bottom: none;
}

.dienstencontainer {
	padding-top: 40px;
}

#header-outer header#top nav >ul >li:not([class*="button_"]) >a:hover {
	color: #6C42F8;
}

#header-outer[data-lhe="animated_underline"] header#top nav >ul >li:not([class*="button_"]) >a:after {
    border-top: none;
}

#header-outer[data-lhe="animated_underline"] header#top nav > ul > li:first-child > a {
	margin-left: 0;
}

i.fa-phone {
	top: -1px;
}

.headerphone {
	-webkit-font-smoothing: subpixel-antialiased;
}

body #header-outer.detached {
	background-color: #ffffffee;
}

li.headerphone {
	margin: -3px 5px 0px 0px;
}

#menu-item-22.menu-item-22 a {
	text-transform: uppercase;
}

header#top nav >ul >li > a, .sf-menu li {
	font-size: 16px!important;
	font-weight: 500;
}

#mobile-menu {
    position: fixed;
    background-color: #6c42f8;
    padding: 50px 0 20px 0;
    z-index: 10000;
    width: 100%;
	height: 100%;
}

#mobile-menu .container {
	 margin-top: -45px;
    height: 67px;
    border-bottom: 1px solid #ffffff55;
    max-width: 100%!important;
    padding: 0 20px;
}

#mobile-menu #menu-item-22.menu-item-22 a {
    text-transform: none;
}

#mobile-menu i[class*="fa-"] {
    font-size: 16px;
	margin-right: 0;
	color: #fff;
	margin-top: -2px;
	margin-left: 20px;
}

.mobile-menu-toggle {
	position: fixed;
	z-index: 999999;
	width: 100%;
	height: 70px;
}

.mobile-menu-toggle .hamburger-holder {
	position: absolute;
    top: 16px;
    right: 20px;
    background-color: #fff;
    padding: 10px;
}

body.mobile.classic_mobile_menu_open .mobile-menu-toggle .hamburger-holder {
	position: absolute;
    top: 17px;
    right: 20px;
    background-color: #6c42f8;
    padding: 10px;
}

body.mobile.classic_mobile_menu_open .mobile-menu-toggle .hamburger-holder .lines:before, 
body.mobile.classic_mobile_menu_open .mobile-menu-toggle .hamburger-holder .lines:after {
    background: #fff;
}

.slide-out-widget-area-toggle.mobile-icon .lines-button.x2 .lines:before, 
.slide-out-widget-area-toggle.mobile-icon .lines-button.x2 .lines:after, 
.slide-out-widget-area-toggle[data-icon-animation="simple-transform"].mobile-icon .lines-button:after, 
header#top .slide-out-widget-area-toggle[data-icon-animation="spin-and-transform"].mobile-icon .lines-button.x2 .lines {
    background-color: #333;
}

#mobile-menu li {
	list-style: none;
	display: block;
   	width: 100%;
   	float: left;
}

#mobile-menu ul li.contact-mail {
    border-top: 1px dotted #ffffff77;
    padding-top: 20px;
    margin-top: 20px;
}

#mobile-menu ul li.contact-phone {
	margin: 10px 0;
}

#mobile-menu ul li.contact-support {
    border-bottom: 1px dotted #ffffff77;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

#mobile-menu .container >ul >li:last-child {
    padding-bottom: 20px;
}

#mobile-menu ul li.contact-mail a,
#mobile-menu ul li.contact-phone a,
#mobile-menu ul li.contact-support a {
    font-size: 16px;
    line-height: 18px;
    font-family: Lato, sans-serif;
	font-weight: 300;
    letter-spacing: 0;
	position: relative;
	text-decoration: none;
    display: inline-block;
    float: none;
    margin-left: 10px;
	border-bottom: none;
	color: #fff;
	padding: 10px 0 !important;
}

#mobile-menu ul li a {
    font-size: 24px;
    line-height: 48px;
    font-family: Rubik-Med, sans-serif;
    letter-spacing: 0;
	position: relative;
	text-decoration: none;
	display: block;
	float: left;
	border-bottom: none;
	margin-left: 50px;
	padding: 5px 0 !important;
}

#mobile-menu .ode {
	padding: 35px;
	max-width: 500px;
}

#mobile-menu .ode i {
    color: #ffffff33;
    font-size: 42px;
    font-family: Georgia;
    line-height: 60px;
	transition: color 0.3s ease-out;
}

#mobile-menu .ode i:hover {
    color: #ffffffaa;
}





/* Slide Out Panel */

#slide-out-widget-area.slide-out-from-right-hover .off-canvas-menu-container {
    position: relative;
    transform: none!important;
    margin-top: -30px!important;
}

#slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container li {
	list-style: none;
	display: block;
   	width: 100%;
   	float: left;
}

#slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container li a {
    font-size: 27px;
    line-height: 50px;
	font-weight: 400;
    font-family: Rubik-Med, sans-serif;
    letter-spacing: 0;
	position: relative;
	text-decoration: none;
	display: block;
	float: left;
}

#slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container li a:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -3px;
	width: 0;
	height: 2px;
	border-top: 2px solid #00FF9C;
	max-width: calc(100% - 15px);
	transition: width .3s ease-in-out;
}

#slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container li a:hover:after {
	width: 100%;
}

body[data-is="minimal"] #slide-out-widget-area a.slide_out_area_close .icon-default-style[class^="icon-"] {
    position: fixed;
	top: -45px;
	left: 210px;
}

body[data-full-width-header="true"].original #slide-out-widget-area.slide-out-from-right a.slide_out_area_close {
  z-index: 100;
}

body[data-full-width-header="true"] #slide-out-widget-area a.slide_out_area_close {
	display:block; 
	transition: all 0.47s cubic-bezier(0.3,1,0.3,0.95) 0s; 
	-webkit-transition:all 0.47s cubic-bezier(0.3,1,0.3,0.95) 0s; 
	font-family: Rubik-Med, sans-serif;
}

body[data-full-width-header="true"] #slide-out-widget-area a.slide_out_area_close {
	backface-visibility:hidden;-webkit-backface-visibility:hidden;
	width: 34px!important;
	height: 34px!important;
	transition: all 0.47s cubic-bezier(0.3,1,0.3,0.95) 0s;
	-webkit-transition: all 0.47s cubic-bezier(0.3,1,0.3,0.95) 0s;
	color: #ddd!important;
	font-size: 18px!important;
	max-width: none!important;
	line-height: 32px!important;
}

body[data-full-width-header="true"] #slide-out-widget-area a.slide_out_area_close:hover .icon-default-style[class^="icon-"]{
	transform:rotate(90deg); -webkit-transform:rotate(90deg);
}

body[data-full-width-header="true"] #slide-out-widget-area a.slide_out_area_close:hover{
	border-color:rgba(255,255,255,0.7);
}

body #slide-out-widget-area a.slide_out_area_close .icon-default-style[class^="icon-"]{ 
	-webkit-backface-visibility:hidden;  
	color:#fff !important;  
	font-size:18px !important;  
	height:34px !important;  
	left:-2px;  
	line-height:32px !important;  
	max-width:none !important;  
	transition:all 0.47s cubic-bezier(0.3,1,0.3,0.95) 0s;  
	-webkit-transition:all 0.47s cubic-bezier(0.3,1,0.3,0.95) 0s; 
	width:34px !important;
}

#slide-out-widget-area.slide-out-from-right-hover .off-canvas-menu-container {
    top: 0;
}

header#top nav ul .slide-out-widget-area-togglelaar {
    margin-left: 15px;
    margin-right: 5px;
	transition: margin 0.25s ease;
}

header#top nav ul .slide-out-widget-area-togglelaar a {
    padding-left: 23px;
    padding: 0px 0px 0px 0px;
    width: 24px;
    height: 24px;
    display: block;
    background-position: right top;
    background-repeat: no-repeat;
    box-sizing: content-box!important;
    -moz-box-sizing: content-box!important;
}

.slide-out-widget-area-togglelaar a >span {
    transition: -webkit-transform 0.33s 0.3s ease-in;
    transition: transform 0.33s 0.3s ease-in;
    -webkit-transform-origin: center;
    transform-origin: center;
    display: block;
    height: 21px;
}


header#top nav ul .slide-out-widget-area-togglelaar a i.lines,
header#top nav ul .slide-out-widget-area-togglelaar a i.lines:before,
header#top nav ul .slide-out-widget-area-togglelaar a i.lines:after {
	background-color: #0d033b!important;
}

header#top nav ul .slide-out-widget-area-togglelaar a:hover i.lines,
header#top nav ul .slide-out-widget-area-togglelaar a:hover i.lines:before,
header#top nav ul .slide-out-widget-area-togglelaar a:hover i.lines:after {
	background-color: #07E18D!important;
}

.slide-out-widget-area-togglelaar[data-icon-animation="simple-transform"] .lines-button:after {
    height: 2px;
    display: inline-block;
    width: 1.4rem;
    height: 2px;
    transition: transform 0.45s ease,opacity 0.2s ease,background-color 0.2s linear;
    -webkit-transition: -webkit-transform 0.45s ease,opacity 0.2s ease,background-color 0.2s ease;
    position: absolute;
    left: 0;
    top: 0px;
    content: '';
    transform: scale(1,1);
    -webkit-transform: scale(1,1);
}

.hamburgert {
    padding: 7px 7px 5px 9px;
    background-color: #fff;
    position: fixed;
    margin: -8px 0 0 5px;
}

.slide-out-widget-area-toggle a.closed i.lines-button.x2.unhidden-line {
	display: none;
}

#slide-out-widget-area .inner {
	height: auto;
	display: inline-block;
}




/* Carousel by Owl 
 Owl Carousel v2.3.4
 Copyright 2013-2018 David Deutsch
 Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 Owl Carousel - Core
*/

.owl-carousel {
  	display: none;
  	width: 100%;
  	-webkit-tap-highlight-color: transparent;
  	/* position relative and z-index fix webkit rendering fonts issue */
  	position: relative;
  	z-index: 1; 
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ 
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; 
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); 
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); 
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; 
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%; 
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
    display: none; 
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; 
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit; 
}

.owl-theme .owl-nav [class*='owl-']:hover{ 
	background: none!important;
}
 
.owl-carousel.owl-loaded {
    display: block; 
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block; 
}

.owl-carousel.owl-hidden {
    opacity: 0; 
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden; 
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; 
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; 
}

.owl-carousel.owl-rtl {
    direction: rtl; 
}

.owl-carousel.owl-rtl .owl-item {
    float: right; 
}

/* No Js */
.no-js .owl-carousel {
  	display: block; 
}

/* Owl Carousel - Animate Plugin */
.owl-carousel .animated {
  	animation-duration: 1000ms;
  	animation-fill-mode: both; 
}

.owl-carousel .owl-animated-in {
  	z-index: 0; 
}

.owl-carousel .owl-animated-out {
  	z-index: 1; 
}

.owl-carousel .fadeOut {
  	animation-name: fadeOut; 
}

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

/* Owl Carousel - Auto Height Plugin */

.owl-height {
  	transition: height 500ms ease-in-out; 
}

/* Owl Carousel - Lazy Load Plugin */

.owl-carousel .owl-item {
/**
This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
calculation of the height of the owl-item that breaks page layouts
*/ 
}
  
.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease; 
}

.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0; 
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d; 
}

.row.slider {
	padding-bottom: 0;
}

/* End of OWL default, start of slider customisation */

.intro {
    width: 100%;
	position: absolute;
	top: 360px;
	z-index: 2;
    border-image: url(/wp-content/uploads/2019/04/dpurple-spiked-border-1x.png) 25% repeat;
	border-right: 0;
	border-bottom: 0;
	border-left: 1px;
	border-top: 25px solid transparent;
}

.innerintro {
	width: 100%;
	height: auto;
	background-color: #6C42F8;
	padding: 50px 10% 40px 10%;
}

.innerintro h1 {
	color: #fff;
	font-size: 31px;
	margin-bottom: 10px;
}

.innerintro p,
.innerintro a {
	color: #fff;
	font-size: 21px;
}

.innerintro a:hover {
	color: #00FF9C;
}

.innerintro a::before {
	content: "";
    width: 0;
    border-bottom: 2px solid #fff;
    display: block;
	transition: width 0.3s ease-in;
	position: relative;
    top: 36px;
    left: 109px;
    z-index: 5;
}

.innerintro a:hover:before {
    width: 49px;
}

.innerintro a::after {
	content: "";
    width: 49px;
    border-top: 2px solid #00FF9C;
    display: block;
    margin: 3px 0 0 109px;
	transition: border-top 0.3s ease-in;
}

.header-container {
	width: 100%;
}

.sliderimage {
	background-repeat: no-repeat; 
	height: 480px; 
	position: relative;
}

.spikes {
	border-left: 25px solid transparent;
    border-image: url(/wp-content/uploads/2019/05/green-curved-borderb-1x.png) 25% repeat;
	position: absolute;
	left: 685px;
    top: 25px;
    z-index: 2;
    width: 20px;
    height: 560px;
}

.diensten-cta .spikes {
	border-left: 0;
	border-top: 25px solid transparent;
	left: 0;
    top: calc(100% - 50px);
    width: 100%;
}

.dienstcontainer #diensten .spikes {
    width: 100%;
    height: 20px;
    top: calc(100% - 487px);
    border-bottom: 25px solid transparent;
    border-left: 0;
    left: 0;
}

.page-template-template-dienst-ma .dienstcontainer #diensten .spikes {
    top: calc(100% - 327px);
}

.casescontainer .spikes,
.casecontainer .spikes {
	width: 100%;
    height: 20px;
    top: 0;
    border-bottom: 25px solid transparent;
    border-left: 0;
    left: 0;
}

.casecontainer .spikes {
	width: 120vw;
	margin-left: -90px;
}

#home-header-gallery .owl-controls .owl-nav [class*=owl-] {
    margin: 0 !important;
    padding: 0 60px;
    opacity: 1 !important;
    height: 84px;
    background: none !important;
    color: #fff !important;
    border-radius: 0 !important;
}

#home-header-gallery .home-next-icon {
    background-image: url(/wp-content/uploads/2019/07/home-slider-next.png);
    width: 35px;
    height: 56px;
    display: block;
	cursor: pointer;
	opacity: 0.8;
	transition: opacity 0.3s ease-in-out;
}

#home-header-gallery .home-next-icon:hover {
	opacity: 1;
}

#home-header-gallery .owl-prev {
    display: none !important;
}

.owl-prev, .owl-next {
    position: absolute;
    display: block;
    height: 36px;
    width: 32px;
    line-height: 36px;
    top: 45%;
	left: 580px;
    border: none;
}

.owl-carousel .owl-stage {
	padding: 0;
}


/* Slides - With Responsive sizes */

.header-container .item.one .sliderimage {
	background: url('/wp-content/uploads/2019/04/slide-sat-480-1x.jpg') center center;
}
.header-container .item.two .sliderimage {
	background: url('/wp-content/uploads/2019/04/slide-ulu-480-1x.jpg') center center;
}	
.header-container .item.three .sliderimage {
	background: url('/wp-content/uploads/2019/04/slide-carver-480-1x.jpg') center center;
}


@media only screen and (min-width: 480px) {
	.header-container .item.one .sliderimage {
		background: url('/wp-content/uploads/2019/04/slide-sat-576-1x.jpg') center center;
	}
	.header-container .item.two .sliderimage {
		background: url('/wp-content/uploads/2019/04/slide-ulu-576-1x.jpg') center center;
	}	
	.header-container .item.three .sliderimage {
		background: url('/wp-content/uploads/2019/04/slide-carver-576-1x.jpg') center center;
	}
}


@media only screen and (min-width: 576px) {
	.header-container .item.one .sliderimage {
		background: url('/wp-content/uploads/2019/04/slide-sat-560-1x.jpg') center center;
	}
	.header-container .item.two .sliderimage {
		background: url('/wp-content/uploads/2019/04/slide-ulu-560-1x.jpg') center center;
	}	
	.header-container .item.three .sliderimage {
		background: url('/wp-content/uploads/2019/04/slide-carver-560-1x.jpg') center center;
	}	
}


@media only screen and (min-width: 690px) {
	.header-container .item.one .sliderimage {
		background: url('/wp-content/uploads/2019/04/slide-sat-660-1x.jpg') center center;
	}
	.header-container .item.two .sliderimage {
		background: url('/wp-content/uploads/2019/04/slide-ulu-660-1x.jpg') center center;
	}	
	.header-container .item.three .sliderimage {
		background: url('/wp-content/uploads/2019/04/slide-carver-660-1x.jpg') center center;
	}
}


@media only screen and (min-width: 1000px) {
	.header-container .item.one .sliderimage {
		background: url('/wp-content/uploads/2019/04/slide-sat-710-1x.jpg') center center;
	}
	.header-container .item.two .sliderimage {
		background: url('/wp-content/uploads/2019/04/slide-ulu-710-1x.jpg') center center;
	}	
	.header-container .item.three .sliderimage {
		background: url('/wp-content/uploads/2019/04/slide-carver-710-1x.jpg') center center;
	}
}


@media only screen and (min-width: 1380px) {
	.header-container .item.one .sliderimage {
		background: url('/wp-content/uploads/2019/04/slide-sat-800-1x.jpg') center center;
	}
	.header-container .item.two .sliderimage {
		background: url('/wp-content/uploads/2019/04/slide-ulu-800-1x.jpg') center center;
	}	
	.header-container .item.three .sliderimage {
		background: url('/wp-content/uploads/2019/04/slide-carver-800-1x.jpg') center center;
	}
}





/* Homepage Typewriter */

.output {
	margin-bottom: 25px;
}

.output h1 {
  	color: #6C42F8;
	font-size: 28px;
  	background-color: #fff;
  	margin: 0;
  	padding: 0 5px 2px 5px;
  	line-height: 1;
  	display: unset;
}

.cursor::after {
  	content: '';
  	display: inline-block;
  	margin-left: 5px;
  	background-color: #6C42F8;
  	animation-name: blink;
  	animation-duration: 0.5s;
  	animation-iteration-count: infinite;
}

h1.cursor::after {
  	height: 20px;
  	width: 12px;
}

p.cursor::after {
  	height: 13px;
  	width: 6px;
}

@keyframes blink {
  	0% {
    	opacity: 1;
  	}
  	49% {
    	opacity: 1;
  	}
  	50% {
    	opacity: 0;
  	}
  	100% {
    	opacity: 0;
  	}
}






/* Layout */


html #ajax-content-wrap .container-wrap {
	background-color: transparent;
}

body[data-header-resize="0"] .container-wrap.container-wrap {
    padding-top: 0;
}

#rightnav {
	display: none;
}

.slider-content {
	width: 100%;
	margin: 0 auto;
}

.homecontainer {
	padding-bottom: 40px;
}

.dienstencontainer, 
.dienstcontainer,
.casescontainer,
.casecontainer {
	padding-top: 40px;
}

.dienstcontainer.m-a {
	padding-bottom: 40px;
}

.home .container.main-content {
	margin-top: 340px;
}

.rpad {
	width: 100%;
	margin: 40px 0;
	display: block;
}

a.homediensten::after {
    content: "";
    width: 68px;
    max-width: 68px;
    border-top: 2px solid #00FF9C;
    display: block;
    margin: 3px 0 20px 164px;
}

a.homediensten.info::after {
	margin: 3px 0 20px 0;
}

a.homediensten::before {
	content: "";
    width: 0;
    border-bottom: 2px solid #6C42F8;
    display: block;
	transition: width 0.3s ease-in;
	position: relative;
    top: 32px;
    left: 164px;
    z-index: 5;
}

a.homediensten.info::before {
	left: 0;
}

a.homediensten:hover:before {
    width: 68px;
}

a.homediensten.ma,
a.homediensten.cc,
a.homediensten.es {
	display: inline-block;
}

a.homediensten.ma::before {
	left: 69px;
}
a.homediensten.cc::before {
	left: 106px;
}
a.homediensten.es::before {
	left: 37px;
}

a.homediensten.ma:hover:before {
	width: 95px;
}
a.homediensten.cc:hover:before {
	width: 120px;
}
a.homediensten.es:hover:before {
	width: 100px;
}

a.homediensten.ma::after {
	margin: 3px 0 20px 69px;
	width: 95px;
    max-width: 95px;
}
a.homediensten.cc::after {
	margin: 3px 0 20px 106px;
	width: 120px;
    max-width: 120px;
}
a.homediensten.es::after {
	margin: 3px 0 20px 37px;
	width: 100px;
    max-width: 100px;
}



.twogrid {
	display: grid;
  	grid-template-columns: repeat(1, 100%);
  	grid-auto-rows: minmax(15px, auto);
	grid-template-areas: 
		"half-left" 
		"half-right";
}

.twogrid .one {
	grid-column: 1 / 2;
	grid-area: half-left;
}

.twogrid .two {
	grid-column: 2 / 2;
	grid-area: half-right;
	max-width: 620px;
}

.threegrid {
	display: grid;
  	grid-template-columns: repeat(1, 100%);
	grid-gap: 60px;
	grid-template-areas: 
		"third-left"
		"third-middle"
		"third-right";
}

.threegrid .one {
	grid-column: 1 / 3;
	grid-area: third-left;
	height: 430px;
}

.threegrid .two {
	grid-column: 2 / 3;
	grid-area: third-middle;
	height: 430px;
}

.threegrid .three {
	grid-column: 3 / 3;
	grid-area: third-right;
	height: 430px;
	display: none;
}

.page-template-template-dienst-ma .threegrid .three {
	display: block;
}

.label {
	width: 220px;
	position: relative;
    top: 230px;
	border-right: 20px solid transparent;
  	border-image: url("/wp-content/uploads/2019/04/dpurple-curved-border-1x.png") 25% repeat;
}

.two .label {
	width: 220px;
	position: relative;
    top: 270px;
	left: -20px;
	border-left: 20px solid transparent;
  	border-image: url("/wp-content/uploads/2019/04/dpurple-curved-border-1x.png") 25% repeat;
}

#cases .case {
	width: 100%;
    height: 100%;
    background-size: cover;
}

.innerlabel {
	background-color: #4F4777;
	position: relative;
    top: 0;
	left: 0;
	width: 200px;
	height: 175px;
	padding: 30px 20px 30px 30px;
}

.two .innerlabel {
	padding: 30px 30px 30px 20px;
}

.innerlabel h6,
.innerlabel a {
	font-family: Lato, sans-serif;
	font-size: 16px;
	color: #fff;
	transition: color 0.3s ease-in;
}

.innerlabel a:hover {
	color: #00FF9C;
}

.innerlabel h5 {
	font-family: Rubik-Med, sans-serif;
	font-size: 23px;
	color: #fff;
	margin: 7px 0 4px 0;
}

.innerlabel a::after {
	content: "";
    width: 30px;
    border-top: 2px solid #00FF9C;
    display: block;
    margin: 3px 0 20px 67px;
}

.innerlabel a::before {
	content: "";
    width: 0;
    border-bottom: 2px solid #fff;
    display: block;
	transition: width 0.3s ease-in;
	position: relative;
    top: 32px;
    left: 67px;
    z-index: 5;
}

.innerlabel a:hover:before {
    width: 30px;
}

#wat-we-doen .one img {
	margin-bottom: 40px;
}

#klanten .klantengrid {
	display: grid;
	grid-template-columns: repeat(2, 148px);
	grid-gap: 25px;
	grid-auto-rows: minmax(80px, auto);
	grid-template-areas: 
		"one two"
		"three four"
		"five six"
		"seven eight"
		"nine ten"
		"eleven twelve";
}

#klanten .klantengrid div {
	text-align: center;
}

.klanten-content {
	background-color: #fff;
	padding: 40px 0;
    margin: 90px 0 70px 0;
}

.m-a-prizes {
    background-color: #fff;
    padding: 40px 0;
    margin: 90px 0 70px 0;
}

.shifted {
    width: 100%;
}

.klantengrid li {
	opacity: 0.85;
	width: 80%;
	transition: opacity 0.3s ease-out;
	margin: 0;
  	padding: 0;
  	list-style: none;
  	top: 0;
}

.klantengrid li:hover {
	opacity: 1;
}

#plenty, #sat, #ga, #jo, #kod, #leap, #loft, #mer, #mk, #nla, #rm, #spark {
	background-image: url('/wp-content/uploads/2019/06/partner-logos-2.png');
	background-repeat: no-repeat;
	height: 100px;
    width: 100px;
    background-size: 1440px;
}

#plenty {
  	background-position: -70px -45px;
}
  
#sat {
    background-position: -311px -47px;
}
  
#ga {
    background-position: -550px -43px;   
}
  
#jo {
    background-position: -791px -44px;   
}
  
#kod {
    background-position: -1030px -43px;   
}
  
#leap {
    background-position: -1271px -40px;  
}
  
#loft {
    background-position: -70px -221px;   
}
  
#mer {
    background-position: -310px -222px ;  
}
  
#mk {
    background-position: -551px -222px ;   
}
  
#nla {
    background-position: -791px -222px ;  
}
  
#rm {
    background-position: -1027px -226px ;   
}
  
#spark {
    background-position: -1270px -220px ; 
}

.twogrid.contact p,
.twogrid.contact a,
.twogrid.contact .two {
	font-size: 17px;
	font-family: Lato, sans-serif;
	font-weight: 300;
}

.contact form {
	margin-top: 15px;
}

a.maps::after {
	content: "";
    width: 40px;
	max-width: 40px;
    border-top: 2px solid #00FF9C;
    display: block;
    margin: 3px 0 20px 63px;
}

a.maps::before {
	content: "";
    width: 0;
    border-bottom: 2px solid #6C42F8;
    display: block;
	transition: width 0.3s ease-in;
	position: relative;
    top: 30px;
    left: 63px;
    z-index: 5;
}

a.maps:hover:before {
    width: 40px;;
}

.privacy {
	max-width: 750px;
}




/* Diensten Overzichtspagina */

.page-template-template-diensten #diensten {
	margin-top: 20px;
}

.dienstencontainer #top {
	margin-bottom: 20px;
}

.twogridbg {
	background-color: #ffffffbb;
    padding: 30px;
	margin-bottom: 50px;
}

.twogridbg.une {
	margin-bottom: 40px;
}

.page-template-template-diensten .twogridbg .twogrid {
	height: 580px;
	grid-template-areas: 	"half-left" 
							"half-right";
	grid-template-columns: repeat(1, 100%);
	grid-gap: 0;
}


.page-template-template-diensten .twogridbg .twogrid.first .one {
	position: relative;
	/*top: -78px;*/
}

.page-template-template-diensten .twogridbg .one,
.page-template-template-diensten .twogrid.second .two {
	position: relative;
	/*top: -65px;*/
}

.page-template-template-diensten h4.ptitle {
    margin: 20px 0;
}

.table {
	font-size: 14px;
	margin-bottom: 20px;
	width: 80%;
	line-height: 30px;
	display: grid;
	grid-template-columns: repeat(2, auto);
	grid-gap: 0;
	grid-auto-rows: minmax(30px, auto);
	grid-template-areas: 
			"tone ttwo"
			"tthree tfour"
			"tfive tsix";
}	

.table .tone,
.table .ttwo, 
.table .tthree, 
.table .tfour {
	border-bottom: 1px solid #000000aa;
}

a.homediensten.dienst::before {
	left: 86px;
}

a.homediensten.dienst:hover:before {
	width: 90px;
}

a.homediensten.dienst::after {
    width: 90px;
    max-width: 90px;
    margin: 3px 0 20px 86px;
}

.page-template-template-diensten .twogridbg.first .two img {
	max-width: 120%;
	width: 120%;
	/*margin-top: -56px;*/
}

.page-template-template-diensten .twogrid.second {
	grid-auto-rows: minmax(90px, 500px);
	grid-template-areas: "half-left" "half-right";
	grid-template-columns: repeat(1, 100%);
}

.page-template-template-diensten .twogridbg.deux {
    margin-bottom: 50px;
}

.page-template-template-diensten .fullwidth {
	margin-bottom: 0;
}

.fullwidth .container {
	padding-left: 0;
}

.diensten-cta .left {
    width: 100%;
    border-image: url('/wp-content/uploads/2019/04/dpurple-spiked-border-1x.png') 25% repeat;
    border-top: 0;
    border-bottom: 25px solid transparent;
    border-left: 1px;
    border-right: 0;
	z-index: 2;
	position: relative;
}

.diensten-cta .left .inner {
    width: 100%;
    background-color: #6C42F8;
    padding: 40px;
    color: #fff;
	height: 100%
}

.diensten-cta .left .inner h2 {
    font-size: 30px;
    color: #fff;
}

.diensten-cta .left .inner p {
    line-height: 30px;
	width: 95%;
}

.diensten-cta .left .inner p.contact,
.letsmeet p.contact {
    line-height: 32px;
	padding-bottom: 6px;
}

.diensten-cta .left img.contactimage,
.letsmeet img.contactimage {
	display: block;
	margin: 0 0 15px 0;
}

.diensten-cta .right {
	background-image: url(/wp-content/uploads/2019/06/diensten-710x420.jpg);
	background-position: center;
    width: 100%;
    display: inline-block;
    height: 400px;
    position: relative;
    top: -25px;
}

h3.subheader {
	font-size: 30px;
	margin-bottom: 10px;
	color: #0D033B;
}

h3.subheader.quickscan {
	margin-bottom: 25px;
}

.twogrid.producten {
	margin-top: 0;
}

.twogrid.producten .imgcontainer {
	height: 20px;
	display: grid;
}

.twogrid.producten img {
	margin: auto;
	display: block;
	background: #f6f9fb;
}

.twogrid.producten img.wp-training {
	margin-top: -12px;
}

.twogrid.producten img.managed-hosting {
	margin-top: -5px;
}

.twogrid.producten .line {
    height: 1px;
    display: block;
    background: #aaa;
    position: relative;
    top: -40px;
    z-index: -1;
}

.page-template-template-diensten .twogrid.producten h4.ptitle {
    margin: 15px 0;
}

strong.prijs {
	line-height: 4rem;
	font-size: 16px;
}

.homediensten.producten {
	display: block;
	margin-top: 10px;
}

a.homediensten.producten::before {
    left: 60px;
}

a.homediensten.producten::after {
    margin: 3px 0 20px 60px;
	max-width: 100%;
}

a.homediensten.producten.seo::after {
    width: 35px;
}

a.homediensten.producten.seo:hover:before {
	width: 35px;
}

a.homediensten.producten.lightspeed::after {
    width: 88px;
}

a.homediensten.producten.lightspeed:hover:before {
	width: 88px;
}

a.homediensten.producten.wp-training::after {
    width: 82px;
}

a.homediensten.producten.wp-training:hover:before {
	width: 82px;
}

a.homediensten.producten.managed-hosting::after {
    width: 62px;
}

a.homediensten.producten.managed-hosting:hover:before {
	width: 62px;
}

.fullwidth:last-child {
	margin-bottom: 83px
}

.page-template-template-diensten .letsmeet,
.page-template-template-dienst .letsmeet,
.page-template-template-dienst-ma .letsmeet,
.page-template-default .letsmeet,
.page-template-template-landingspagina .letsmeet,
.page-template-template-case .letsmeet {
    max-width: 1050px;
    padding: 20px 0 0 0;
}

.letsmeet {
    max-width: 1050px;
    padding: 40px 30px 40px 30px;
}

.letsmeet ul,
ul.contactinfo,
#demo-aanvragen ul {
	margin-left: 0;
}

.letsmeet i[class*="fa-"],
ul.contactinfo i[class*="fa-"],
#demo-aanvragen i[class*="fa-"] {
	color: #07E18D;
}

.letsmeet form {
	width: 100%;
	margin-top: 15px;
}

.letsmeet input[type=text], 
.letsmeet input[type=email] {
	background: #f6f9fb;
}



/* Dienst Detailpagina */

.row.dienst {
	padding-bottom: 0;
}

.dienst-cta {
	color: #fff;
	position: relative;
    border-image: url(/wp-content/uploads/2019/04/dpurple-spiked-border-1x.png) 25% repeat;
    border-top: 25px solid transparent;
    border-bottom: 0;
    border-left: 1px;
    border-right: 0;
	top: -32px;
}

.dienst-cta .innerintro.dienst {
	width: 100%;
	background: #6C42F8;
	padding: 30px;
	height: 135px;
}

.dienst-cta .innerintro.dienst h3 {
	margin-bottom: 15px;
}

.dienst-cta .innerintro.dienst a {
	font-size: 24px;
	color: #fff;
	transition: color 0.3s ease-in;
}

.dienst-cta .innerintro.dienst a:before {
	left: 0;
	top: 0;
	width: 0;
}

.dienst-cta .innerintro.dienst a:after {
	width: 0;
    margin: 0;
}

.dienst-cta .innerintro.dienst a:hover {
	color: #00FF9C;
}

.dienst-cta .innerintro.dienst a:hover:before {
		width: 0;
	}

.dienstcontainer .row.details {
	margin-top: 40px;
}

.dienstdetails h3.subheader {
	font-size: 24px;
    margin-bottom: 35px;
}

.dienstcontainer .fullwidth.white {
	background: #fff;
}

.page-template-template-diensten-alternatief .twogridbg,
.page-template-template-diensten-custom .twogridbg{
	max-width: 960px; 
	padding: 40px 40px 0 40px;
}

.page-template-template-diensten-alternatief .iconcontainer.onlymobile,
.page-template-template-diensten-custom .iconcontainer.onlymobile{
	display: block;
}

.page-template-template-diensten-alternatief .iconcontainer.notonmobile,
.page-template-template-diensten-custom .iconcontainer.notonmobile{
	display: none;
}

.page-template-template-diensten-alternatief .iconcontainer,
.page-template-template-diensten-custom .iconcontainer{
    text-align: center;
    position: relative;
    margin-bottom: 30px;
    margin-right: 30px;
    border-radius: 50%;
    width: 150px;
    height: 150px;
    background-color: #f6f9fb;
}

.page-template-template-diensten-alternatief .descriptioncontainer,
.page-template-template-diensten-custom .descriptioncontainer{
	width: 100%;
}

.page-template-template-diensten .fullwidth:last-child .container,
.page-template-template-case .fullwidth:last-child .container,
.page-template-template-dienst-ma .fullwidth:last-child .container,
.page-template-template-dienst .fullwidth .container,
.page-template-default .fullwidth:last-child .container,
.page-template-template-landingspagina .fullwidth:last-child .container,
.page-template-template-subdienst .fullwidth .container {
    padding-left: 90px;
    background: #ffffffbb;
    padding: 40px 30px;
    margin: 60px auto;
}

.page-template-template-dienst.page-id-679 .fullwidth.white,
.page-template-template-dienst.page-id-679 .fullwidth.white .container {
	background: transparent;
}

.page-template-template-dienst.page-id-679 .fullwidth.white .container {
	padding: 0 0 0 90px;
}

.page-template-template-diensten-alternatief .fullwidth:last-child .container,
.page-template-template-diensten-custom .fullwidth:last-child .container{
	margin-top: 100px;
}

.page-template-template-diensten-alternatief .fullwidth:last-child .container .letsmeet input[type=text], 
.page-template-template-diensten-alternatief .fullwidth:last-child .container .letsmeet input[type=email],
.page-template-template-diensten-custom .fullwidth:last-child .container .letsmeet input[type=text], 
.page-template-template-diensten-custom .fullwidth:last-child .container .letsmeet input[type=email]{
    background: #fff;
}


.page-id-679 #expert-services,
.page-id-734 #expert-services,
.page-id-714 #expert-services {
	display: none;
}

.page-template-template-dienst .fullwidth.white .container {
    padding: 40px 0 40px 0;
}

.page-template-template-subdienst .letsmeet,
.page-template-template-subdienst .letsmeet {
    max-width: 1050px;
    padding: 20px 0 0 0;
}

.page-template-template-subdienst .letsmeet h4,
.page-template-template-subdienst .letsmeet h4 {
    margin-top: 15px;
}

.dienstdetails.wat-leveren-we {
	padding-top: 30px;
}

.wat-leveren-we .one,
.wat-leveren-we .two {
	background: #fff; 
	margin-bottom: 40px; 
	padding: 35px 25px 25px 25px;
}

.wat-leveren-we p {
	font-size: 16px;
}


/* Cases Overzicht Pagina */

.casescontainer .topcase,
.casescontainer .middlecase {
	width: 100%;
	max-width: 100%!important;
}

.casescontainer #top {
	margin-bottom: 20px;
}

.casescontainer .intro {
    width: 100%;
    max-width: 100%;
    top: 325px;
}

.casescontainer .innerintro {
	width: 100%;
	height: 200px;
	color: #fff;
	padding: 30px calc(50vw - 160px);
}

.casescontainer .innerintro h3.suptitle {
    color: #fff;
    font-size: 16px;
	text-transform: none;
}

.casescontainer h2.casetitle,
.casescontainer #middle h2.casetitle {
    color: #fff;
    font-size: 30px;
	margin-top: -20px;
}

.casescontainer .innerintro a::before {
	left: 88px;
}

.casescontainer .innerintro a::after {
    margin: 2px 0 0 88px;
	width: 39px;
}

.casescontainer .innerintro a:hover:before {
    width: 39px;
}

.casescontainer #cases.rpad {
    margin-top: 40px;
}

.row #cases h3,
.casescontainer .row #cases h2 {
	display: none;
}

.casescontainer .row #klanten {
	padding: 0 0 60px 0;
}

.casescontainer #middle .img-container {
	float: none;
}

.casescontainer #middle .intro {
	float: right;
	position: relative;
    top: -60px;
	border-left: 0;
    border-right: 1px;
}

.casescontainer #contactcontainer {
	margin-top: -180px;
	margin-bottom: 90px;
}


/* Cases Detail Pagina */

.row.case {
	padding: 0;
}

.row.case h2.subheader {
	margin-bottom: 25px;
}

.casecontainer .intro {
	top: -50px;
    position: relative;
    height: 200px;
    width: 390px;
	border-top: 25px solid transparent;
	border-right: 0;
}

.casecontainer .innerintro {
	width: 100%;
	height: 100%;
	padding: 20px 30px;
}

.casecontainer .innerintro h5 {
	font-size: 16px;
	color: #fff;
}

.casecontainer .innerintro h4 {
	font-size: 24px;
	line-height: 30px;
	color: #fff;
}

.casecontainer #beschrijving .one img {
	margin-bottom: 30px;
}

.casecontainer #beschrijving .two img {
    margin-top: 60px;
}

.casecontainer .headerimage {
	margin-left: -90px;
}

#beschrijving {
	margin-bottom: 70px;
}

#beschrijving a.caselink {
	display: inline-block;
	
}

#beschrijving a.caselink:after {
	content: "";
	width: 100%;
	border-top: 2px solid #07E18D;
	display: block;
	margin-top: 3px;
}

#beschrijving a.caselink:before {
	content: "";
	width: 0;
	border-top: 2px solid #6C42F8;
	display: block;
	top: 32px;
    position: relative;
	transition: width 0.3s ease-in-out
}

#beschrijving a.caselink:hover:before {
	width: 100%;
}

#beschrijving .navigation {
	width: 100%;
	display: block;
	margin-top: 40px;
}

#beschrijving .navigation a {
	color: #6C42F8;
}

#beschrijving .navigation a:hover {
	color: #07E18D;
}

#beschrijving .navigation .previous {
	float: left;
}

#beschrijving .navigation .next {
	float: right;
}

.middle .img-container {
	float: none;
}



/* Contactpagina */

.contactcontainer {
    padding-bottom: 60px;
}



/* Over Ons Pagina */

.overonscontainer .two h4 {
	margin-bottom: 20px;
}

.peoplegrid {
	font-size: 16px;
	display: grid;
	grid-template-columns: repeat(2, 140px);
	grid-gap: 30px;
	grid-auto-rows: minmax(90px, auto);
	grid-template-areas: 
		"pone ptwo"
		"pthree pfour"
		"pfive psix";
}




/* Marketing Automation Pagina */

.page-template-template-dienst-ma .m-a-prizes #cases {
	text-align: center;
}

.page-template-template-dienst-ma .threegrid {
	grid-gap: 0;
	grid-template-areas: 
		"top-left"
		"third-left"
		"top-middle"
		"third-middle "
		"top-right"
		"third-right";
	position: relative;
    left: calc(50% - 160px);
}

.page-template-template-dienst-ma .threegrid .aa {
	grid-column: 1 / 3;
    grid-area: top-left;
}

.page-template-template-dienst-ma .threegrid .bb {
	grid-column: 2 / 3;
    grid-area: top-middle;
}

.page-template-template-dienst-ma .threegrid .cc {
	grid-column: 3 / 3;
    grid-area: top-right;
}

.page-template-template-dienst-ma .threegrid .one,
.page-template-template-dienst-ma .threegrid .two,
.page-template-template-dienst-ma .threegrid .three {
	border: 1px solid #777;
	height: 100%;
	margin-left: -1px;
	padding-bottom: 30px;
}

.page-template-template-dienst-ma .threegrid .two {
	border: 2px solid #6C42F8;
	z-index: 2;
}

.page-template-template-dienst-ma .lable {
	border-radius: 5px 5px 0 0;
	padding: 7px 0;
	margin-bottom: 2px;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
}

.page-template-template-dienst-ma .lable.meestgekozen {
	color: #fff;
	background: #6C42F8;
	margin-top: 15px;
}

h3.pakketprijs {
	color: #000; 
	display: inline-block!important;
	margin: 14px 0 0px 0;
}

h5.pakketprijs {
	color: #000; 
	display: inline-block;
	margin-bottom: 0;
}

h5.package {
	padding: 17px 0 14px 0;
	margin-bottom: 0;
	background: #eee;
}

h5.package.best {
	background: #6C42F8;
	color: #fff;
}

.maandelijks {
	font-size: 13px;
	color: #737373;
	margin-bottom: 10px;
}

.pakketfeatures {
	
}

.page-template-template-dienst-ma .threegrid  ul {
	margin: 0;
}

.page-template-template-dienst-ma .threegrid  li {
	list-style: none;
	font-size: 14px;
	text-align: center;
	padding: 2px 30px;
}

.pakketsetup {
	margin: 30px 0 0 0;
	text-align: center;
	font-size: 13px;
}

.demo-request {
	text-align: center;
	margin: 15px auto;
}

.demo-request a {
	background: none;
	padding: 8px 30px 10px 30px;
	border: 1px solid #6C42F8;
	font-size: 14px;
	color: #6C42F8;
	font-weight: 500;
	border-radius: 5px;
}

.demo-request a:hover {
	background: #6C42F8;
	color: #fff;
}

.demo-request a.highlight {
	background: #6C42F8;
	color: #fff;
}

.demo-request a.highlight:hover {
	background: rgb(134, 3, 236);
}

.page-template-template-dienst-ma .threegrid h5.ptitle {
	font-size: 14px;
	text-align: center;
	color: #333;
}

.pakketincludes {
	
}

.prijs,
.inclusief {
	font-size: 14px;
	text-align: center;
}

.page-template-template-dienst-ma .prijs {
	margin-top: 10px;
}

.page-template-template-dienst-ma .inclusief {
	margin: 20px 0 10px 0;
	font-weight: bold;
	padding: 5px 0;
    color: #616161;
}

.inclusief {
	background: #eee;
}


/* QuickScan Landingspagina */

body [class^="icon-"].icon-default-style {
	font-size: 36px!important; 
	margin-bottom: 10px;
}

.iconcontainer {
	display: block; 
	width: 15%;
}

.descriptioncontainer {
	display: block; 
	width: 80%;
}

#quickscanform.m-a-prizes {
	border-radius: 0; 
	background: #6C42F8; 
	background-image: linear-gradient(135deg, #80129cdd 30%, rgba(64, 18, 218, 0.55) 100%),url('https://www.shakers.nl/wp-content/uploads/2019/10/laptophands-thanks-to-heloquence.jpg');
	margin-top: 0; 
	margin-bottom: 30px; 
	padding: 60px 0 160px 0;
}

pijlus:before {
    margin-top: 0;
}

.pijlus:after {
    content: "";
    position: absolute;
    border-left: 35px solid transparent;
    border-right: 35px solid transparent;
    top: 100%;
    right: 70px;
    border-top: 35px solid rgb(80, 49, 189);
    visibility: visible;
}





/* Formulieren */

input[type=text], textarea, input[type=email], input[type=password], input[type=tel], input[type=url], input[type=search], input[type=date] {
    padding: 10px 15px;
    width: 100%;
    font-size: 15px;
    font-family: Lato, sans-serif;
    line-height: 1.5;
    color: #4F4777;
    background-color: #fff;
	border: 1px solid #fff;
	transition: border .3s ease-in-out;
}

.fullwidth.white input[type=text], 
.fullwidth.white textarea, 
.fullwidth.white input[type=email], 
.fullwidth.white input[type=password], 
.fullwidth.white input[type=tel], 
.fullwidth.white input[type=url], 
.fullwidth.white input[type=search], 
.fullwidth.white input[type=date],
.bgwhite input[type=text], 
.bgwhite textarea, 
.bgwhite input[type=email], 
.bgwhite input[type=password], 
.bgwhite input[type=tel], 
.bgwhite input[type=url], 
.bgwhite input[type=search], 
.bgwhite input[type=date]{
    background-color: #F6F9FB;
}

.fullwidth.white .fieldlabel {
	color: #0d033b!important;
	padding-top: 10px;
}

.fieldlabel {
	color: #fff!important;
	padding-top: 10px;
}

.original input[type=text]:focus, .original textarea:focus, .original input[type=email]:focus, .original input[type=search]:focus, .original input[type=password]:focus, .original input[type=tel]:focus, .original input[type=url]:focus, .original input[type=date]:focus {
	background-color: #ffffff;
	border: 1px solid #9CFFD7;
}

form p {
	padding-bottom: 10px;
}

button#submit, .button {
	background-color: #07E18D;
    width: 160px;
    height: 37px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    border: 0;
    color: #fff;
    text-transform: uppercase;
	letter-spacing: 0.3px;
    font-size: 17px!important;
    font-family: Lato, sans-serif;
    margin-top: 15px;
	cursor: pointer;
	text-shadow: none;
	padding: 4px 12px;
	-webkit-box-shadow: none;
}

button#submit:hover {
	background-color: #00FF9C;
}

.button {
	background: linear-gradient(135deg, rgb(78, 247, 149) 20%, rgb(34, 179, 222) 100%);
	border-radius: 3px!important;
	padding: 5px 24px!important;
}

.button:hover, .button:active {
	background: linear-gradient(135deg, rgb(78, 247, 149) 20%, rgb(34, 179, 222) 100%);
	opacity: 1;
}

#header-outer[data-lhe="animated_underline"] header#top nav > ul > li > a, 
header#top nav > ul > li[class*="button_solid_color"] > a:before {
	opacity: 0.9!important;
}

#header-outer[data-lhe="animated_underline"] header#top nav > ul > li > a, 
header#top nav > ul > li[class*="button_solid_color"] > a:hover:before {
	opacity: 1.0!important;
}

div.wpcf7-mail-sent-ok {
    border: 2px solid #07e18d!important;
}

.ss-recaptcha .ss-anchor-invisible-text {
	display: none;
}

iframe html {
	overflow-y: auto;
}

html body.sharpspring_form {
	background: transparent!important;
}

.sharpspring_form.usingPlaceholders fieldset li label {
	display: none;
}

.wpcf7-form-control-wrap.menu-687 {
	width: 60%;
    margin-top: 10px;
}

.wpcf7-form-control-wrap.menu-687 select {
	font-size: 14px;
}

.sharpspring_form ul, 
.sharpspring_form ol {
    margin-left: 0;
    margin-bottom: 0;
}

.sharpspring_form select {
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 10px 15px;
    border-radius: 2px;
    margin-top: 4px;
    font-size: 14px;
}



/* Footer */

#footer-widgets .container {
	border-top: 1px solid #0D033B;
	font-size: 14px;
	font-weight: 500;
}

#footer-outer .row {
    padding: 60px 0px;
    margin-bottom: 50px;
}

.menu-footer-menu-container {
	text-align: left;
}

#footer-outer[data-cols="1"] #footer-widgets .widget.widget_nav_menu li {
	margin: 0;
}

#footer-outer .widget.widget_categories li a, 
#footer-outer .widget.widget_pages li a, 
#footer-outer .widget.widget_nav_menu li a {
    padding: 0 0 8px 0;
}

#footer-outer .widget.widget_nav_menu li a:hover {
	color: #6C42F8!important;
}

#footer-outer[data-cols="1"] #footer-widgets .widget.widget_nav_menu li {
	display: block;
}

html body.original #footer-outer #footer-widgets .col ul li {
    border-bottom: none!important;
}

.copyright {
    text-align: left;
    margin-top: 30px;
}

#cookie-law-info-bar span {
	width: 100%;
	margin: 0 auto;
	max-width: 320px;
	text-align: left;
	display: block;
}

#cookie-law-info-bar {
	font-family: Lato, sans-serif!important;
	font-weight: 500;
	font-size: 14px;
	padding: 27px;
	position: relative!important;
}

#cookie-law-info-bar .mobile.show {
	display: block;
}

#cookie-law-info-bar .medium.cli-plugin-button {
	font-family: Lato, sans-serif!important;
	font-size: 14px;
	border: 2px solid #07E18D;
}

#cookie-law-info-bar .cli-plugin-button, 
#cookie-law-info-bar.cli-plugin-button:visited {
    padding: 6px 18px 6px;
    margin-top: 12px;
}


.grecaptcha-badge {
	display: none!important;
}


/* FAQ Accordion section */

section#faq h2 {
	margin: 90px 0 40px 0;
}

@media (min-width: 690px) {
	section#faq .vc_col-sm-6 {
    width: 49%;
	}
}

section#faq .accordion {
  background-color: #f7fbfe;
  color: #004056;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  outline: none;
  font-size: 16px;
  transition: 0.4s;
  margin-bottom: 7px;
  border-radius: 5px;
  border: 1px solid #0096EA;
}

section#faq .accordion:hover {
  border: 1px solid #2400ea;
	background-color: #eff8ff;
}

section#faq .active {
  border-bottom: none;
  margin-bottom: 0;
}

section#faq .span_6:first-child {
  margin-right: 20px;
}

section#faq .active:hover {
  border: 1px solid #0096EA;
  border-bottom: none;
}

section#faq .panel {
  padding: 15px 30px 35px 30px;
  display: none;
  font-size: 16px;
  background-color: #f7fbfe;;
  overflow: hidden;
  border: 1px solid #0096EA;
  border-top: 1px dashed #0096EA;
	margin-bottom: 7px;
}

section#faq .panel p {
  color: #004056;
}

section#faq h3 {
	font-size: 16px;
}

section#faq a {
	text-decoration: underline;
}


/* Responsive Media Queries */



/* Screen higher than iPhone 6 */
@media only screen and (min-height: 668px) {

}

/* Theme overwrites */
@media only screen and (max-width: 1000px) and (min-width: 1px) {

	html body[data-slide-out-widget-area="true"] header#top .span_3 {
		text-align: left!important;
	}
	
	html body[data-slide-out-widget-area="true"] header#top .span_9 > .slide-out-widget-area-toggle {
		display: none!important;
	}
}





/* Narrow phone */
@media only screen and (min-width: 480px) {
	
	.header-container {
		width: 576px; 
	}
	
	.intro {
		width: 80%;
		max-width: 450px;
	}

	.innerintro {
		width: 100%;
	}
	
	.header-container .spikes {
		left: calc(100% - 20px);
		top: 0;
		height: 480px;
	}

	.home .container.main-content {
		margin-top: 300px;
	}
	
	.threegrid {
    	grid-template-columns: repeat(1, 360px);
	}
	
	.page-template-template-diensten .twogridbg .twogrid {
		height: 650px;
	}
	
	.page-template-template-diensten .twogridbg .one,
	.page-template-template-diensten .twogrid.second .two {
		/*top: -68px;*/
	}
	
	.diensten-cta .left img.contactimage,
	.letsmeet img.contactimage {
		float: left;
		margin-right: 20px;
		margin-top: 9px;
	}
	
	.dienstcontainer #diensten .spikes {
		top: calc(100% - 587px);
	}
	
	.page-template-template-dienst-ma .dienstcontainer #diensten .spikes {
		top: calc(100% - 427px);
	}
	
	.casescontainer .innerintro {
		padding: 30px calc(50vw - 210px);
	}
	
	.casecontainer .topcase .spikes {
		height: 435px;
		margin-left: 0;
		left: calc(420px + (50vw - 235px));
		border-left: 25px solid transparent;
    	border-bottom: 0;
	}
	
	#cookie-law-info-bar span {
    	max-width: 420px;
	}
}





/* Wide phone */
@media only screen and (min-width: 576px) {
	
	.intro {
		width: 475px;
		max-width: 475px;
		border-image: url(/wp-content/uploads/2019/04/dpurple-spiked-border-1x.png) 25% repeat;
		border-top: 0;
		border-bottom: 0;
		border-left: 1px;
		border-right: 25px solid transparent;		
	}
	
	.innerintro {
		width: 450px;
		height: 400px;
		background-color: #6C42F8;
		padding: 50px 40px;
	}
	
	.innerintro h1 {
		font-size: 33px;
	}
	
	.output h1 {
		font-size: 32px;
	}
	
	.header-container {
		width: 560px; 
		position: absolute;
		right: 0;
	}
	
	.sliderimage {
		height: 560px; 
	}
	
	.header-container .spikes {
		height: 560px;
	}
	
	.home .container.main-content {
		margin-top: 800px;
	}
	
	.twogrid {
		display: grid;
		grid-template-areas: 
			"half-left"
			"half-right";
	}
	
	#klanten .klantengrid {
		grid-template-columns: repeat(3, 100px);
		grid-gap: 25px;
		grid-auto-rows: minmax(80px, auto);
		grid-template-areas: 
			"one two three"
			"four five six"
			"seven eight nine"
			"ten eleven twelve";
	}
	
	.casescontainer .innerintro {
		padding: 30px;
	}
	
	.casescontainer .intro {
		width: 420px;
		top: 240px;
	}
	
	.casescontainer .topcase .spikes {
		left: calc(100% - 25px);
		top: 0;
		width: 20px;
		height: 550px;
		border-left: 25px solid transparent;
    	border-bottom: 0;
	}
	
	.casescontainer .middlecase .spikes {
		left: 0;
		top: 0;
		width: 20px;
		height: 550px;
		border-left: 0;
		border-right: 25px solid transparent;
	}
	
	
	
	.casescontainer #middle .intro {
		border-left: 25px solid transparent;
		border-right: 1px;
	}
	
	.casescontainer #middle .intro {
		top: -230px;
	}
	
	#cookie-law-info-bar span {
    	max-width: 420px;
	}
}






/* Standing pads */
@media only screen and (min-width: 690px) {
	
	.container, 
	.post-area.standard-minimal.full-width-content article.post .inner-wrap {
		max-width: 630px!important;
	}
	
	#header-outer[data-full-width="true"] header >.container, 
	#header-secondary-outer[data-full-width="true"] >.container {
		width: 100%;
		max-width: 100%!important;
		padding: 0 30px;
	}
	
	.header-container {
		width: 660px;
		position: relative;
		left: calc(100% - 660px);
	}
	
	.intro {
		top: 60px;
	}
	
	.innerintro h1 {
		font-size: 36px;
	}
	
	.output h1 {
		font-size: 35px;
	}
	
	.home .container.main-content {
		margin-top: 0;
	}
	
	.twogrid {
		grid-template-columns: repeat(2, calc(50% - 20px));
		grid-gap: 40px;
		grid-template-areas: 
			"half-left half-right";
	}
	
	.twogrid.contact {
		grid-template-columns: 200px calc(100% - 240px);
		grid-gap: 40px;
	}
	
	.page-template-template-diensten .twogrid.second {
    	grid-auto-rows: minmax(90px, 430px);
	}
	
	.page-template-template-diensten .twogridbg .twogrid {
		height: 650px;
	}
	
	#diensten .twogridbg .twogrid.first .two {
		text-align: center;
	}
	
	#diensten .twogridbg .twogrid.first .two img {
		width: 400px;
	}
	
	.page-template-template-diensten .twogridbg.une .one, 
	.page-template-template-diensten .twogridbg.deux .two {
		/*top: -68px;*/
	}
	
	.twogridbg.une {
		margin-bottom: 10px;
	}
	
	.threegrid {
		grid-template-columns: repeat(2, calc(50% - 20px));
		grid-gap: 40px;
		grid-auto-rows: minmax(30px, auto);
		grid-template-areas: 
			"third-left third-middle";
	}
	
	.page-template-template-dienst-ma .threegrid {
		left: calc(50% - 216px);
		grid-template-columns: repeat(2, 70%);
	}
	
	.diensten-cta .left {
		width: 475px;
		border-bottom: 0;
		border-right: 25px solid transparent;
		position: absolute;
	}
	
	.page-template-template-diensten .fullwidth.cta {
		margin-bottom: 120px;
	}
	
	.dienstencontainer .fullwidth.cta .container {
		width: 100%!important;
    	max-width: 100%!important;
	}
	
	.diensten-cta .left .inner {
    	width: 450px;
	}
	
	.diensten-cta .right {
		width: 650px;
		top: 50px;
		position: relative;
		float: right;
	}
	
	.diensten-cta .spikes {
		border-top: 0;
		border-left: 25px solid transparent;
		left: calc(100% - 25px);
		height: 400px;
		top: 50px;
	}
	
	.casescontainer .row #klanten {
		padding: 50px 0 60px 0;
	}
	
	.casescontainer .img-container {
		float: right;
	}
	
	.dienstcontainer #diensten .two img {
		position: absolute;
		top: 127px;
	}
	
	.page-template-template-dienst-ma .dienstcontainer #diensten .two img {
		max-width: 450px;
	}
	
	.dienstcontainer #diensten .spikes,
	.page-template-template-dienst-ma .dienstcontainer #diensten .spikes {
		border-bottom: 0;
		border-left: 25px solid transparent;
		width: 20px;
		left: calc(630px + (50vw - 340px));
		height: 510px;
    	top: 127px;
	}
	
	.dienstcontainer.m-a #diensten .spikes {
		height: 450px;
		left: calc(630px + (50vw - 335px));
	}
	
	.twogrid.producten .line.top {
		display: none;
	}
	
	.casecontainer .topcase .spikes {
    	left: calc(630px + (50vw - 340px));
	}
	
	.dienst-cta {
		border-top: 0;
		border-left: 1px;
		border-right: 25px solid transparent;
		top: 1px;
	}

	.dienst-cta .innerintro.dienst {
		height: 100px;
	}
	
	.dienst-cta .innerintro.dienst a:before {
		left: 78px;
		top: 36px;
	}

	.dienst-cta .innerintro.dienst a:after {
		width: 89px;
		margin: 3px 0 0 78px;
	}

	.dienst-cta .innerintro.dienst a:hover:before {
		width: 89px;
	}
	
	.casescontainer .container.topcase {
		margin-bottom: 90px;
	}
	
	.letsmeet img.contactimage {
		display: none;
	}
	
	#klanten .klantengrid {
		grid-template-columns: repeat(4, 120px);
		grid-gap: 25px;
		grid-auto-rows: minmax(80px, auto);
		grid-template-areas: 
			"one two three four"
			"five six seven eight"
			"nine ten eleven twelve";
	}
	
	.casecontainer .intro {
		height: 240px;
		width: 295px;
	}
	
	.peoplegrid {
    	grid-template-columns: repeat(2, 132px);
	}
	
	body [class^="icon-"].icon-default-style {
		font-size: 48px!important; 
		margin-bottom: 30px;
	}

	.iconcontainer {
		display: inline-block; 
		width: 10%;
	}
	
	.descriptioncontainer {
		display: inline-block;
	}
	
	#footer-outer .row {
		margin-bottom: 90px;
	}
	
	#cookie-law-info-bar span {
    	max-width: 630px;
	}

}



/* Standing pads - maximize container to 720px */
@media only screen and (min-width: 780px) {
	
	.container, 
	.post-area.standard-minimal.full-width-content article.post .inner-wrap {
		max-width: 720px!important;
		padding: 0;
	}
	
	.page-template-template-diensten .twogridbg .twogrid {
		grid-template-areas: "half-left half-right";
		grid-template-columns: repeat(2, calc(50% - 20px));
		grid-gap: 40px;
		height: 350px;
	}
	
	.page-template-template-diensten .twogridbg.deux {
    	margin-top: 0;
	}
	
	.page-template-template-diensten .twogridbg.une,
	.page-template-template-diensten .twogridbg.deux{
    	margin-bottom: 50px;
	}
	
	.page-template-template-diensten .twogrid.second {
		grid-template-areas: "half-left half-right";
		grid-template-columns: repeat(2, calc(50% - 30px));
	}
	
	.page-template-template-diensten .twogrid.second {
    	grid-auto-rows: minmax(90px, 500px);
	}
	
	.dienstcontainer #diensten .spikes,
	.casecontainer .topcase .spikes,
	.dienstcontainer.m-a #diensten .spikes {
		left: calc(720px + (50vw - 385px));
	}
	
	.page-template-template-diensten-alternatief .iconcontainer.onlymobile,
	.page-template-template-diensten-custom .iconcontainer.onlymobile{
		display: none;
	}

	.page-template-template-diensten-alternatief .iconcontainer.notonmobile,
	.page-template-template-diensten-custom .iconcontainer.notonmobile{
		display: inline-block;
	}
	
	.page-template-template-diensten-alternatief .descriptioncontainer,
	.page-template-template-diensten-custom .descriptioncontainer{
		width: 70%;
	}
	
	.page-template-template-diensten-alternatief .iconcontainer,
	.page-template-template-diensten-custom .iconcontainer{
		display: inline-block;
    	vertical-align: text-bottom;
	}

	.page-template-template-dienst-ma .threegrid {
		grid-template-areas: 
			"top-left top-middle top-right"
			"third-left third-middle third-right";
		position: relative;
		left: 0;
		grid-template-columns: repeat(2, 34%);
	}
	
	.page-template-template-dienst-ma .threegrid .one,
	.page-template-template-dienst-ma .threegrid .two,
	.page-template-template-dienst-ma .threegrid .three {
		height: auto;
    	padding-bottom: 30px;
	}
	
	.page-template-template-dienst-ma .inclusief.aaa {
		color: #bbb;
	}
	
	.page-template-template-dienst-ma .pakketsetup.aaa,
	.page-template-template-dienst-ma .pakketincludes.aaa ul li {
		color: #ccc;
	}
	
	.page-template-template-dienst-ma .lable.meestgekozen {
		margin-top: 0;
	}
	
	.casecontainer .intro {
		height: 220px;
		width: 340px;
	}
	
	.letsmeet img.contactimage {
		display: block;
	}
	
	#footer-outer .row {
		margin-bottom: 90px;
	}
	
	.menu-footer-menu-container {
		display: inline-block;
		float: left;
	}

	.copyright {
		display: inline-block;
		float: right;
		text-align: right;
		margin-top: 0;
	}
	
	#footer-outer[data-cols="1"] #footer-widgets .widget.widget_nav_menu li {
		display: inline-flex;
	}

	#footer-outer[data-cols="1"] #footer-widgets .widget.widget_nav_menu li::after {
		content: '|';
		margin-left: 15px;
	}

	#footer-outer[data-cols="1"] #footer-widgets .widget.widget_nav_menu li:last-child::after {
		content: '';
	}

	#footer-outer[data-cols="1"] #footer-widgets .widget.widget_nav_menu li:first-child {
		margin-left: 0px;
	}
	
	#cookie-law-info-bar span {
    	max-width: 720px;
	}
}




/* Theme overwrites */
@media only screen and (max-width: 1000px) and (min-width: 690px) {
	#footer-widgets .container .col {
		margin-left: 0!important;
	}
}




/* Normal */
@media only screen and (min-width: 1000px) {
	
	.mobile-menu-toggle {
		display: none;
	}
	
	header#top #logo img {
		display: none;
	}
	
	header#top #logo .retina-logo, header#top .span_3 #logo .mobile-only-logo {
    	display: block!important;
		height: 34px!important;
	}
	
	#header-outer[data-full-width="true"] header >.container, 
	#header-secondary-outer[data-full-width="true"] >.container {
		padding: 0 60px 0 30px;
		max-width: 1140px!important;
	}
	
	.container, 
	.post-area.standard-minimal.full-width-content article.post .inner-wrap {
    	max-width: 960px!important;
	}
	
	.casescontainer .topcase,
	.casescontainer .middlecase {
    	max-width: 960px!important;
		padding: 0;
	}
	
	header#top nav >ul >li >a, .pull-left-wrap > ul > li > a {
	    display: inline-block;
	}
	
	.slider-content {
		width: 960px;
	}
	
	.header-container {
		width: 710px;
		left: calc(100% - 710px);
	}
	
	.header-container .spikes {
		top: 25px;
	}
	
	.owl-carousel .owl-stage {
		padding: 25px 0 0 0;
	}
	
	.intro {
		top: 0;
	}
	
	.twogrid {
		display: grid;
		grid-template-columns: repeat(2, 450px);
		grid-gap: 60px;
		grid-auto-rows: minmax(90px, auto);
		grid-template-areas: 
			"half-left half-right";
	}
	
	.dienstencontainer .twogrid {
		grid-template-columns: repeat(2, 390px);
	}
	
	.dienstcontainer .twogrid {
		grid-template-columns: repeat(2, 390px);
	}
	
	.dienstcontainer .twogrid.first,
	.casecontainer .twogrid,
	.overonscontainer .twogrid {
		grid-template-columns: 390px 510px;
	}
	
	.dienstcontainer.m-a .twogrid.first {
		grid-template-columns: 450px 450px;
	}
	
	.dienstencontainer .fullwidth.cta .container {
    	max-width: 960px!important;
	}
	
	.diensten-cta .left {
		width: 600px;
	}
	
	.diensten-cta .left .inner {
    	width: 100%;
	}
	
	.dienstcontainer #diensten .spikes,
	.casecontainer .topcase .spikes,
	.dienstcontainer.m-a #diensten .spikes {
		left: 935px;
	}
	
	.twogrid.contact {
		/*grid-template-columns: 280px calc(100% - 340px);*/
		grid-template-columns: 280px 500px;
		grid-gap: 60px;
	}

	.threegrid {
		display: grid;
		grid-template-columns: repeat(3, 280px);
		grid-gap: 60px;
		grid-template-areas: 
			"third-left third-middle third-right";
	}
	
	.threegrid .three {
		display: block;
	}
	
	.klanten-content {
		width: calc(840px + (50% - 500px));
		min-width: 840px;
		padding-left: calc(20px + (50% - 500px));
		margin: 60px 0 70px 0;
	}
	
	.m-a-prizes {
		/*width: calc(840px + (50% - 500px));*/
		min-width: 840px;
		/*padding-left: calc(20px + (50% - 500px));*/
		margin: 50px 0 80px 0;
	}
	
	#klanten .klantengrid {
		grid-template-columns: repeat(6, 100px);
		grid-auto-rows: minmax(80px, auto);
		grid-template-areas: 
			"one two three four five six"
			"seven eight nine ten eleven tw";
	}	
		
	.casecontainer .headerimage {
		margin-left: 0;
	}
	
	.peoplegrid {
		grid-template-columns: repeat(3, 140px);
		grid-template-areas: 
			"pone ptwo pthree"
			"pfour pfive psix";
	}
	
	.page-template-template-diensten .fullwidth:last-child .container,
	.page-template-template-case .fullwidth:last-child .container,
	.page-template-template-dienst-ma .fullwidth:last-child .container,
	.page-template-default .fullwidth:last-child .container,
	.page-template-template-landingspagina .fullwidth:last-child .container,
	.fullwidth:last-child .container {
		left: -90px;
		padding: 40px 0 40px 90px;
	}
	
	.letsmeet {
		padding: 40px 30px 40px 90px;
	}
	
	.letsmeet form {
		width: 80%;
	}
	
	.casecontainer .intro {
		height: 200px;
		width: 390px;
	}
	
	.button {
		opacity: 0.8;
	}
	
	#footer-outer .row {
		margin-bottom: 120px;
	}
	
	#footer-outer[data-cols="1"] #footer-widgets .widget.widget_nav_menu li {
    	margin: 0 0 0 7px;
	}
	
	#cookie-law-info-bar {
		position: fixed!important;
		padding: 20px 30px 15px 30px;
	}
	
	#cookie-law-info-bar .mobile.show {
		display: none;
	}

	#cookie-law-info-bar .cli-plugin-button, 
	#cookie-law-info-bar.cli-plugin-button:visited {
		float: right;
		margin-top: -2px;
	}
	
	#slide-out-widget-area.slide-out-from-right-hover.open .inner {
		min-height: 305px!important;
	}
	
	#slide-out-widget-area.slide-out-from-right-hover .bottom-meta-wrap {
		margin-top: 0;
		border-top: 1px solid #ffffffaa;
    	padding-top: 30px;
    	width: 170px;
	}
	
	#cookie-law-info-bar span {
    	max-width: 960px;
	}
}


/* Wide */
@media only screen and (min-width: 1200px) {
	
	.rightpanel {
		display: flex;
  		flex-flow: column;
  		/*height: 100%;*/
		position: fixed;
		width: calc(((100% - 1140px)/2) + 90px);
	}
	
	.rightbolt {
		position: absolute;
		top: 32px;
		left: calc(100% - 72px);
	}
	
	#rightnav {
		display: unset;
		position: absolute;
		top: calc(100% - 170px);
		left: calc(100% - 90px);
	}
	
	.rightnav ul {
		margin-left: 0;
	}
	
	.rightnav li {
		list-style: none;
		display: block;
    	width: 100%;
    	float: left;
	}
	
	.rightnav li a {
		font-family: Lato, sans-serif;
		font-size: 14px;
		letter-spacing: -0.3px;
		color: #9A98A9;
		position: relative;
		text-decoration: none;
		display: none;
		float: left;
		-webkit-font-smoothing: subpixel-antialiased;
	}
	
	.rightnav li a:after {
		content: "";
		position: absolute;
		left: 0;
		bottom: -3px;
		width: 0;
		height: 2px;
		border-top: 2px solid;
		max-width: calc(100% - 15px);
		transition: width .3s ease-in-out;
	}
	
	.rightnav li a:hover {
		color: #6C42F8;
	}
	
	.rightnav li a:hover:after {
		width: 100%;
	}
	
	header#top #logo img {
		display: block;
	}
	
	header#top #logo .retina-logo, header#top .span_3 #logo .mobile-only-logo {
    	display: none!important;
	}
	
	.header-container .spikes {
		left: 685px
	}

	.container, 
	body[data-ext-responsive="false"] #boxed #header-outer[data-full-width="true"] header > .container,
	body[data-ext-responsive="false"] #boxed #header-secondary-outer[data-full-width="true"] > .container,
	.post-area.standard-minimal.full-width-content article.post .inner-wrap, 
	body[data-header-format="left-header"] .container, 
	body[data-header-format="left-header"] .post-area.standard-minimal.full-width-content article.post .inner-wrap {
		max-width: 1140px!important;
		padding-left: 90px;
	}
	
	#header-outer[data-full-width="true"] header >.container, 
	#header-secondary-outer[data-full-width="true"] >.container {
		max-width: 1140px;
		padding: 0 40px 0 90px;
	}
	
	.rpad {
		padding-right: 90px;
	}
	
	#cases.rpad {
		margin-top: 20px;
	}
	
	.header-container {
		width: 710px; 
		margin-left: 340px;
		left: 0;
	}
	
	.klanten-content {
		width: 930px;
		min-width: 930px;
    	padding-left: 0;
		margin-top: 80px;
    	margin-left: calc(50% - 570px);
	}
	
	.m-a-prizes {
		width: 1140px;
		min-width: 1140px;
    	padding-left: 0;
		margin-top: 50px;
    	margin-left: calc(50% - 570px);
	}
	
	#quickscanform.m-a-prizes {
		border-radius: 10px; 
	}
	
	.diensten-cta .left .inner {
		padding-left: 90px;
	}
	
	.page-template-template-diensten .twogrid.second {
		grid-template-columns: repeat(2, 390px);
	}
	
	#klanten .klantengrid {
    	grid-template-columns: repeat(6, 106px);
	}
	
	.dienstcontainer .fullwidth.white {
		background: none;
	}
	
	.dienstencontainer .fullwidth.cta .container {
    	max-width: 1140px!important;
	}
	
	.page-template-template-diensten .fullwidth:last-child .container,
	.page-template-template-dienst-ma .fullwidth:last-child .container,
	.page-template-template-case .fullwidth:last-child .container,
	.page-template-default .fullwidth:last-child .container,
	.page-template-template-landingspagina .fullwidth:last-child .container,
	.fullwidth:last-child .container {
		left: 0;
		max-width: 1050px!important;
    	margin-left: calc(50% - 570px);
	}
	
	.page-template-template-dienst .fullwidth.white .container {
		padding: 40px 0 40px 90px;
	}
	
	.casecontainer .topcase .spikes {
		left: calc(100% - 25px);
		height: 435px;
	}
	
	#footer-widgets .container {
		max-width: 960px!important;
		padding-left: 0;
	}
	
}



/* For Header width above 1280 */
@media only screen and (min-width: 1280px) {
	
	#header-outer[data-full-width="true"] header >.container, 
	#header-secondary-outer[data-full-width="true"] >.container {
		padding: 0 0 0 90px;
	}
	
}



/* Extra Wide */
@media only screen and (min-width: 1380px) {
	
	.rightpanel {
		width: calc(((100% - 1200px)/2) + 120px);
	}

	#rightnav {
		left: calc(100% - 120px);
	}
	
	.rightbolt {
		position: absolute;
		top: 32px;
		left: calc(100% - 180px);
	}
	
	.container, 
	body[data-ext-responsive="false"] #boxed #header-outer[data-full-width="true"] header > .container,
	body[data-ext-responsive="false"] #boxed #header-secondary-outer[data-full-width="true"] > .container,
	.post-area.standard-minimal.full-width-content article.post .inner-wrap, 
	body[data-header-format="left-header"] .container, 
	body[data-header-format="left-header"] .post-area.standard-minimal.full-width-content article.post .inner-wrap {
		max-width: 1200px!important;
		padding-left: 120px;
	}
	
	#header-outer[data-full-width="true"] header >.container, 
	#header-secondary-outer[data-full-width="true"] >.container {
		max-width: 1200px!important;
		padding: 0;
	}
	
	#header-outer[data-lhe="animated_underline"] header#top nav > ul > li[class*="button_solid_color"] > a {
		margin-right: 0!important;
	}
	
	header#top nav ul .slide-out-widget-area-togglelaar {
    	margin-left: 15px;
    	margin-right: -45px;
	}
	
	.slider-content {
    	width: 1080px;
		margin-left: calc(((100% - 1200px)/2) + 120px);
	}
	
	.header-container {
		width: 800px; 
		margin-left: 370px;
	}
	
	.owl-prev, .owl-next {
    	left: 670px;
	}
	
	.header-container .spikes {
		left: 775px;
	}
	
	.klanten-content {
		width: 960px;
		min-width: 960px;
    	padding-left: 0;
    	margin-left: calc(50% - 600px);
	}
	
	#klanten .klantengrid {
    	grid-template-columns: repeat(6, 110px);
		margin-left: -20px;
	}
	
	.dienstencontainer .fullwidth.cta .container {
    	max-width: 1200px!important;
	}
	
	.diensten-cta .left .inner {
    	padding-left: 120px;
	}
	
	.fullwidth:last-child .container {
		left: 0;
		max-width: 1050px!important;
    	margin-left: calc(50% - 600px);
	}
	
	.page-template-template-dienst .fullwidth .container,
	.page-template-template-dienst .fullwidth.white .container{
		padding: 40px 0 40px 120px;
	}
	
	.casecontainer .topcase .spikes {
		left: calc(100% - 55px);
	}
	
	#footer-widgets .container {
		max-width: 1200px!important;
	}
	
	#cookie-law-info-bar span {
    	max-width: 1200px;
	}
}

/* End of the line */