/*
Theme Name: cncpt-theme
Author: CNCPT
Author URI: http://CNCPT.IO
Version: 2
*/


/* ==========================================================================
   ALGEMENE ELEMENTEN
============================================================================= */

/* HIDE CLIENTS BLOCK 2024-09-12 */
section.clients {
    display: none !important;
}


body, html{
	line-height: 18px !important;
}
p{
	line-height:21px !important;
}
.textlink{
	color:#da0081;
	margin-top:25px;
	display: inline-block;
	font-weight:bold;
	text-transform: uppercase;
	cursor: pointer;
}
.textlink:after{
	position: relative;
	font-family: "FontAwesome";
	margin-left:5px;
	font-style: normal;
	content: "\f105";
}

.textlink + .textlink {
    margin-left: 10px;
    padding-left: 10px;
    border-left: 2px solid #da0081;
}

section .container ul {
  list-style: none; /* Remove default bullets */
  padding: 15px 0 15px 15px;
}
section .container ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #da0081; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}

.mobile-only{
	display:none !important;
}


/* STICKY */
#afc_sidebar_860{
	top:130px !important;
	background:transparent !important;
}

/* Popup
===============================================*/
.popup{
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	
	overflow: hidden;
	height:0 !important;
	max-width: 0;
	opacity: 0;
	pointer-events: none;
	background-color: rgba(0,0,0,0.5);
	-webkit-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
}

.popup.toon{
	opacity: 1;
	pointer-events: auto;
	height: 100% !important;
	width: 100% !important;
	z-index: 9999999;
	max-width: 100%;
}
.popup .gfield_checkbox li input{
	display: block !important;
	position: relative;
    top: -9px;
}
.popup label#label_1_9_1{
	float: left;
}

a[href^="tel:"] {
color: #a3a3a3;
text-decoration: none;
margin-left: 15px;
font-size:13px;
}

a[href^="tel:"]:before {
	position: relative;
	font-family: "FontAwesome Solid";
	margin-right:5px;
	font-style: normal;
	content: "\f095";
}


/* Navigatie
===============================================*/


/* TOPMENU */
.navigatie-top .container {
    height: 70px;
    border-bottom: 2px solid #efefef;
}

.navigatie-top div > ul > li > a{
	font-weight:400 !important;
	color:#a3a3a3 !important;
}
.navigatie-top div > ul > li > a:before{
	content:" ";
}
.navigatie-top div > ul > li > a:hover{
	color:#da0081 !important;
}
.navigatie-top div > ul > li > a:before{
	position: relative;
	font-family: "FontAwesome";
	margin-right:5px;
	font-style: normal;
	content: "\f105";
}

li.menu-item-has-children .sub-menu {
    width: 200px;
    background-color: #ffffff !important;
    margin-top: 58px;
}
li.menu-item-has-children .sub-menu a:hover{
	color:#da0081 !important;

}
li.menu-item-has-children .sub-menu a {
    background: none !important;
    color: #484848 !important;
}

.sub-menu a {
    background: none !important;
    color: #484848 !important;
	text-align: left !important;
    margin-left: 10px !important;
    padding: 20px !important;
}

@media (max-width:1000px){

li.menu-item-has-children .sub-menu {
    width: 200px;
    background-color: #ffffff !important;
    margin-top: 0;
}
.newsroom-menu li:first-child {
    font-weight: bold;
    width: 100% !important;
}
.newsroom-menu li {
    float: left;
    font-size: 13px !important;
    line-height: 60px;
    width: 100% !important;
    text-align: center;
    font-weight: 300;
}

}

/* HOOFDMENU */
.hoofd-nav {
    margin-right: 0;
    width: 100%;
    margin-left: 0;
    text-align: right;
   
}

.hoofd-nav div > ul > li {
    max-width: 170px;
    text-align: center;
    line-height: 17px;
    display: inline-block;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.hoofd-nav div > ul > li.current-menu-item{
	border-top:2px solid #da0081;
}
.hoofd-nav div > ul > li.current-menu-item:last-child{
	border-top:none !important;
}
.hoofd-nav ul#menu-hoofdmenu li a, .hoofd-nav ul#menu-hoofdmenu-1 li a{
    text-align: center;
    font-weight: 600 !important;
}
.hoofd-nav ul#menu-hoofdmenu li a:hover{
    color:#da0081;
}


.hoofd-nav ul#menu-hoofdmenu, .hoofd-nav ul#menu-hoofdmenu-1{
	    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
}

.hoofd-nav .menu-hoofdmenu-container{
	float: right;
}


.hoofd-nav ul#menu-hoofdmenu li:last-child a, .hoofd-nav ul#menu-hoofdmenu-1 li:last-child a{
	color:#FFF;
	background: #da0081;
    padding: 0;
    max-width: 120px;
    padding: 25px 0;
	display: block;
}
.hoofd-nav ul#menu-hoofdmenu li:last-child a:hover, .hoofd-nav ul#menu-hoofdmenu-1 li:last-child a:hover{
	background: #6f1383;
}


/* Scroll NAV */
.navigatie.scroll {
	visibility:hidden;
	top	-200px;
	position: absolute;
	-webkit-transition: top 0.5s;
    transition: top 0.5s;
	opacity: 0;	
}
.navigatie.scroll.actief {
    display: block;
    background: #FFF;
    position: fixed;
    width: 100%;
    top:0;
    visibility: visible;
    opacity: 1;
    z-index: 999999999;
    box-shadow: 0 4px 6px -2px rgb(0 0 0 / 10%);
}



/* SLIDER
===============================================*/

