/*  Webcirkel Customization - www.webcirkel.nl  */

/* Availabe font types 
.tk-aktiv-grotesk { font-family: "aktiv-grotesk",sans-serif; }
.tk-aktiv-grotesk-condensed { font-family: "aktiv-grotesk-condensed",sans-serif; }
*/

/* Aktiv Grotesk Light 
font-family: aktiv-grotesk, sans-serif;
font-weight: 300;
font-style: normal; */

/* Aktiv Grotesk Regular 
font-family: aktiv-grotesk, sans-serif;
font-weight: 400;
font-style: normal; */

/* Aktiv Grotesk Italic 
font-family: aktiv-grotesk, sans-serif;
font-weight: 400;
font-style: italic; */

/* Aktiv Grotesk Bold
font-family: aktiv-grotesk, sans-serif;
font-weight: 700;
font-style: normal;  */

body {overflow:hidden;}
body,h1,h2,h3,h4,h5,h6,.uk-h1,.uk-h2,.uk-h3,.uk-h4,.uk-h5,.uk-h6,p,span,ul,li,td {
	font-family: aktiv-grotesk, sans-serif;
	font-weight: 400;
	font-style: normal;
}
.container, 
.uk-container {
	box-sizing: border-box;
}
.tm-header, 
.tm-header-mobile,
.tm-toolbar {
    z-index: 1000;
}
/* CLIENT COLORS  */
.ep-paars-bg {color:#FFF; background-color: #2B0A88;} 
.ep-zwart-bg {background-color: #22252c;}
.ep-groen-bg {background-color: #00D264;} 
.ep-roze-bg {background-color: #ff4766;}
.ep-grijs-bg {background-color: #F1F1F1;} 
.ep-wit-bg {background-color: #FFF;} 
.ep-transparent-bg {background:transparent;}

.ep-paars-bg .uk-button-text { 
	color:#FFF;
}
.ep-paars-bg .uk-button-text:before,
.ep-paars-bg .uk-button-text:focus::before, 
.ep-paars-bg .uk-button-text:hover::before {
    border-bottom-color: #FFF;
}
h1,.uk-h1 {font-size: 2em;}
h2,.uk-h2 {font-size: 1.8em;}
h3,.uk-h3 {font-size: 1.6em;}
h1,h2,h3,.uk-h1,.uk-h2,.uk-h3 {line-height:1em; letter-spacing:-0.022em;}
h4,.uk-h4 {font-size: 1.4em;}
h5,.uk-h5 {font-size: 1em;}
h6,.uk-h6 {font-size: 1em; font-weight: 700;}
h4,h5,h6,.uk-h4,.uk-h5,.uk-h6 {line-height:1.15em;}

h1.display {font-size: 2.4em; font-weight: 300; letter-spacing:-0.03em;}
h1.strong, strong h1, h3.strong, strong h3 {font-weight: 700;}
.uk-background-cover h1 {color: #fff;}
h2.strong, strong h2 {color: #00D264; font-size: 0.875em; text-transform:uppercase;}
.fontweight-300, .fontweight-300 p {font-weight: 300;}
.fontweight-400, .fontweight-400 p {font-weight: 400;}
.fontweight-700, .fontweight-700 p {font-weight: 700;}
.uk-navbar-container>.uk-container {
    max-width: 100vw;
}
.padding-top2-bottom1 > .uk-section {
	padding-top: 140px;
	padding-bottom: 70px;
}
/* BUTTONS */
.uk-button-default, 
.uk-button-text {
	position:relative;
    margin-top: 1em;
	padding-left: 2.5em;
	display: inline-block;
	vertical-align: middle;
    font-size: 16px;
	font-weight:700;
	text-align:left;
	letter-spacing: .005em;
	z-index: 10;
}
.uk-card-secondary .uk-button-default, 
.uk-card-secondary .uk-button-text {
	color: #ffffffcc;
}
.uk-card-secondary .uk-button-default:hover, 
.uk-card-secondary .uk-button-text:hover {
	color: #fff;
}
.uk-button-default:before, 
.uk-button-text:before {
	content: url("data:image/svg+xml;charset=UTF-8,<svg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' version='1.1'><path id='Icon_awesome-arrow-right' data-name='Icon awesome-arrow-right' d='M9.24,5.67l.5-.51a.56.56,0,0,1,.78,0h0L15,9.61a.54.54,0,0,1,0,.77h0l-4.45,4.45a.55.55,0,0,1-.77,0h0l-.5-.51a.54.54,0,0,1,0-.78h0L12,10.92H5.42a.56.56,0,0,1-.55-.55h0V9.63a.56.56,0,0,1,.55-.55H12L9.24,6.45a.55.55,0,0,1,0-.77Z' fill='darkblue'/></svg>");
	display: block;
    position: absolute;
    top: 0px;
    left: 0px;
	width: 20px;
    height: 20px;
	padding-top:1px;
	background-color:#00D264;
	z-index: 8;
}
.ep-groen-bg .uk-button-default:before, 
.ep-groen-bg .uk-button-text:before,
.ep-roze-bg .uk-button-default:before, 
.ep-roze-bg .uk-button-text:before  {
	background-color:#FFFFFF;
}
.button-grijs .uk-button-default:before, 
.button-grijs .uk-button-text:before,
.uk-button-text.grijs:before  {
	background-color:#EEEEEE;
}
.uk-button-default:after, 
.uk-button-text:after {
	content: "";
	display: block;
    position: absolute;
    top: 0px;
    left: 0px;
	width: 20px;
    height: 20px;
	background-color:#00D26433;
		-webkit-transition: all 300ms ease;
		-moz-transition: all 300ms ease;
		transition: all 300ms ease;
        -webkit-transform: scale(0.01);
        -ms-transform: scale(0.01);
		transform: scale(0.01);
	z-index: 6;
}
.button-grijs .uk-button-default:after, 
.button-grijs .uk-button-text:after,
.uk-button-text.grijs:after  {
	background-color:#F1F1F1AA;
}
.ep-groen-bg .uk-button-default:after, 
.ep-groen-bg .uk-button-text:after,
.ep-roze-bg .uk-button-default:after, 
.ep-roze-bg .uk-button-text:after {
	background-color:#FFFFFF33;
}
.uk-button-text.arrow-down:before,
.uk-button-text.arrow-down:after {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
    transform-origin: center center;
}
.uk-button-default:hover, 
.uk-button-text:hover {
	text-decoration: none;
}
.ep-groen-bg .uk-button-default:hover:before, 
.ep-groen-bg .uk-button-text:hover:before,
.ep-roze-bg .uk-button-default:hover:before, 
.ep-roze-bg .uk-button-text:hover:before  {
	background-color:#00D264;
}
.uk-button-default:hover:after, 
.uk-button-text:hover:after {
		-webkit-transition: all 300ms ease;
		-moz-transition: all 300ms ease;
		transition: all 300ms ease;
        -webkit-transform: scale(2);
        -ms-transform: scale(2);
        transform: scale(2);
}
.uk-button-text.arrow-down:hover:after  {
    -webkit-transform: rotate(90deg) scale(2);
	-ms-transform: rotate(90deg) scale(2);
	transform: rotate(90deg) scale(2);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
    transform-origin: center center;
}

.uk-button-default.uk-button-large:before,
.uk-button-text.uk-button-large:before {
/*	width: 40px;
    height: 40px; */
}
.uk-button-large:before,
.uk-button-large:after {
	width: 40px;
    height: 40px;
}
.uk-button-large:hover:after {
        -webkit-transform: scale(1.5);
        -ms-transform: scale(1.5);
        transform: scale(1.5);
}

/* Button in Navbar dropdown  */
.uk-navbar-dropdown-nav li a.uk-button-default {
	margin-top: 1em;
    padding-left: 2.5em;
    font-size: 14px;
    line-height: 16px;
}
.dj-megamenu-everspartners li ul.dj-submenu > li > a {
	margin-top: 0.35em;
    padding-left: 0;
    font-size: 14px;
    line-height: 21px;
}
.dj-megamenu-everspartners li ul.dj-submenu > li > a.uk-button-default {
    padding-left: 2.5em;
}
.dj-megamenu-everspartners li ul.dj-submenu > li > a.uk-button-default:before,
.dj-megamenu-everspartners li ul.dj-submenu > li > a.uk-button-default:after{
    top: 6px;
}
/* Navbar hover circle - z-index: 1020; */
.dj-megamenu-everspartners li a.dj-up_a,
.dj-megamenu-everspartners li ul.dj-submenu > li > a,
.uk-navbar-nav>li>a,
.uk-navbar-dropdown-nav li a {
	position:relative;
	z-index: 1;
}

.dj-megamenu-everspartners li a.dj-up_a:before,
.dj-megamenu-everspartners li ul.dj-submenu > li > a:not(.uk-button-default):before,
.uk-navbar-nav>li>a:before,
.uk-navbar-dropdown-nav li a:not(.uk-button-default):before {
	content:"";
	display: block;
    position: absolute;
    top: 20%;
    left: 2em;
	width: 20px;
    height: 20px;
	background-color:#FFFFFF00;
		-webkit-border-radius: 50px; 
		-moz-border-radius: 50px; 
		border-radius: 50px; 
		-webkit-transition: all 300ms ease;
		-moz-transition: all 300ms ease;
		transition: all 300ms ease;
        -webkit-transform: scale(0.01);
        -ms-transform: scale(0.01);
        transform: scale(0.01);
	z-index: -1;
}
.dj-megamenu-everspartners li a.dj-up_a:before,
.uk-navbar-nav>li>a:before {
	top: 38%;
    left: 40%;
}
.dj-megamenu-everspartners li a.dj-up_a:hover:before,
.dj-megamenu-everspartners li ul.dj-submenu > li > a:not(.uk-button-default):hover:before,
.uk-navbar-nav>li>a:hover:before,
.uk-navbar-dropdown-nav li a:not(.uk-button-default):hover:before {
	background-color:#FFFFFF33;
		-webkit-transition: all 300ms ease;
		-moz-transition: all 300ms ease;
		transition: all 300ms ease;
        -webkit-transform: scale(2.0);
        -ms-transform: scale(2.0);
        transform: scale(2.0);
}
.dj-megamenu-everspartners li a.dj-up_a:hover:before,
.uk-navbar-nav>li>a:hover:before {
	background-color:#F1F1F1FF;
}
/* Hero image */
.hero-image,
.hero-image-medium,
.hero-image-big,
.hero-pattern-02,
.uk-section-muted,
.expertise-article-image,
.market-article-image,
.project-main-image .uk-container .hero-pattern-07,
.content-image-left,
.content-image-right,
.werken-article-image,
#CTA,
#quote-banner {
	position: relative;
	overflow: hidden;
}
.projects-title-section {
	position: relative;
}
.hero-image-medium>.uk-section {
    padding-top: 9em;
    padding-bottom: 4.25em;
}
.hero-image h1,
.hero-image .uk-h1 {
	margin:0 0 0.35em 0;
}
.hero-pattern-01:after,
.hero-pattern-02:after,
.hero-pattern-03:after,
.hero-pattern-04:after,
.hero-pattern-05:after,
.hero-pattern-06:after,
.hero-pattern-07:after,
.hero-pattern-08:after,
.hero-pattern-09:after,
.hero-pattern-10:after,
.hero-pattern-11:after,
.hero-pattern-12:after {
	content:"";
	display:block;
	position: absolute;
	top: unset;
    right: calc(-0.8 * 67vw); /* mobile only shows part */
	bottom:0;
	width: calc(1 * 67vw);
    height: calc(0.8 * 67vw);
} 
.hero-pattern-01:after {
	background: url(../images/pattern-web-01.svg) top right no-repeat;
		-webkit-background-size: 100% auto;
		-moz-background-size: 100% auto;
		-o-background-size: 100% auto;
		background-size: 100% auto;
}
.hero-pattern-02:after {
	background: url(../images/pattern-web-02.svg) top right no-repeat;
		-webkit-background-size: 100% auto;
		-moz-background-size: 100% auto;
		-o-background-size: 100% auto;
		background-size: 100% auto;
}
.hero-pattern-03:after {
	background: url(../images/pattern-web-03.svg) top right no-repeat;
		-webkit-background-size: 100% auto;
		-moz-background-size: 100% auto;
		-o-background-size: 100% auto;
		background-size: 100% auto;
}
.hero-pattern-04:after {
	background: url(../images/pattern-web-04.svg) top right no-repeat;
		-webkit-background-size: 100% auto;
		-moz-background-size: 100% auto;
		-o-background-size: 100% auto;
		background-size: 100% auto;
}
.hero-pattern-05:after {
	background: url(../images/pattern-web-05.svg) top right no-repeat;
		-webkit-background-size: 100% auto;
		-moz-background-size: 100% auto;
		-o-background-size: 100% auto;
		background-size: 100% auto;
}
.hero-pattern-06:after {
	background: url(../images/pattern-web-06.svg) top right no-repeat;
		-webkit-background-size: 100% auto;
		-moz-background-size: 100% auto;
		-o-background-size: 100% auto;
		background-size: 100% auto;
}
.hero-pattern-07:after {
	background: url(../images/pattern-web-07.svg) top right no-repeat;
		-webkit-background-size: 100% auto;
		-moz-background-size: 100% auto;
		-o-background-size: 100% auto;
		background-size: 100% auto;
}
.hero-pattern-08:after {
	background: url(../images/pattern-web-08.svg) top right no-repeat;
		-webkit-background-size: 100% auto;
		-moz-background-size: 100% auto;
		-o-background-size: 100% auto;
		background-size: 100% auto;
}
.hero-pattern-09:after {
	background: url(../images/pattern-web-09.svg) top right no-repeat;
		-webkit-background-size: 100% auto;
		-moz-background-size: 100% auto;
		-o-background-size: 100% auto;
		background-size: 100% auto;
}
.hero-pattern-10:after {
	top: unset;
	bottom: 0;
	right: calc(-0.2 * 67vw);
	background: url(../images/pattern-web-10.svg) top right no-repeat;
		-webkit-background-size: 100% auto;
		-moz-background-size: 100% auto;
		-o-background-size: 100% auto;
		background-size: 100% auto;
}
.hero-pattern-11:after {
	background: url(../images/pattern-web-11.svg) top right no-repeat;
		-webkit-background-size: 100% auto;
		-moz-background-size: 100% auto;
		-o-background-size: 100% auto;
		background-size: 100% auto;
}
.hero-pattern-12:after {
	background: url(../images/pattern-web-12.svg) top right no-repeat;
		-webkit-background-size: 100% auto;
		-moz-background-size: 100% auto;
		-o-background-size: 100% auto;
		background-size: 100% auto;
}
.hero-image h1, .hero-image .uk-h1,
.hero-image h2, .hero-image .uk-h2,
.hero-image h3, .hero-image .uk-h3,
.hero-image h4, .hero-image .uk-h4,
.hero-image h5, .hero-image .uk-h5,
.hero-image h6, .hero-image .uk-h6 {
	margin-top: 1.5rem;
	text-shadow: 0px 0px 7px #00000066;
}
.uk-grid>*>.expertise-article-image,
.uk-grid>*>.market-article-image {
	margin-bottom: 30%;
	overflow: visible;
}
.expertise-article-image:after,
.market-article-image:after,
.werken-article-image:after {
	content:"";
	display:block;
	position: absolute;
	width: calc(1 * 67vw);
    height: calc(0.8 * 67vw);
	top:unset;
	right:unset;
	bottom: calc(-0.2 * 67vw);
	left:0;
	background: url(../images/pattern-web-05.svg) top right no-repeat;
		-webkit-background-size: 100% auto;
		-moz-background-size: 100% auto;
		-o-background-size: 100% auto;
		background-size: 100% auto;
}
.project-main-image .hero-pattern-07:after {
	top:0;
	right: calc(-0.2 * 67vw);
	bottom:unset;
}
.content-image-right:after {
	content:"";
	display:block;
	position: absolute;
	width: calc(0.2 * 67vw);
    height: calc(0.2 * 67vw);
	top:-1px;
	right:-1px;
	background-color:#F1F1F1;
}
.ep-groen-bg .content-image-right:after {
	background-color:#00d264;
}
.content-image-right .el-meta {
	display:inline-block;
	position: absolute;
	right:0;
	bottom:0;
	padding:0.8em 0.6em;
	font-size:0.7em;
	color: #FFF;
	background-color: #00000060;
}
.content-image-left:before,
.content-image-left:after {
	content:"";
	display:block;
	position: absolute;
	width: calc(0.2 * 67vw);
    height: calc(0.2 * 67vw);
	top:-1px;
	left:-1px;
	background-color:#2b0a88;
}
.content-image-left:after {
	top:unset;
	right: 0px;
	bottom: 0px;
	left:unset;
	background-color:#00d264;
}
.content-image-left.white-block:before {
	background-color:#FFFFFF88;
}
.werken-article-image:after {
	right:0;
	left:unset;
	transform: scaleX(-1);
}
#quote-banner .hero-pattern-01:after {
	top:0;
}
.uk-section-secondary .uk-card-secondary {
	background-color: #393b42;
    border: 0px;
}

/* BREADCRUMB */
/*
.uk-breadcrumb  {
	position: absolute;
	top:0;
	left:0;
}
.uk-breadcrumb li a,
.hero-image .uk-breadcrumb li a {
	display: inline-block;
	margin-right: 0.0625em;
	padding: 0.35em 0.85em;
	color:#FFF;
	background-color: #00000044; 
	background-image: linear-gradient(to right, #00000077, #00000055);
 }
.uk-breadcrumb>:last-child>* {
	margin-left: 0.5em;
	text-shadow: 0 0 9px #00000033;
}
 .uk-light .uk-breadcrumb>:last-child>* {
	color: #2b0a88;
 }
 .hero-image .uk-breadcrumb li a:hover {
	color: #00d264;
 }
*/
 /* SLIDERS */
.thema-slider .uk-slider-container,
.project-slider .uk-slider-container,
.foto-panel-slider .uk-slider-container {
	 position:relative;
 }
.uk-slidenav {
	-webkit-border-radius: 0px; 
	-moz-border-radius: 0px; 
	border-radius: 0px; 
 }

.project-slider .uk-slider-items div.el-item .uk-grid>div:nth-child(2) {
	padding:3em 1em 3em 3em;
}
.uk-dotnav {
    margin: 1em 0;
}
.uk-section-primary .thema-slider .uk-text-meta,
.uk-section-secondary .thema-slider .uk-text-meta {
	color:#00D264;
}
.thema-slider .uk-slider-container a.uk-button,
.project-slider .uk-slider-container a.uk-button {
	margin-bottom:30px;
}

.expertise-slider .el-item,
.expertise-slider .el-item .uk-card-body,
.expertise-slider .el-item .uk-card-body>:last-child {
	display: flex;
	flex-direction: column;
}
.expertise-slider .el-item .uk-card-body,
.expertise-slider .el-item .uk-card-body>:last-child {
	flex-grow:1;
}
.expertise-slider .el-item .uk-card-body>:last-child a {
    margin-top: auto;
}
.expertise-slider .el-item .el-meta {
	color: #ffffff99;
}

.uk-slideshow .uk-thumbnav li.uk-active a  {
    -webkit-border-radius: 50%; 
	-moz-border-radius: 50%; 
	border-radius: 50%;  
    box-shadow: 0px 0px 0px 5px #25a505;
}
 /* LOGO SLIDERS new */
 .logoslider .uk-cover-container {
	height: 100%;
	display: flex;
    align-items: center;
}
/* MARKTEN */
#blokken-markten .uk-card,
#blokken-markten .photocard {
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}
#blokken-markten .photocard {
    justify-content: space-around;
}
#blokken-markten .uk-card,
#blokken-markten .photocard {
	min-height: 300px;
	min-height: calc(1 * 100vw - 15px);
}
#blokken-markten .uk-card .el-content {
	font-size: 1.125em;
	font-weight: 700;
}
#blokken-markten .photocard>img {
	max-width: 99.99%;
}
#blokken-markten:not(.no-overlay) picture img:not(.uk-border-circle) {
	filter: saturate(0.05) opacity(0.25);
}
#blokken-markten .uk-light .uk-button-default:hover {
	background-color: transparent;
    color: #2b0a88;
}
#blokken-markten .ep-paars-bg .uk-button-default:hover {
    color: #000000cc;
}

#slogan-in-black h3 p {
	margin:0;
}
#solutions-banner>div {
	position:relative;
	padding-top: 140px;
    padding-bottom: 70px;
}
#solutions-banner .uk-container:before {
	content:"";
	display: block;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background-color: #00000080;
}
/* THEMAS - Tags overview page */
.tags-overview .uk-grid div:nth-child(5n - 4) .el-item a.uk-card {
	background-color: #00D264; /* groen */ 
}
.tags-overview .uk-grid div:nth-child(5n - 3) .el-item a.uk-card {
	background-color: #CCC; /* grijs */ 
}
.tags-overview .uk-grid div:nth-child(5n - 2) .el-item a.uk-card {
	background-color: #2B0A88; /* blauw */ 
}
.tags-overview .uk-grid div:nth-child(5n - 1) .el-item a.uk-card {
	background-color: #22252c; /* Donker grijs */ 
}
.tags-overview .uk-grid div:nth-child(5n - 0) .el-item a.uk-card {
	background-color: #ff4766; /* roze */ 
}
.tags-overview .uk-grid div:nth-child(5n - 3) .el-item .uk-card .uk-card-body h2,
.tags-overview .uk-grid div:nth-child(5n - 3) .el-item .uk-card .uk-card-body .el-content {
	color: #22252c; /* donkergrijs */ 
}
.tags-overview .uk-grid div:nth-child(5n - 2) .el-item a.uk-card .uk-button-default:hover,
.tags-overview .uk-grid div:nth-child(5n - 1) .el-item a.uk-card .uk-button-default:hover {
	color: #00D264;
}
.tags-overview .uk-card-primary > :not([class*="uk-card-media"]) .uk-button-default:hover {
	color: #2b0a88;
	background-color: transparent;
}
.tags-overview .el-item .uk-inline-clip img {
	filter: saturate(0.05) opacity(0.25);
}
.tags-overview .el-item .uk-card-body {
	position: absolute;
	bottom: 0;
}
	