section.slider.sub {
    background-position: center center !important;
}




/* OPSOMMING */

ul.list li:before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 9px;
    display: inline-block;
    background: #eb5b5e;
}
ul.list li{
	position: relative;
	padding-left: 15px;
    margin-left: 10px;
}


/* Footer
===============================================*/
footer{
	padding-top:50px;
}
.footerlogo{
	width: 130px;
    height: 51px;
}
footer .container{
	display: block !important;
}
.footer-top {
    padding-bottom: 30px;
    border-bottom: 2px solid #686868;
}
.footermenu{
    margin-left: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -30px;
    float: right;
}
.footermenu li {
    float: left;
    text-transform: uppercase;
    font-weight: bold;
    padding: 20px;
    height: 100px;
    max-width: 170px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.footermenu li a{
	color:#FFF !important;
}
.footermenu li a:hover, .footermenu li.current-menu-item a{
	color:#da0081 !important;
}
.footermenu #menu-hoofdmenu-3 li:last-child,.footermenu li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-353, .footermenu li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-464 {
    display: none;
}{
	display:none;
}
.footermenu li:last-child{
	padding-right:0 !important;
}

.footermenu ul.sub-menu {
    display: none;
}

.footercols{
	overflow: hidden;
	margin-top:40px;
	margin-bottom:40px;
}
footer .k1, footer .k2{
	float:right;
	font-size:12px !important;
	width:100%;
	text-align: center;
}

.copyrights .container{
	display: block !important;
	height: 26px;
    line-height: 26px;
}

/* ALGEMEEN
===============================================*/
.container {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
	width: 1200px !important;
	max-width: 1200px !important;
}
.row{
	width:100%;
}
.lineright{
	border-right:2px solid #efefef;
	padding-right: 30px;
	margin-right:0 !important;
}

.col.one.third {
    width: 30%;
    margin-right: 5%;
	float: left ;
}
.col.two.third {
    width: 60%;
	float: left;
}
.col.first {
    margin-right: 10% !important;
}
.col.last {
    margin-right: 0% !important;
}

.col.one.half {
    width: 40%;
    margin-right: 5%;
	float: left ;
}
.col.two.half {
    width: 40%;
    margin-left: 5%;
	float: left ;
}
.col.vijf{
	width:19%;
	margin-right:1%;
	float:left;
}
.col.vijf:last-child{
	margin-right:0 !important;
}

/* Textueel
===============================================*/
.gform_wrapper input.gform_button{
	font-family:Poppins;
}
.gform_wrapper label.gfield_label {
    display: none !important;
}
.gform_wrapper input[type="text"], .gform_wrapper input[type="email"], .gform_wrapper input[type="url"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="number"], .gform_wrapper select, .gform_wrapper textarea{
	border: 2px solid #d5d5d5;
	padding:10px !important;
}
::placeholder, :-ms-input-placeholder, ::-ms-input-placeholder  { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: red !important;
  opacity: 1; /* Firefox */
}
.gform_wrapper{
	max-width: 600px !important;
}
.gform_wrapper li{
	margin-bottom:20px;
}
input.button, .gform_wrapper .gform_footer input[type=submit]{
    border-color: #da0081;
    background-color: #da0081;
    color: #ffffff;
    padding: 24px 34px!important;
    font-weight: bold;
    text-transform:uppercase;
}
input.button:hover,  .gform_wrapper .gform_footer input[type=submit]:hover{
	border-color: #aa007d;
    background-color: #aa007d;
    color: #ffffff;
}
input.button:after, .gform_wrapper .gform_footer input[type=submit]:after {
    position: relative;
    font-family: "FontAwesome";
    margin-left: 5px;
    font-style: normal;
    content: "\f105";
}

/* Elementen
===============================================*/

/* ---------- Knoppen ---------- */
.k1:after, .k2:after{
	position: relative;
	font-family: "FontAwesome";
	margin-left:5px;
	font-style: normal;
	content: "\f105";
	
}


/* ---------- SLIDER ---------- */
.slider {
    text-align: center;
    background-size: cover !important;
    height: 600px;
    padding:0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    max-width: 2000px;
    margin: 0 auto;
}

.slider:before {
    content: " ";
    background: #000;
    width: 100%;
    height: 100%;
    position: absolute;
    /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

  /* IE 5-7 */
  filter: alpha(opacity=30);

  /* Netscape */
  -moz-opacity: 0.3;

  /* Safari 1.x */
  -khtml-opacity: 0.3;

  /* Good browsers */
  opacity: 0.3;
}
.slider .container{
	display: block;
	z-index: 9999 !important;
}

.slider h2 {
    color: #FFF;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 34px;
    line-height: 48px;
    margin-bottom: 30px;

}
.slider h2 span {
    color: #FFF;
    font-weight: 300 !important;
    text-transform: none !important;
    font-size: 34px;
    line-height: 38px;
    display: block;
    padding: 0 20%;
}

.slider a.k1{
	margin-right:10px;
}

.slider.sub {
    height: 233px;
}
.slider.sub h1 {
     color: #FFF;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 34px;
    line-height: 48px;
    margin-bottom: 0 !important;
}

/* CONTENT
===============================================*/
h2{
	text-transform:uppercase !important;
	font-size:34px !important;
	font-weight:bold !important;
	margin-bottom:25px;
	margin-bottom:60px;
}

h2 span.sub{
	display: block;
	font-size:14px;
	font-weight:300;
	line-height:34px;
	text-transform:uppercase;
	text-align: center;
}
.intro h2 span.sub{
	text-align: left;
}


.markets li {
    width: 156px;
    height: 156px;
    background: #da0081;
    list-style: none;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    float: left;
    margin-right: 2px;
}
.markets li:hover{
	background: #6f1383;
	cursor: pointer;
}
.markets li a{
    color: #FFF;
    text-transform: uppercase;
    font-weight: bold;
    list-style: none;
    text-align: center;
    display: block;
    width: 100%;
    height: 100%;
    padding:19px;
    cursor: pointer;
}
.markets span.vert-flexbox{
    display: block;
    height: 110px;
}
.markets a.textlink {
    margin-top: 37px;
}
.intro .col.two.third {
    width: 70%;
    float: left;
    padding-left: 50px;
}



.clients{
	background: #f0eff0;
}
.clients .container{
	display: flex;
    justify-content: center;
    align-items: center;
}
.clients .container img{
	padding:0 29px;
}

.surface-features .container{
	display:block;
}
.surface-features .container h2{
	text-align:center;
}
.surface-features-list ul li{
	float:left;
	width:29%; 
	margin-right:6.5%;
	margin-bottom:4%;
	height:125px;
	position: relative;
}
.surface-features-list ul li:before{
	display: none !important;
}
.surface-features-list ul li:nth-of-type(4),.surface-features-list ul li:nth-of-type(5){
	margin-bottom:0 !important;
}
.surface-features-list ul li:nth-of-type(3){
	margin-right:0 !important;
}
.surface-features-list span.surface-title {
    width: 100%;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 30px;
    margin-left: 5px;
}
.surface-features-list ul li .textlink{
	position: absolute;
	bottom:0px;
}

.surface-technologies{
  background-image:
    linear-gradient(#faf1f8,#faf1f8),
    linear-gradient(#FFF,#FFF);
  background-size:
    100% calc(1 * (100% / 2)),
    100% calc(4 * (100% / 2));
  background-repeat:no-repeat;
}

.surface-technologies h2{
	text-align: center;
}
.surface-technologies h3{
	font-weight: bold;
    text-transform: uppercase;
    font-size: 11px;
}
.surface-technologies .container{
	    display: block;
}

/* TABS SURFACE FEATURES */

.pc-tab > input,
.pc-tab #section > div {
  display: none;
}
.pc-tab #section div{
	-webkit-transition: ease 1s;
    transition: ease 1s;
	opacity: 0;	
}
 #tab1:checked ~  #section .tab1,
 #tab2:checked ~  #section .tab2,
 #tab3:checked ~  #section .tab3,
 #tab4:checked ~  #section .tab4,
 #tab5:checked ~  #section .tab5,
 #tab6:checked ~  #section .tab6,
 #tab7:checked ~  #section .tab7     {
  display: block;
  opacity: 1;
}

 #tab1:checked ~  nav .tab1,
 #tab2:checked ~  nav .tab2,
 #tab3:checked ~  nav .tab3,
 #tab4:checked ~  nav .tab4,
 #tab5:checked ~  nav .tab5,
 #tab6:checked ~  nav .tab6,
 #tab7:checked ~  nav .tab7 {
  border-bottom:2px solid #da0081;
}

/* Visual Styles */
*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


.pc-tab  nav ul {
  list-style: none !important;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border-bottom: 1px solid #efefef;
  padding: 0 !important;
}
.pc-tab  ul li.tab-btn{
	float:left;
	width: 20%;
	text-align:center;
}
.pc-tab ul li.tab-btn:hover label {
    color: #da0081 !important;
}


.pc-tab  ul li.tab-btn:before{
	display: none !important;
}
.pc-tab  ul li label {
  float: left;
  padding: 15px 0px;

  background: #FFF;
  color: #444;
  width: 100%;
  line-height:30px;
  font-weight: bold;
  text-transform: uppercase;
  font-size:14px;
}
.pc-tab  ul li label img{
	margin-right:5px;
}
.pc-tab  ul li label:hover {
  background: #FFFFFF;
}
.pc-tab  ul li label:active {
  background: #ffffff;
}
.pc-tab  ul li:not(:last-child) label {
  border-right-width: 0;
}
.pc-tab  #section {
  clear: both;
}
.pc-tab  #section div {
    width: 100%;
    background: #fff;
    line-height: 1.5em;
    padding: 25px;
}
.pc-tab  #section div h2 {
  margin: 0;
  letter-spacing: 1px;
  color: #34495e;
}

 #tab1:checked ~  nav .tab1 label,
 #tab2:checked ~  nav .tab2 label,
 #tab3:checked ~  nav .tab3 label,
 #tab4:checked ~  nav .tab4 label,
 #tab5:checked ~  nav .tab5 label, {
 #tab6:checked ~  nav .tab6 label,
 #tab7:checked ~  nav .tab7 label,
  background: white;
  color: #111;
  position: relative;
}
 #tab1:checked ~  nav .tab1 label:after,
 #tab2:checked ~  nav .tab2 label:after,
 #tab3:checked ~  nav .tab3 label:after,
 #tab4:checked ~  nav .tab4 label:after,
 #tab5:checked ~  nav .tab5 label:after,
 #tab6:checked ~  nav .tab6 label:after,
 #tab7:checked ~  nav .tab7 label:after, {
  content: "";
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #ffffff;
  left: 0;
  bottom: -1px;
}


/* Tabs SURFACE technologies */
.technologies-tab article{
	padding:20px 50px 20px 50px;
	margin-top:20px;
	margin-bottom:20px;
	font-size:12px;
}
.technologies-tab article.col{
	width:45% !important;
	margin-right:0px !important;
}