/* PROJECTS & NEWS */
#Projectlist .uk-subnav>*,
#Newslist .uk-subnav>*{
	margin-right:-1px;
    padding-left: 0px;
}
#Projectlist .uk-subnav-pill>*>:first-child,
#Newslist .uk-subnav-pill>*>:first-child  {
    padding: 5px 10px;
	font-size: 0.85em;
    border: 1px solid #ccc;
	-webkit-border-radius: 0px; 
	-moz-border-radius: 0px; 
	border-radius: 0px; 
}
#Projectlist .uk-subnav>li{
	flex-grow: 1;
}
#Projectlist .uk-subnav>li>a{
	display: block;
	text-align: center;
}
#more-news .uk-grid-stack .uk-child-width-expand,
#Newslist .uk-grid-stack .uk-child-width-expand {
	width:100%;
}
#quote-banner>div {
	padding-top: 140px;
    padding-bottom: 140px;
}
#quote-banner .quote-text {
	margin-bottom: 0.5em;
	font-size: 1.8em;  /* 2.75em; */
	line-height: 1.05em; /* 1em; */
	font-family: aktiv-grotesk, sans-serif;
	font-weight: 300;
	font-style: normal;
}
.client-logos div .el-item {
	display: flex;
	justify-content: center;
    align-items: center;
}
.newsgrid .el-item .uk-button-large {
	margin: 0;
	padding: 0 0 0 40px;
	float: right;
	text-align: center;
}
.newsgrid .el-item .uk-grid {
	align-items:stretch;
} 
.newsgrid .el-item .uk-card-body { 
	position:relative;
	display:flex;
	flex-direction:column;
	align-items:stretch;
	padding: 20px 20px 10px 70px;
}
.newsgrid .el-item .el-content {
	display: block;
	width: 60px;
	height: 60px;
	position: absolute;
    left: 0;
    top: 1em;
	margin: 0;
	padding: 0.6em 0.25em;
	color: #2b0a88;
	font-size: 18px;
	line-height: 1em;
    font-weight: 400;
    text-align: center;
	text-transform: uppercase;
    background-color: #2b0a8833;
	-webkit-border-radius: 500px; 
	-moz-border-radius: 500px; 
	border-radius: 500px; 
}
.newsgrid .el-item .uk-card-body h2,
.newsgrid .el-item .uk-card-body h3 { 
	flex-grow: 1;
}
/* EXPERTISE */
.uk-first-column>.uk-card-secondary {
	border:0px;
}
.uk-card-secondary .el-content {
	color:#aaa;
}
/* TEAM */
.ep-groen-bg .uk-link, 
.ep-groen-bg a {
	color:#001685;
	text-decoration: underline;
}
.ep-groen-bg .uk-link:hover, 
.ep-groen-bg a:hover {
	color:#fff;
}
.contact-cards .el-item img {margin-bottom: 1em;}
.contact-cards .el-item a {display: inline-block; color:#2b0a88; text-decoration: none; }
.contact-cards .el-item a:hover { text-decoration: underline;}

.contact-cards .el-item a span {display: inline-block; margin-right:0.5em; padding:0.35em; border:0px solid #fff; background-color:transparent;}
.contact-cards .el-item a:hover span {background-color:#fff;}

#team .el-container .uk-overlay {
    padding: 1.5em 1em;
}
#team .el-container .uk-overlay-primary {
    background: rgba(43,10,136,.75);
}
#team .el-container .uk-overlay .el-title {
	padding-bottom: 1em;
	font-size: 1.25em;
    line-height: 1.35;
}
#team .el-container .uk-overlay .el-content {
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
}
#team .el-container .uk-overlay .el-content .uk-icon svg {
	width: 2em;
    height: 2em;
}
#team .contact-cards .uk-h4 {
	font-size: 1.8em;
}
#team .contact-cards .el-content {
	margin-top: 0.35em;
	line-height: 1.25rem;
}
/* RSFORM */
div.formContainer {
	padding: 0.15em;
}
div.formBody {
	display: block;
	float: none;
}
.rsform-block {
    margin-bottom: 10px;
	display:block;
	clear:both;
}
.rsform-block label {
	font-size: 0.9em;
	font-weight:400;
}
strong.formRequired {
	font-weight: bold;
	font-style: normal;
	margin-left: 3px;
}
.formRed,
.formError {
	display: block;
	margin: 0.5em 0;
    color: #FF4766;
	font-size: 1.1em;
    line-height: 1.5rem;
}
.formNoError {
	display:none;
}
.rsform-block input[type=date]:not([class*=uk-]), 
.rsform-block input[type=datetime-local]:not([class*=uk-]), 
.rsform-block input[type=datetime]:not([class*=uk-]), 
.rsform-block input[type=email]:not([class*=uk-]), 
.rsform-block input[type=month]:not([class*=uk-]), 
.rsform-block input[type=number]:not([class*=uk-]), 
.rsform-block input[type=password]:not([class*=uk-]), 
.rsform-block input[type=search]:not([class*=uk-]), 
.rsform-block input[type=tel]:not([class*=uk-]), 
.rsform-block input[type=text]:not([class*=uk-]), 
.rsform-block input[type=time]:not([class*=uk-]), 
.rsform-block input[type=url]:not([class*=uk-]),
.rsform-block input[type=week]:not([class*=uk-]), 
.rsform-block select:not([class*=uk-]):not([multiple]):not([size]),
.rsform-block textarea:not([class*=uk-]) {
	display:block;
	width: 100%;
    min-height: 2.25em;
	padding: 0.4em 1em 0.35em;
	color: #555;
	font-family: aktiv-grotesk, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1em;
    line-height: 1.5em;
}
.rsform-block textarea:not([class*=uk-]) {
    min-height: 4.5em;
}
.rsform-block ::-webkit-input-placeholder,
.rsform-block ::placeholder, /* Chrome, Firefox, Opera, Safari 10.1+ */
.rsform-block input::placeholder,
.rsform-block textarea::placeholder,
.rsform-block :-moz-placeholder, /* Firefox */
.rsform-block :-ms-input-placeholder, /* Internet Explorer 10-11 */
.rsform-block ::-ms-input-placeholder { /* Microsoft Edge */
	color: #555;
	opacity: 1;
}
.rsform-block-privacy label.control-label {
	display:none;
}
#CTA .el-image {
	border-radius: 500px;
}
.thankyoumessage {
    padding: 1.5em 2em;
    color: #fff;
    font-size: 1.35em;
	line-height: 2rem;
	font-weight: 600;
}