.technologies-tab article:nth-of-type(2) {
   padding:0 0px 0 50px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-right: none;
    width: 50% !important;
    margin-left: 3% !important;
    border-left:1px solid #efefef;
}
.technologies-tab article:nth-of-type(2) ul li:before{
	display: none;
}

.technologies-tab > input,
.technologies-tab #section > div {
  display: none ;
}


 #bigtab1:checked ~  #section .bigtab1.contentdiv,
 #bigtab2:checked ~  #section .bigtab2.contentdiv,
 #bigtab3:checked ~  #section .bigtab3.contentdiv,
 #bigtab4:checked ~  #section .bigtab4.contentdiv,
 #bigtab5:checked ~  #section .bigtab5.contentdiv,
 #bigtab6:checked ~  #section .bigtab6.contentdiv,
 #bigtab7:checked ~  #section .bigtab7.contentdiv     {
  display: block;
  opacity: 1;
  overflow: hidden;
}

 #bigtab1:checked ~  nav .bigtab1,
 #bigtab2:checked ~  nav .bigtab2,
 #bigtab3:checked ~  nav .bigtab3,
 #bigtab4:checked ~  nav .bigtab4,
 #bigtab5:checked ~  nav .bigtab5,
 #bigtab6:checked ~  nav .bigtab6,
 #bigtab7:checked ~  nav .bigtab7 {
  border-top:2px solid #da0081;
}
nav .bigtab4, nav .bigtab5, nav .bigtab6{
	opacity: 0;
	visibility: hidden;
}
nav .bigtab4.tab-active, nav .bigtab5.tab-active,nav  .bigtab6.tab-active{
	opacity: 1;
	visibility: visible;
}
.technologies-tab h3{
	font-weight:bold;
	text-transform: uppercase;
}

/* Visual Styles */
*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


.technologies-tab  nav ul {
  list-style: none !important;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border-bottom: 1px solid #efefef;
  padding: 0 !important;
}
.technologies-tab  ul li.tab-btn{
	float:left;
	width: 16.66%;
	text-align:left;
	border-right: 1px solid #efefef;
	border-top:1px solid #efefef;
	
}
.technologies-tab  ul li{
	position: relative;
}
.technologies-tab  ul li.tab-btn:first-child{
	border-left:1px solid #efefef;
	width: 16.7%;
}
.technologies-tab  ul li.tab-btn:nth-of-type(1):after,.technologies-tab  ul li.tab-btn:nth-of-type(2):after, .technologies-tab  ul li.tab-btn:nth-of-type(3):after{
	position: absolute;
	font-family: "FontAwesome";
	margin-left:5px;
	font-style: normal;
	content: "\f30b";
	bottom:10px;
	right:10px;
}
#bigtab1:checked  ~  nav .bigtab1:after,
#bigtab2:checked  ~  nav .bigtab2:after,
#bigtab3:checked  ~  nav .bigtab3:after{
	color:#da0081;
}
.technologies-tab  ul li.tab-btn:nth-of-type(1), .technologies-tab  ul li.tab-btn:nth-of-type(2), .technologies-tab  ul li.tab-btn:nth-of-type(3),
.technologies-tab  ul li.tab-btn:nth-of-type(1) label, .technologies-tab  ul li.tab-btn:nth-of-type(2) label, .technologies-tab  ul li.tab-btn:nth-of-type(3) label{
	height:90px;
}
.technologies-tab  ul li.tab-btn:nth-of-type(4), .technologies-tab  ul li.tab-btn:nth-of-type(5), .technologies-tab  ul li.tab-btn:nth-of-type(6){
	margin-top:45px;
	font-weight:200 !important;
	text-align: center;
	height:45px;
}
.technologies-tab  ul li.tab-btn:nth-of-type(4) label, .technologies-tab  ul li.tab-btn:nth-of-type(5) label, .technologies-tab  ul li.tab-btn:nth-of-type(6) label{
	font-weight:300;
	font-size:11px;
	height:45px;
	padding: 10px;
	display: flex;
    justify-content: center;
    align-items: center;
}
.technologies-tab  ul li.tab-btn:before{
	display: none !important;
}
.technologies-tab  ul li label {
  float: left;
  padding: 15px;

  background: #FFF;
  color: #444;
  width: 100%;
  line-height:16px;
  font-weight: bold;
  text-transform: uppercase;
  font-size:12px;
}
.technologies-tab  ul li label:hover {
  background: #FFFFFF;
}
.technologies-tab  ul li label:active {
  background: #ffffff;
}
.technologies-tab  ul li:not(:last-child) label {
  border-right-width: 0;
}
.technologies-tab  #section {
  clear: both;
  border-right:1px solid #efefef;
  border-left:1px solid #efefef;
  border-bottom:1px solid #efefef;
}
.technologies-tab  #section div.contentdiv {
    width: 100%;
    background: #fff;
    line-height: 1.5em;
    padding: 65px;
}
.technologies-tab  #section div.contentdiv h2 {
  margin: 0;
  letter-spacing: 1px;
  color: #34495e;
}

 #bigtab1:checked ~  nav .bigtab1 label,
 #bigtab2:checked ~  nav .bigtab2 label,
 #bigtab3:checked ~  nav .bigtab3 label,
 #bigtab4:checked ~  nav .bigtab4 label,
 #bigtab5:checked ~  nav .bigtab5 label, {
 #bigtab6:checked ~  nav .bigtab6 label,
 #bigtab7:checked ~  nav .bigtab7 label,
  background: white;
  color: #111;
  position: relative;
}
 #bigtab1:checked ~  nav .bigtab1 label:after,
 #bigtab2:checked ~  nav .bigtab2 label:after,
 #bigtab3:checked ~  nav .bigtab3 label:after,
 #bigtab4:checked ~  nav .bigtab4 label:after,
 #bigtab5:checked ~  nav .bigtab5 label:after,
 #bigtab6:checked ~  nav .bigtab6 label:after,
 #bigtab7:checked ~  nav .bigtab7 label:after, {
  content: "";
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #ffffff;
  left: 0;
  bottom: -1px;
}

/* MARKETS */
.market-content .container{
	display: block;
}
.bg-image:after {
    content: " ";
    padding: 20px;
    width: 600px;
    height: 600px;
    border-radius: 145px;
    position: absolute;
    background-size: cover;
    right: 0;
    top: 0;
    transform: rotate( 
0deg
 );
    background: #bd007d;
    opacity: 0.5;
}

.market-content .col.two.third h2, .market-content .col.two.third h2 span{
	text-align:left;
}

.market-content h4, .products .market-solution-content h4{
	margin-top:25px;
	margin-bottom:10px !important;
	font-size:16px;
	font-weight:bold;
	text-transform: uppercase;
}
.market-content .market-icon-title {
    float: left;
    margin-right: 20px;
    line-height: 90px;
    margin-top: -12px;
}
.market-content .market-solution{
	background:#faf1f8;
	padding:20px;
	margin-top:40px;
}
.market-solution-content{
	text-align:center;
	margin:25px auto 0;
	padding-top:25px;
	border-top:1px solid #dcc4d7;
	max-width: 90%;
}
.market-contact .k1,.market-contact .k2{
	font-size:14px !important;
	padding:15px !important;
	margin-top:25px;
	margin-bottom:25px;
}
.market-contact .k1{margin-left:10px;}
.market-contact .k2{margin-right:10px;}

section.markets-other {
    margin-top: -110px;
    z-index: 999;
    position: relative;
}
.single-market .hoofd-nav li#menu-item-487 {
	    border-top: 2px solid #da0081;
}

.markets-other h2{
	text-align: center !important;
}

.postid-395 li.page-id-395,
.postid-374 li.page-id-374,
.postid-396 li.page-id-396,
.postid-397 li.page-id-397,
.postid-398 li.page-id-398,
.postid-399 li.page-id-399,
.postid-400 li.page-id-400,
.postid-401 li.page-id-401{
	background:#6f1383 !important;
}
.single-market .markets li{
	width: 148px;
    height: 148px;
}
.single-market .markets li a{
   padding: 13px;
}
.single-market .markets li img{
	width:87px;
	height:88px;
}

/* PRODUCTS */
.prod-tech{
	position: relative;
	padding-bottom:160px !important;
}
.prod-tech:after {
    content: " ";
    position: absolute;
    height: 100px;
    width: 50%;
    background: #6f1383;
    left: -25%;
    z-index: -2;
    bottom: 100px;
}
.prod-tech:before {
    content: " ";
    position: absolute;
    height: 100px;
    width: 50%;
    background: #da0081;
    left: -35%;
    z-index: -1;
    bottom: 120px;
}

.products{
	margin-top:65px;
}
.products .col.one.half{
	width: 47.5% !important;
	overflow: hidden;
}
.products .pc-tab #section div{
	padding: 25px 0 !important;
}
.products .col.one.half:first-child p{
	max-width: 80%;
}
.products .col.one.half:first-child .market-contact p{
	max-width:100%
}
.products .col.one.half:last-child{
	margin-right:0 !important;
	text-align: center;
}
.products h2, .products h2 span.sub{
	text-align:left !important;
}
.products h2{
	margin-bottom:35px !important;
	font-size:31px !important;
}
.products .col.one.half:last-child img{
    width: 100%;
    max-width:450px;
    float: right;
}
.products .col.one.half:last-child img:first-child{
	float:right;
	margin-bottom:50px !important;
}
.products label img{
	height:221px;
}
.products .product-specs {
    margin-top: 50px;
    background: #faf1f8;
    padding: 25px;
}
.products .pc-tab ul li label{
	font-size:13px;
}
.products .pc-tab ul li.tab4 label img {
    width: 100%;
    height: 100%;
    margin-top: 46px;
}
.product-specs table{
	font-size:12px;
}
.product-specs table tr td{
	padding-bottom:10px;
}
.product-specs table tr td:first-child {
    padding-right: 10px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 10px;
    font-size:11px;
}
.tab3 .product-specs table tr td:nth-of-type(2),.tab3 .product-specs  table tr td:nth-of-type(3){
	text-align: center;
	    vertical-align: middle;
}

.product-technology{
	background:#f6f6f6;
}


/* JOBS */
.jobs .container{
	display: block;
}
.jobs .job-intro, .jobs .container h2{
	text-align:center !important;
}
.jobs .job-intro{
	font-size:16px;
	line-height: 26px;
	margin:0 auto 50px;
	max-width: 60%;
}

.job-list ul li:before {
    display: none !important;
}
.job-list ul li{
	width:100% !important;
	float:left;

}
.job-list ul li a{
	color:#484848;
	font-weight: bold;
	text-transform: uppercase;
	padding:40px;
	width:100%;
	border:1px solid #CECECE;
	display: block;
	margin-bottom:20px;
}
.job-list ul li a:hover{
	color:#da0081;
	border-color:#da0081;
}
.job-list ul li a:after{
	position: relative;
    font-family: "FontAwesome";
    margin-left: 5px;
    font-style: normal;
    content: "\f105";
    float: right;
}