/* FOOTER */#Footer1 .uk-button-text {	text-align:left;}
#Footer2 .uk-list .el-item a {
	color:#2b0a88;
}
#Footer2 .uk-list .el-item a:hover {
	color:#00D264;
}

/* OFFCANVAS */
.uk-offcanvas-bar {
	background:rgba(43,10,136,.75);
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	color:#fff;
}
.uk-offcanvas-bar .uk-nav-default li,
.uk-offcanvas-bar .uk-nav-default>li>a,
.uk-offcanvas-bar .uk-subnav li,
.uk-offcanvas-bar .uk-subnav>li>a {
	color:#fff;
	font-weight: 400;
}
.uk-offcanvas-bar .uk-nav-default .uk-nav-sub li,
.uk-offcanvas-bar .uk-nav-default .uk-nav-sub>li>a {
	color:#fff;
    font-size: 0.9375em;
	font-weight: 300;
	letter-spacing: 0.02em;
}
.uk-offcanvas-bar .uk-nav-sub a.uk-button-default {
	padding-left: 2.5em;
}
.uk-offcanvas-bar .uk-nav-default li a.expertise~ul.uk-nav-sub {
	display: none;
}
.uk-offcanvas-bar .uk-nav-default li.uk-nav-header {
    color: #888;
    font-size: 0.85em;
    letter-spacing: 0.02em;
}
.uk-offcanvas-bar .uk-nav-default .uk-nav-header:not(:first-child) {
    margin-top: 10px;
}
button.uk-offcanvas-close {
	filter: invert(1) grayscale(1);
}