.single-job .titel .container{
	display: block;
}
.single-job .titel .container .backlink, .single-case .titel .container .backlink{
	float:right;
}
.single-job .ex-tekst h2, .single-job .formulier h2{
	line-height:34px;
	font-size:24px !important;
}
.single-job h3{
	text-transform: uppercase;
	font-weight: bold;
	margin-top:50px !important;
	margin-bottom:20px !important;
}

/* ABOUT */
.about .container{
	display: block;
}
.about .gform_wrapper {
    max-width: 600px !important;
    margin: 0 auto;
}
.about input#input_4_12{
	width:100%;
}
.about .about-intro, .about .container h2{
	text-align:center !important;
}
.about .about-intro{
	font-size:16px;
	line-height: 26px;
	margin:0 auto 50px;
	max-width: 60%;
}
.about .about-intro p{
	margin-bottom:20px;
}

.page-template-about-us a.ct-mail,  .page-template-contact a.ct-mail{
    display: none;
}
.page-template-about-us .team-list li a[href^="tel:"], .page-template-contact .team-list li a[href^="tel:"], .team-list.agents li a[href^="tel:"]{
    display: none !important;
}

.team-list li:before{
	display: none !important;
}
.team-list li {
    float: left;
    width: 23%;
    border: 1px solid #f6f6f6;
    position: relative;
    padding-bottom: 20px;
    margin-right: 2.66666%;
    margin-bottom: 20px;
    height: 330px;
}


.team-list li:nth-child(4n){
	margin-right:0 !important;
}
.team-list li img {
	width:271px;
}
.team-list li h4 {
    text-transform: uppercase;
    font-weight: bold;
    margin:20px 0px 10px;
    text-align: center;
}
.team-list li span.function {
    display: block;
    text-align: center;
}
.team-list li a[href^="tel:"] {
	display: block;
	text-align: center;
	margin-left:0 !important;
}
.team-list li a[href^="tel:"]:before {
    position: relative;
    font-family: "FontAwesome Solid";
    margin-right: 5px;
    font-style: normal;
    content: "\f095";
}
.team-list li span.contact-icons {
    display: block;
    text-align: center;
    position: absolute;
    bottom: 110px;
    right: 0;
}
.team-list li .contact-icons a {
    background: #da0081;
    padding: 7px 12px;
    text-align: center;
    color: #FFFFFF;
}
.team-list li .contact-icons a:hover {
    background: #6f1383;
}
.team-list li a.ct-mail:before {
    position: relative;
    font-family: "FontAwesome";
    font-style: normal;
    content: "\f0e0";
}
.team-list li a.ct-linkedin:before {
    position: relative;
    font-family: "FontAwesome Brands";
    font-style: normal;
    content: "\f0e1";
}


/* AGENTS */
.team-list.agents li:before{
	display: none !important;
}
.team-list.agents li {
    float: left;
    width: 17.85%;
    border: 1px solid #e0dfdf;
    position: relative;
    padding: 20px;
    margin-right: 2.66666%;
    margin-bottom: 20px;
    height: 100px;
}

.team-list.agents li:nth-child(4n){
	margin-right:2.66666% !important;
}
.team-list.agents li:nth-child(5n){
	margin-right:0 !important;
}
.team-list.agents li img {
	width:271px;
}
.team-list.agents li h4 {
    text-transform: uppercase;
    font-weight: bold;
    margin:0px 0px 5px;
    text-align: left;
	font-size:12px !important;
}
.team-list.agents li span.region {
    display: block;
    text-align: left;
    font-size:11px;
    font-style: italic;
}
.team-list.agents li a[href^="tel:"] {
	display: block;
	text-align: left;
	margin-left:0 !important;
	margin-top:2px;
	bottom:30px;
	position: relative;
	    top: 0px;
}
.team-list.agents li a[href^="tel:"]:before {
    position: relative;
    font-family: "FontAwesome Solid";
    margin-right: 0;
    font-style: normal;
    content: "\f095";
}
.team-list.agents li span.contact-icons {
    display: block;
    text-align: center;
    position: absolute;
    top: 40px;
    right: -10px;
    z-index: 9999;
}
.team-list.agents li .contact-icons a {
    background: #da0081;
    padding: 7px 12px;
    text-align: center;
    color: #FFFFFF;
}
.team-list.agents li .contact-icons a:hover {
    background: #6f1383;
}
.team-list.agents li a.ct-mail:before {
    position: relative;
    font-family: "FontAwesome";
    font-style: normal;
    content: "\f0e0";
}
.team-list.agents li a.ct-linkedin:before {
    position: relative;
    font-family: "FontAwesome Brands";
    font-style: normal;
    content: "\f0e1";
}

.page-template-contact .team-list.contact li{
	margin-right:15.3333333% !important
}

.page-template-contact .team-list.contact li:last-child {
    margin-right: 0 !important;
}
@media(max-width:600px){
.page-template-contact .team-list.contact li:last-child {
    margin-right: 15.3333333% !important;
}
}

/* contact */
.page-template-contact .contact-inhoud .col.one.third{
	padding:30px;
	background: #da0081;
	color: #FFF;
}
.page-template-contact .col.one.third h2{
	text-align:left !important;
	margin-bottom:20px;
}
.contact-inhoud h2 span.sub{
	text-align:left !important;
}
.page-template-contact .col.one.third h2.h2small{
    font-size: 16px !important;
    line-height: 6px;
}
.page-template-contact .col.one.third .whitelink{
	color:#FFF;
}

.contactdata div:last-child, .contactdata div:nth-of-type(4) {
    display: none;
}
.contactdata div:first-child{
	padding-top:0px !important;
}
.contactdata div:nth-of-type(3) {
    margin-bottom: 25px;
}


.contactdata div{
	padding: 25px 0 25px;
	border-bottom:1px solid #cd4aa2;
}

/* ------ Resources ------*/
.page-template-resources section .container ul{
	padding: 0 !important;
	width:100% !important;
}

/* EVENTS */
.events{
	background:#f0eff0;
}
.events .container{
	 display: table;
 }
 .events .container ul{
	 padding: 0 !important;
 }
 .events h2{
	 text-align: center !important;
 }

.events li:before{
	display: none !important;
}
.events ul{
	display: inline-flex;
	flex-wrap: wrap;
}
.events li {
    float: left;
    width: 48%;
    margin-right: 2%;
    margin-bottom: 80px;
    background: #FFF;
    padding: 20px;
    display: table-cell;
    border: 1px solid #CECECE;
    position: relative;
}
.events a.k1 {
    padding: 10px !important;
    font-size: 12px !important;
    margin-top: 10px;
    width: 100.75%;
    text-align: center;
    position: absolute;
    left: -1px;
    bottom: -39px;
}
.events li:nth-child(4n + 4){
	margin-right:0 !important;
}
.events .events-title{
	font-weight:bold;
	text-transform: uppercase;
    color: #484848;
}
.events .events-date {
    color: #484848;
    margin: 3px 0;
    text-align: left;
    font-size: 11px;
    font-weight: 300;
    padding-bottom: 6px;
    margin-bottom: 10px;
    float: left;
    margin-right: 0;
}
.events .events-location{
	color:#484848;
	margin:3px 0;
	font-size: 11px;
}

.events .events-date:before {
    margin-top: -3px;
    content: "\f073";
    font-family: "FontAwesome";
    font-size: 12px;
    margin-right: 2px;
    font-style: normal !important;
    color: #bd007d;
    display: inline-block;
    position: relative;
    top: -1px;
}

.events .events-date:after {
    float: right;
    content: " | ";
    font-size: 18px;
    font-style: normal !important;
    color: #484848;
    font-weight: 100;
    margin: 0px 10px;
}
.events .events-location:before{
	float: left;
    margin-top: -1px;
    content: "\f3c5";
    font-family: "FontAwesome";
    font-size: 12px;
    margin-right: 8px;
    font-style: normal !important;
    color: #bd007d;
}



 /* NEWS */
 .news .container{
	 display: block;
 }
 .news .container ul{
	 padding: 0 !important;
 }
 .news h2{
	 text-align: center !important;
 }
 .news .news-thumb {
    height: 100%;
    overflow: hidden;
}
.news .news-thumb img {
    float: left;
    width: 100%;
    height: 175px;
    object-fit: cover;
}

.news .news-content {
    border-left: 1px solid #CECECE;
     border-right: 1px solid #CECECE;
      border-bottom: 1px solid #CECECE;
      padding:20px;
      color:##484848;
}
.news .news-title {
    display: block;
    float: none !important;
    text-transform: uppercase;
    font-weight: 700;
    margin:5px 0;
    text-align: center;
}
.news .news-date {
    text-align: center;
    font-style: italic;
    color: grey;
    margin-bottom: 7px;
    font-size: 12px;
}

.news .news-posts li {
    float: left;
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 50px;
    overflow: hidden;

}
.news .news-posts li:nth-child(4n + 4){
	margin-right:0 !important;
}
.news .news-posts li:before{
	display: none !important;
}
.news .news-posts li a:hover .news-content{
	border-left: 1px solid #6f1383;
     border-right: 1px solid #6f1383;
      border-bottom: 1px solid #6f1383;
}

.news .news-posts a .news-content{
	color:#484848 !important;
}
.news .news-posts a .news-title{
	color:#da0081;
}
.news .news-posts a:hover .news-title{
	color:#6f1383 !important;
}
.news .news-thumb:hover{
	cursor: pointer;
}

/* NEWSROOM */
.newsroom-menu li {
	float: left;
    font-size: 14px;
    line-height: 60px;
    width: 175px;
    text-align: center;
    font-weight: 300;
}
.newsroom-menu li:first-child {
    font-weight: bold;
}
.newsroom-menu li.active{
	background:#f0eff0;
	color:#bc007e;
}
.newsroom-menu li a{
	color:#484848;
}
.newsroom-menu li a:hover{
	color:#bc007e;
}


/* CASES */
.cases{
	background:#f0eff0;
}
.cases .container{
	 display: block;
 }
 .cases .container ul{
	 padding: 0 !important;
 }
 .cases h2{
	 text-align: center !important;
 }
.cases .cases-thumb{
	height:230px;
}
.cases .cases-thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: 0 auto !important;
    text-align: center;
}

.cases .case-content{
    background: #f0eff0;
    padding: 10px;
    margin: -60px auto 0 !important;
    width: 90% !important;
    z-index: 9999999;
    position: relative;
	border-top:4px solid #da0081
}

.cases .cases-content {
    border-left: 1px solid #CECECE;
     border-right: 1px solid #CECECE;
      border-bottom: 1px solid #CECECE;
      padding:20px;
      color:##484848;
}
.cases .cases-title {
    display: block;
    float: none !important;
    text-transform: uppercase;
    font-weight: 700;
    margin:5px 0;
    text-align: center;
	color:#484848;
	height: 22px;
	text-overflow:ellipsis;
	overflow:hidden;
  	display: -webkit-box;
  	-webkit-line-clamp: 1;
  	-webkit-box-orient: vertical;	
}
.cases .cases-date {
    text-align: center;
    font-style: italic;
    font-size: 12px;
    color: #da0081;
    margin: 5px auto;
    padding: 2px;
    border-radius: 15px;
}
.cases .cases-date:before {
    margin-top: -3px;
    content: "\f073";
    font-family: "FontAwesome";
    font-size: 12px;
    margin-right: 8px;
    font-style: normal !important;
    color: #bd007d;
    display: inline-block;
    position: relative;
    top: -1px;
}