/* RESPONSIVE  */
/* YOOTHEME BREAKPOINTS SETTINGS
Xlarge (large screens) 1400px
Large (desktop) 1200px
Medium  (tablet landscape) 992px
Small (phone landscape) 768px
*/
/* Extra small devices (portrait phones, less than 576px)   */
@media (max-width: 575.98px) {
}
/* Small devices (landscape phones, 576px and up)  */
@media (min-width: 576px) {
}
/* Small devices (landscape phones, 640px and up)  */
@media (min-width: 640px) {
}
/* Medium devices (tablets, 768px and up)  */
@media (min-width: 768px) {
	h1,.uk-h1 {font-size: 2.5em;}
	h2,.uk-h2 {font-size: 2.25em;}
	h3,.uk-h3 {font-size: 2em;}
	h1,h2,h3,.uk-h1,.uk-h2,.uk-h3 {line-height:1em; letter-spacing:-0.022em;}
	h4,.uk-h4 {font-size: 1.75em;}
	h5,.uk-h5 {font-size: 1.25em;}
	h6,.uk-h6 {font-size: 1em; font-weight: 700;}
	h4,h5,h6,.uk-h4,.uk-h5,.uk-h6 { /* line-height:1em; */}
	h1.display {font-size: 3em;	font-weight: 300;letter-spacing:-0.03em;}
	h1.strong, strong h1, h3.strong, strong h3 {font-weight: 700;}
	.uk-background-cover h1 {color: #fff;}
	h2.strong, strong h2 {color: #00D264; font-size: 0.875em; text-transform:uppercase;}
	.container, .uk-container {
		padding-left: 15px;
		padding-right: 15px;
	}
	#blokken-markten h4, 
	#blokken-markten .uk-h4 {
		font-size: 1.70em;
	}
	.uk-container-expand {
		padding: 0;
	}
	#CTA.links>div {
		background-size: 120%;
		background-position: 35% 100%;
	}
	#CTA.rechts>div {
		background-size: 120%;
		background-position: 70% 100%;
	}
	.hero-pattern-01:after,
	.hero-pattern-02:after,
	.hero-pattern-03:after,
	.hero-pattern-04:after,
	.hero-pattern-05:after,
	.hero-pattern-06:after,
	.hero-pattern-07:after,
	.hero-pattern-08:after,
	.hero-pattern-09:after,
	.hero-pattern-10:after,
	.hero-pattern-11:after,
	.hero-pattern-12:after {
		top: 0px;
		right: 0px;
		bottom:unset;
		width: calc(1 * 50vw);
		height: calc(0.8 * 50vw);
	}
	.links.hero-pattern-02:after { /* CTA form */
		right: unset;
		left:0;
		background: url(../images/pattern-web-02.svg) top left no-repeat;
			-webkit-background-size: 100% auto;
			-moz-background-size: 100% auto;
			-o-background-size: 100% auto;
			background-size: 100% auto;
		-webkit-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
        transform: scaleX(-1);
	}
	.project-main-image .hero-pattern-07:after {
		top:0;
		right: calc(-0.2 * 50vw);
		bottom:unset;
	}
	.content-image-right:after,
	.content-image-left:before,
	.content-image-left:after {
		width: calc(0.2 * 50vw);
		height: calc(0.2 * 50vw);
	}
	#quote-banner .hero-pattern-01:after {
		top:0;
	}
	#blokken-markten .uk-card,
	#blokken-markten .photocard {
		min-height: 390px;
		min-height: calc(1 * 50vw - 15px);
	}
	.expertise-article-image,
	.market-article-image,
	.werken-article-image {
		max-width:80%;
	}
	.expertise-article-image:after,
	.market-article-image:after,
	.werken-article-image:after	{
		width: calc(1 * 50vw);
		height: calc(0.8 * 50vw);
		bottom: calc(-0.2 * 50vw);
	}
	.newsgrid .el-item .uk-card-body { 
		padding: 40px 40px 28px 100px;
	}
	#Projectlist .uk-subnav {
		max-width: 88%;
	}
}
/* Large devices (desktops, 992px and up)  */
@media (min-width: 992px) {
	.container, 
	.uk-container {
		padding-left: 15px;
		padding-right: 15px;
		max-width: 930px;
	}
	/* NAVBAR */
	.uk-navbar-left {
		width:100%;
	}
	.uk-navbar-left>.uk-logo {
		justify-content: left;
	}
	.uk-navbar-left>.uk-navbar-nav,
	.uk-navbar-left>div.uk-navbar-item {
		flex-grow: 4;
	}
	.uk-navbar-left #module-244,
	.uk-navbar-left #module-247,
	.uk-navbar-left #module-248	{
		flex-grow: unset;
	}
	.dj-megamenu-wrapper {width:100%;}
	.uk-navbar-left>.uk-navbar-nav>li:nth-child(5),
	.uk-navbar-left .dj-megamenu>li:nth-child(5) {
		flex-grow: 4;
		display: flex;
		justify-content: flex-end;
	}
	.uk-navbar-right .uk-search-toggle {
		margin-left: 15px;
	}
	.uk-navbar-dropbar {
		-webkit-backdrop-filter: blur(10px);
		backdrop-filter: blur(10px);
	}
	.uk-navbar-nav>li.uk-parent>a:after {
		content: url("data:image/svg+xml;charset=UTF-8,<svg width='9' height='9' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' version='1.1'><polyline fill='none' stroke='darkblue' stroke-width='2.5' points='16 7 10 13 4 7'></polyline></svg>");
		display:block;
		position: absolute;
		right:4px;
	}
	.uk-navbar-nav>li.uk-parent>a:hover:after,
	.uk-navbar-nav>li.uk-active>a:after {
		content: url("data:image/svg+xml;charset=UTF-8,<svg width='9' height='9' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' version='1.1'><polyline fill='none' stroke='mediumseagreen' stroke-width='2.5' points='16 7 10 13 4 7'></polyline></svg>");
	}
	.uk-navbar-dropdown-nav li.uk-nav-header,
	.uk-navbar-dropdown-nav li.uk-parent {
		margin-bottom:0.5em;
	}
	.dj-megamenu-everspartners li ul.dj-submenu > li.separator:not(:first-child),
	.uk-nav-header:not(:first-child) {
		margin-top: 20px;
	}
	.dj-megamenu-everspartners li ul.dj-submenu > li.separator > a,
	.uk-navbar-dropdown-nav li.uk-nav-header,
	.uk-navbar-dropdown-nav li.uk-parent>a {
		color: #ffffff99;
		font-size:0.875em;
		line-height: 1.2em;
		font-weight: 300;
		text-transform:uppercase;
		letter-spacing: 0.05em;
		pointer-events: none;
	}
	
	h1,.uk-h1 {font-size: 3.5em;}
	h1.display {font-size: 5em;}
	h2,.uk-h2 {font-size: 3em;}
	h3,.uk-h3 {font-size: 2.5em;}
	h4,.uk-h4 {font-size: 2em;}
	h5,.uk-h5 {font-size: 1.5em;}
	h6,.uk-h6 {font-size: 1em;}
	
	.hero-image-medium>.uk-section {
		padding-top: 10em;
		padding-bottom: 5em;
	}
	#blokken-markten.row1 .uk-container {
		position: relative;
	}
	#blokken-markten.row1 .uk-grid:before {
		content:"";
		display: block;
		width: 700px;
		height: 80px;
		position:absolute;
		left: calc(100% - 15px);
	/*	right: calc(-700px + 44px); */
		bottom: 0;
		background-color:#0F1419;
	}
	#blokken-markten .uk-card,
	#blokken-markten .photocard {
		min-height: 300px;
		min-height: calc(33.333vw * 930px - 30px)
	}
	#blokken-markten h4, 
	#blokken-markten .uk-h4 {
		font-size: 1.35em;
	}
	.thema-slider .uk-slider-items .uk-first-column {
		padding-right:3em;
	}
	.thema-slider .uk-slider-container a.uk-button,
	.project-slider .uk-slider-container a.uk-button {
		margin:0px;
	}
	.thema-slider .uk-slider-container .uk-dotnav,
	.project-slider .uk-slider-container .uk-dotnav  {
		margin-top:0!important;
		position:absolute;
		top:95%;
		left:0;
	}
	.project-slider .uk-slider-container .uk-dotnav {
		left: calc(50% + 3em);
	}
	#team .el-container .uk-overlay .el-title .uk-h4 {
		font-size: 1.8em;
	}
	#CTA.links>div {
		background-size: cover;
		background-position: 35% 50%;
	}
	#CTA.rechts>div {
		background-size: cover;
		background-position: 70% 50%;
	}
	#Projectlist .uk-subnav {
		max-width: 100%;
	}
}
/* Extra large devices (large desktops, 1200px and up)  */
@media (min-width: 1200px) {
	.container, 
	.uk-container {
		max-width: 1110px;
	}
	.uk-navbar-left>.uk-logo {
		margin-right: 2em;
	}
	.hero-image-medium>.uk-section {
		padding-top: 13em;
		padding-bottom: 10em;
	}
	#blokken-markten .uk-card,
	#blokken-markten .photocard {
		min-height: 360px;
		min-height: calc(33.333vw * 1110px - 30px)
	}
	#blokken-markten h4, 
	#blokken-markten .uk-h4 {
		font-size: 1.8em;
	}
	.expertise-article-image,
	.market-article-image,
	.werken-article-image {
		max-width:85%;
	}
	#CTA.links>div {
		background-position: 0% 35%;
	}
	#CTA.rechts>div {
		background-position: 100% 35%;
	}
	#solutions-banner>div,
	#werken-bij-banner>div,
	#quote-banner>div {
		min-height: 450px;
		display: flex;
		flex-direction: column;
		justify-content: space-around;
	}
	#quote-banner>div {
		min-height: 492px;
	}
	#team .el-container .uk-overlay .el-title {
		font-size: 1em;
		line-height: 1.35;
	}
	#team .el-container .uk-overlay .el-content .uk-icon svg {
		width: 1.8em;
		height: 1.8em;
	}
	#Projectlist .uk-subnav {
		max-width: 88%;
	}
}
@media (min-width: 1400px) {
	.container, 
	.uk-container {
		box-sizing: border-box;
		max-width: 1250px;
	}
	#blokken-markten .uk-card,
	#blokken-markten .photocard {
		min-height: 405px;
		min-height: calc(33.333vw * 1250px - 30px)
	}
	#Projectlist .uk-subnav {
		max-width: 80%;
	}
}
@media (min-width: 1900px) {
	.hero-image .uk-background-cover {max-height: 1000px;}
	
	.hero-image h1, .hero-image .uk-h1 {font-size: 5em;}
	.hero-image h2, .hero-image .uk-h2 {font-size: 3.5em;}
	.hero-image h3, .hero-image .uk-h3 {font-size: 2.5em;}
	.hero-image h4, .hero-image .uk-h4 {font-size: 3.5em;}
	
	.hero-pattern-01:after,
	.hero-pattern-02:after,
	.hero-pattern-03:after,
	.hero-pattern-04:after,
	.hero-pattern-05:after,
	.hero-pattern-06:after,
	.hero-pattern-07:after,
	.hero-pattern-08:after,
	.hero-pattern-09:after,
	.hero-pattern-10:after,
	.hero-pattern-11:after,
	.hero-pattern-12:after {
		top: 0px;
		right: 0px;
		bottom:unset;
		width: calc(1 * 20vw);
		height: calc(0.8 * 20vw);
	}
	.links.hero-pattern-02:after { /* CTA form */
		right: unset;
		left:0;
		background: url(../images/pattern-web-02.svg) top left no-repeat;
			-webkit-background-size: 100% auto;
			-moz-background-size: 100% auto;
			-o-background-size: 100% auto;
			background-size: 100% auto;
		-webkit-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
        transform: scaleX(-1);
	}
	.project-main-image .hero-pattern-07:after {
		top:0;
		right: calc(-0.2 * 20vw);
		bottom:unset;
	}
	.content-image-right:after,
	.content-image-left:before,
	.content-image-left:after {
		width: calc(0.2 * 20vw);
		height: calc(0.2 * 20vw);
	}
	#quote-banner .hero-pattern-01:after {
		top:0;
	}
	#blokken-markten .uk-card,
	#blokken-markten .photocard {
		min-height: 390px;
		min-height: calc(1 * 20vw - 15px);
	}
	.expertise-article-image,
	.market-article-image,
	.werken-article-image {
		max-width:80%;
	}
	.expertise-article-image:after,
	.market-article-image:after,
	.werken-article-image:after	{
		width: calc(1 * 20vw);
		height: calc(0.8 * 20vw);
		bottom: calc(-0.2 * 20vw);
	}
}