.cases li {
    float: left;
    width: 31.5%;
    margin-right: 2%;
    margin-bottom: 50px;
    overflow: hidden;
    text-align: center;
    padding-bottom: 0px;
    background: transparent;
    padding-top: 50px;
    padding-left: 15px;
    padding-right: 15px;
}
.cases li:nth-child(3n + 3){
	margin-right:0 !important;
}
.cases li:before{
	display: none !important;
}
.cases li a:hover .news-content{
	border-left: 1px solid #6f1383;
     border-right: 1px solid #6f1383;
      border-bottom: 1px solid #6f1383;
}
.cases .cases-descr{
	color:#484848 !important;
	text-align: center;
	margin-top:10px;
	margin-bottom:20px;
	height:57px;
	text-overflow:ellipsis;
	overflow:hidden;
  	display: -webkit-box;
  	-webkit-line-clamp: 3;
  	-webkit-box-orient: vertical;	
}
.cases a .case-title{
	color:#da0081;
}
.cases a:hover .case-title{
	color:#6f1383 !important;
}
.cases .case-thumb:hover{
	cursor: pointer;
}
.cases span.k1 {
    font-size: 12px !important;
    padding: 10px !important;
    margin: 0 auto !important;
    display: inline-block;
}
.cases span.k1:hover{
	cursor: pointer;
}

.single-case .backlink-wrapper{
	width: 100%;
}
.single-case .backlink {
    margin-top: 20px;
    display: inline-block;
    position: relative;
}
.single-case .backlink:before {
    float: left;
    margin-top: -1px;
    content: "\f104";
    font-family: "FontAwesome";
    font-size: 20px;
    margin-right: 8px;
}
.single-case .one.third{
	text-align:left;
	padding:20px;
	    border-bottom: 4px solid #da0081 !important;
	    position: relative;
	z-index: 1;
	background:#FFF;
}
.single-case .one.third:after {
    position: absolute;
    right: -60px;
    top: 50%;
    content: "\f105";
    font-family: "FontAwesome";
    font-size: 100px;
    margin-right: 8px;
    color: lightgrey;
    z-index: -999;
}
.single-case .one.third.challenge{
	border:1px solid #CECECE;
}
.single-case .one.third.solution{
	background:#f6f6f6 !important;
}
.single-case .one.third.results:after{
	display: none !important;
}



.single-case .results{
	background:#faf1f8 !important;
		margin-right:0 !important;

}

.single-case .one.third:nth-of-child(3){
}
.single-case h4{
	text-transform: uppercase;
	font-weight: 700;
	font-size:16px;
}
.single-case .cases-thumb{
	margin:20px auto !important;
}
.single-case .cases-thumb img{
	max-width: 250px;
	object-fit: cover;
	height:150px;
	margin-top:70px;
}
.single-case .cases-date {
    text-align: center;
    font-style: italic;
    color: #FFFFFF;
    font-size: 12px;
    background: #da0081;
    max-width: 80px;
    margin: 5px auto;
    padding: 2px;
    border-radius: 15px;
}


@media(max-width:900px){

.cases li,.publications li{width:100% !important;}
}

/* PUBLICATIONS */
.publications{
	background:#f0eff0;
}
.publications h2{
	text-align: center;
}

.page-template-publications-scientific .pub-thumb{
	background:#FFF !important;
}


.publications .pub-thumb img {
    display: block;
    width: 100%;
    height: 220PX;
    object-fit: scale-down;
    margin: 0 auto !important;
    text-align: center;
}

.publications .pub-content {

      padding:20px;
      color:#484848;
}
.publications .pub-title {
    display: block;
    float: none !important;
    text-transform: uppercase;
    font-weight: 700;
    margin:5px 0;
    text-align: center;
}
.publications .pub-date {
    text-align: center;
    font-style: italic;
    color: #FFFFFF;
    font-size: 12px;
    background: #EEE;
    margin: 0;
    padding: 12px;
    width: 100%;
    border: none;
    display: block;
    color: #484848;
    position: absolute;
    bottom: 0;
}

.publications li {
	float: left;
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 50px;
    overflow: hidden;
    border:1px solid #CECECE;
    height: 440px;
    position: relative;
}
.publications li:nth-child(4n + 4){
	margin-right:0 !important;
}
.publications li:before{
	display: none !important;
}
.publications li a:hover .news-content{
	border-left: 1px solid #6f1383;
     border-right: 1px solid #6f1383;
      border-bottom: 1px solid #6f1383;
}
.publications .pub-content{
	padding:20px. 20px 0 20px;
}
.publications a .pub-title{
	color:#da0081;
}
.publications a:hover .pub-title{
	color:#6f1383 !important;
}
.publications .case-thumb:hover{
	cursor: pointer;
}
.publications span.k1 {
    font-size: 12px !important;
    padding: 10px !important;
    margin: 0 auto !important;
    display: inline-block;
}
.publications span.k1:hover{
	cursor: pointer;
}
.publications a.k1, .publications a.k2 {
    padding: 10px !important;
    font-size: 14px !important;
    margin: 5px auto !important;
    width: 100%;
    text-align: center;
}
.publications .pub-links {
    position: absolute;
    width: 90%;
    left: 5%;
    bottom: 50px;
}