/* ---- FONTS ---- */
@font-face {
  font-family: 'akzidenz-grotesk';
  src: url('../fonts/akzidenzgrotesk-medium-webfont.eot');
  src: url('../fonts/akzidenzgrotesk-medium-webfont.eot.119.html#iefix') format('embedded-opentype'),
       url('../fonts/akzidenzgrotesk-medium-webfont.woff') format('woff'),
       url('../fonts/akzidenzgrotesk-medium-webfont.ttf') format('truetype'),
       url('../fonts/akzidenzgrotesk-medium-webfont.svg#akzidenz-grotesk_bqmedium') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'akzidenz-grotesk';
  src: url('../fonts/akzidenzgrotesk-super-webfont.eot');
  src: url('../fonts/akzidenzgrotesk-super-webfont.eot.124.html#iefix') format('embedded-opentype'),
       url('../fonts/akzidenzgrotesk-super-webfont.woff') format('woff'),
       url('../fonts/akzidenzgrotesk-super-webfont.ttf') format('truetype'),
       url('../fonts/akzidenzgrotesk-super-webfont.svg#akzidenz-grotesk_bq_superRg') format('svg');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'akzidenz-grotesk';
  src: url('../fonts/akzidenzgrotesk-light-webfont.eot');
  src: url('../fonts/akzidenzgrotesk-light-webfont.eot.129.html#iefix') format('embedded-opentype'),
       url('../fonts/akzidenzgrotesk-light-webfont.woff') format('woff'),
       url('../fonts/akzidenzgrotesk-light-webfont.ttf') format('truetype'),
       url('../fonts/akzidenzgrotesk-light-webfont.svg#akzidenz-grotesk_bq_lightRg') format('svg');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'akzidenz-grotesk';
  src: url('../fonts/akzidenzgrotesk-lightitalic-webfont.eot');
  src: url('../fonts/akzidenzgrotesk-lightitalic-webfont.eot.134.html#iefix') format('embedded-opentype'),
       url('../fonts/akzidenzgrotesk-lightitalic-webfont.woff') format('woff'),
       url('../fonts/akzidenzgrotesk-lightitalic-webfont.ttf') format('truetype'),
       url('../fonts/akzidenzgrotesk-lightitalic-webfont.svg#akzidenz-grotesk_bq_lightIt') format('svg');
  font-weight: 100;
  font-style: italic;
}



/* ---- GENERAL STYLING ---- */

body {
	padding: 0px;
	margin: 0px;
	height: 100%;
	font-family: 'akzidenz-grotesk', Helvetica, Arial, sans-serif;
}

blockquote {
	font-family: Georgia, Times, "Times new roman", serif;
	font-size: 16px;
	font-weight: normal;
	font-style: italic;
	line-height: 24px;
	color: #323232;
	margin-top: 0px;
	margin-left: 0px;
}

h1 {
	font-family: "akzidenz-grotesk", Helvetica, Arial, sans-serif;
	font-size: 25px;
	font-weight: 100;
	padding: 0px 0px 4px 0px;
	margin: 0px;
}

h2 {
	font-family: "akzidenz-grotesk", Helvetica, Arial, sans-serif;
	font-size: 25px;
	font-weight: 100;
	padding: 0px 0px 4px 0px;
	margin: 0px;
}

h3 {
	font-family: "akzidenz-grotesk", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	padding: 0px 0px 8px 0px;
	margin: 0px;
}

h5 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 9px;
	font-weight: normal;
	text-transform: uppercase;
	color: #A9A39B;
}

ul {
	padding: 0px;
	margin: 0px 0px 20px 16px;
}

p {
	padding: 0px;
	margin: 0px 0px 20px 0px;
}

p strong {
	font-weight: normal;
}

p,
li {
	font-family: "akzidenz-grotesk", Helvetica, Arial, sans-serif;
	font-size: 14px;
	/*font-weight: lighter;*/
	font-weight: 300;
	line-height: 22px;
	color: #656565;
}

a {
	color: #8E8E8E;
}

a:hover {
	color: #8E8E8E;
	text-decoration: none;
}

a.readmore,
a.password_reminder {
	color: #0D7587;
	font-style: italic;
	font-size: 12px;
	text-decoration: none;
}

a.readmore:hover,
a.password_reminder:hover {
	text-decoration: underline;
}

a.password_reminder {
	margin-bottom: 20px;
	display: block;
}

div.widthwrapper {
	/*width: 980px;*/
	margin: auto;
}

#wrapper {
	min-height: 100%;
	position: absolute;
	width: 100%;
	background: #fff;
}


/* ---- NAVIGATION ---- */
#nav {
	background: #fff;
	xoverflow: hidden;
	xposition: fixed;
	width: 100%;
	top: 0px;
	z-index: 1000;
	border-bottom: 1px solid #e5e5e5;
	position: relative;
}

#nav .widthwrapper {
	overflow: hidden;
	background: #fff url('../images/logo.png') no-repeat 25px center ;
}

#nav a.logo {
	display: block;
	float: left;
	width: 182px;
	height: 85px;
	text-indent: 9999px;
}

#nav img {
	margin: 25px 0px 25px 0px;
}

#nav ul {
    display: none;
    background: #f6f3f0;
    position: absolute;
    top: 86px;
    width: 100%;
    list-style: none;
    margin: 0px;
}

#nav ul.active {
    display: block;
}

#nav ul li {
    overflow: hidden;
}

#nav ul a { 
    background-repeat: no-repeat;
    padding: 5px 0px 9px 30px;
    margin-top: 6px;
    display: block;
    border-bottom: 1px solid #d4d4d4;
    font-family: "akzidenz-grotesk", Helvetica, Arial, sans-serif;
    /*font-weight: bold;*/
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    display: block;
    color: #000;
    text-decoration: none;
}

#nav ul a em {
    font-style: normal;
}

#nav ul a span {
    display: none;
}



/* ---- CONTENT PAGES ---- */
div#content {
	xmargin-top: 60px;
	xpadding-top: 26px;
	margin-bottom: 50px;
	background: #fff;
}

div.maincontent {
	padding-left: 30px;
    padding-right: 30px;
}

div#content .intro p {
	font-family: "akzidenz-grotesk", Helvetica, Arial, sans-serif;
	font-size: 25px;
	font-weight: 100;
	line-height: 36px;
	margin: 0px 30px 0px 30px;
	padding-top: 20px;
	color: #333333;
}

div#content .intro p.last-child {
	margin: 0px 30px 50px 30px;
}

div#content .intro p strong {
	font-weight: 400;
}

div#content .intro p span {
	color: #9B8C78;
}


/* - WHAT */

/*
body.home div#content {background: url('../images/header-home.jpg') #fff no-repeat; padding-top: 340px; margin-top: 106px; background-size: 100%;}
body.what div#content {background: url('../images/header-what.png') #fff no-repeat 10px 62px ; }
body.why div#content {background: url('../images/header-why.jpg') #fff no-repeat; padding-top: 340px; margin-top: 106px; background-size: 100%;}
body.how div#content {background: url('../images/header-how.jpg') #fff no-repeat; padding-top: 340px; margin-top: 106px; background-size: 100%;}
body.who div#content {background: url('../images/header-who.png') #fff no-repeat 10px 56px; }
body.where div#content {background: url('../images/header-where.png') #fff no-repeat 10px 280px; }
body.candidates div#content, body.candpages div#content {background: url('../images/header-candidates.png') #fff 10px 62px no-repeat;background-size: 957px; }
body.candpages div#content {padding-top: 250px;}
body.spotlight div#content {background: url('../images/header-spotlight.jpg') #fff no-repeat 0px 0px; padding-top: 417px; margin-top: 106px; background-size: 100%; }
*/

body.who div#content {background: url('../image/header-who.png') #fff no-repeat 10px 56px; background-size: 100%;}
body.what div#content {background: url('../image/header-what.png') #fff no-repeat 10px 62px ;background-size: 100%; }

img.header_img {
    width: 100%;
}

body.candidates div.intro,
body.spotlight div.intro {
	min-height: 120px;
}

body.candidates h2 {
	font-size: 25px;
	font-weight: 100;
	padding: 0px 0px 4px 0px;
	margin: 0px;
}

body.candidates p span {
	font-style: italic;
	display: block;
	padding-bottom: 14px;
}




/* --- FORMS --- */

div.formdetails {
	padding-bottom: 10px;
}

div.label label {
	font-family: "akzidenz-grotesk", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: 100;
	color: #656565;
}

div.label label span {
	color: red;
}

input.textfield,
textarea,
.custom-file-upload {
	background-color: #ececec;
	outline: none;
	border: 0px;
	padding: 10px 10px;
	width: 100%;
	margin: 0px 8px 10px 0px;
}

.custom-file-upload {
	width: 60%;
}

.customfile-upload {
    width: 25%;
    float: right;
}

.customfile-upload {
	font-family: "akzidenz-grotesk", Helvetica, Arial, sans-serif;
	font-weight: 100;
	font-size: 14px;
	background: #ccbca4;
	padding: 8px 10px;
	border: 0px;
	color: #fff;
	cursor: pointer;
	border-radius: 0px;
}

div.error .radio label.ui-button,
div.error button.ui-multiselect,
div.error .customfile-filename,
div.error input.textfield {
	background: #ffd5d4;
}

input.button.submit {
	font-family: "akzidenz-grotesk", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: 100;
	background: #ccbca4;
	padding: 14px 10px;
	width: 100%;
	border: 0px;
	text-transform: uppercase;
	color: #fff;
	cursor: pointer;
	outline: none;
    -webkit-appearance: none;
}

input.button.submit:hover {background: #DBC9B0;}
input.button.submit:active {background: #C1B19C;}

a.button {
	font-family: "akzidenz-grotesk", Helvetica, Arial, sans-serif;
	font-weight: 100;
	font-size: 14px;
	background: #ccbca4;
	padding: 12px 10px;
	/*width: 370px;*/
	border: 0px;
	text-transform: uppercase;
	color: #fff;
	cursor: pointer;
	outline: none;
	display: block;
	text-align: center;
	text-decoration: none;
}



a.button:hover, .customfile-upload:hover {background: #DBC9B0;}
a.button:active, .customfile-upload:active {background: #C1B19C;}

p.error {color: #ff0000;}

div.prefdetails.profile_status {overflow: hidden;}
div.prefdetails.profile_status input {float: left;}
div.prefdetails.profile_status p {padding: 6px 0px 0px 0px; display: block;}
input.button.cancel {display: none;}

label.error {
	color: red;
	font-style: italic;
	font-size: 12px;
	margin: 0px 0px 10px 0px;
	display: block;
}

fieldset {
	padding: 0px;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #d3d3d3;
	background-image: none;
	background-color: #ececec;
	font-weight: normal;
	color: #555;
	font-size: 13px;
	border-radius: 0px;
	cursor: pointer;
	margin-right: 10px;
	padding: 5px 10px;
	border: 0px;
}

div.radio .ui-state-default {
	padding: 0px 0px;
}

.ui-state-active,
.ui-state-hover {
	background-color: #d2c4ad !important;
}

button#p_3_dd-btn {width: 65px !important;}
button#p_3_mm-btn {width: 80px !important;}
button#p_3_yy-btn {width: 75px !important;}

div.ui-multiselect-menu {
	background: #f0efee;
	font-size: 12px;
	border-radius: 0px;
	border: 0px;
}

.ui-multiselect-checkboxes li label.ui-state-hover,
.ui-multiselect-checkboxes li label.ui-state-active {
	border-radius: 0px;
	background-image: none;
	font-weight: lighter !important;
	background-color: #d2c4ad;
}

.ui-multiselect-single .ui-multiselect-checkboxes label {
	padding: 2px 5px !important;
	border: 0px;
}

/* d2c4ad*/

#section3867 div.formdetails.p_6 button,
#section3867 div.formdetails.p_13 button,
#section3867 div.formdetails.p_14 button,
#section3867 div.formdetails.p_15 button,
#section3867 div.formdetails.p_16 button,
#section3867 div.formdetails.p_17 button {
	width: 100% !important;
}

body.candidates .maincontent {
	padding: 0px 30px;
}

div.line {
	border-top: 1px solid #e5e5e5;
	margin-top: 50px;
	margin-left: 30px;
	margin-right: 30px;
	padding-bottom: 40px;
}

div#slides {
	position: relative;
}

div#slides ul.slides {
	list-style: none;
	margin: 0px;
	overflow: hidden;
}

div#slides ul.slides li.slide ul {
	list-style: none;
	margin: 0px 20px;
	overflow: hidden;
}

div#slides ul.slides li.slide ul li.blokje {
	float: left;
	margin: 0px 10px;
}

div#slides ul.slides li.slide ul li.blokje h4 {
	font-family: "akzidenz-grotesk", Helvetica, Arial, sans-serif;
	font-weight: 100;
	font-size: 20px;
	margin: 10px 0px 10px 0px;
}

div#slides ul.slides li.slide ul li.blokje div {
	background: #efede9;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	height: 123px;
	width: 30%;
	padding: 0px 10px;
}

div#slides ul.slides li.slide ul li.blokje div.recenthire {background: #efede9;}
div#slides ul.slides li.slide ul li.blokje div.recenthire {background: #eeeeed;}
div#slides ul.slides li.slide ul li.blokje div.recenthire {background: #f4efe9;}

div#slides ul.slides li.slide ul li.blokje blockquote {
	margin: 0px;
	color: #797771;
	font-style: italic;
}

div#slides ul.slides li.slide ul li.blokje h5 {
	font-family: "akzidenz-grotesk", Helvetica, Arial, sans-serif;
	font-weight: 100;
	font-size: 16px;
	text-transform: none;
	margin: 0px;
	color: #797771;
}

div#slides ul.slides li.slide ul li.blokje h6 {
	font-family: "akzidenz-grotesk", Helvetica, Arial, sans-serif;
	font-weight: 100;
	font-size: 14px;
	margin: 0px;
	color: #A19E97;
}

div#slides img.slider_prev{
	position: absolute;
	padding: 75px 10px 70px 10px;
	cursor: pointer;
	z-index: 1;
}

div#slides img.slider_next {
	right: 0px;
	position: absolute;
	padding: 75px 10px 60px 14px;
	cursor: pointer;
	z-index: 1;
}

div#slides img.slider_prev,
div#slides img.slider_next {
    display: none;
}


/* ---- WHAT BLOKJES ---- */
.what_list_wrapper {
	position: relative;
	xheight: 260px;
	display: block;
}

ul.what_list {

	list-style: none;
	xdisplay: inline;
	xdisplay: table;
	margin: 30px auto 30px auto;
	padding: 0px;
	xposition: absolute;
	overflow: hidden;
	
}

ul.what_list li {
	padding: 0;
	xposition: relative;
	xdisplay: table-cell;
	float: left;
	xwidth: 33.3%;
	width: 50%;
}

ul.what_list li a {
  width: 164px;

  display: block;
  /*position: absolute;*/
  -webkit-transition: width 0.2s ease-in-out, padding 0.2s ease-in-out, margin 0.2s ease-in-out, z-index 0.3s ease-in-out;
  -moz-transition: width 0.2s ease-in-out, padding 0.2s ease-in-out, margin 0.2s ease-in-out, z-index 0.3s ease-in-out;
  transition: width 0.2s ease-in-out, padding 0.2s ease-in-out, margin 0.2s ease-in-out, z-index 0.3s ease-in-out;
  text-align: center;
  height: 210px;
  opacity:0.5 !important;
  transition:all 0.5s;
}

    ul.what_list li a:hover {
        opacity: 0.5;
    }
        .bg-technology-media-telecom{background: url('../images/icon-display.png') no-repeat center 45px #c5b298;} /* positoon was 55px */
.bg-management-consultancy{background: url('../images/icon-bubble.png') no-repeat center 45px #d7cbbc;}
.bg-consumer-retail{background: url('../images/icon-shop.png') no-repeat center 45px #a5c2ca;}
.bg-manufacturing{background: url('../images/icon-wheel.png') no-repeat center 45px #79a4b1;}
.bg-healthcare{background: url('../images/icon-heart.png') no-repeat center 45px #b4b0aa;}

.bg-oil-gas{background: url('../images/icon-drop.png') no-repeat center 45px #b4b0aa;}
.bg-real-estate{background: url('../images/icon-key.png') no-repeat center 45px #e0d8cd;}

ul.what_list li a {
	text-transform: uppercase;
	text-decoration: none;
}

ul.what_list li a span {
	font-family: "akzidenz-grotesk", Helvetica, Arial, sans-serif;
	font-size: 14px;
	width: 145px;
	display: block;
	margin: auto;
	font-size: 14px;
	line-height: 20px;
	padding-top: 114px;
	color: #fff;
	transition: all 0.2s 0 ease;
}



div.fancybox-wrap div.bg-header {
	background-image: none;
}

div.fancybox-wrap div.bg-header ul {
	overflow: hidden;
	width: 480px;
	margin: auto;
	padding-bottom: 30px;
}

div.fancybox-wrap div.bg-header ul li {
	float: left;
	width: 60px;
	height: 60px;
	margin: 0px 10px;
	list-style: none;
}

div.fancybox-wrap div.bg-header ul li a {
	width: 60px;
	height: 60px;
	text-indent: -9999px;
	display: block;
}

div.fancybox-wrap.bg-technology-media-telecom div.bg-header {background: #c5b298;}
div.fancybox-wrap.bg-management-consultancy div.bg-header {background: #d7cbbc;}
div.fancybox-wrap.bg-consumer-retail div.bg-header {background: #a5c2ca;}
div.fancybox-wrap.bg-manufacturing div.bg-header {background: #79a4b1;}
div.fancybox-wrap.bg-healthcare div.bg-header {background: #b4b0aa;}

div.fancybox-wrap.bg-oil-gas div.bg-header {background: #b4b0aa;}
div.fancybox-wrap.bg-real-estate div.bg-header {background: #e0d8cd;}

div.fancybox-wrap div.bg-header ul li a.bg-technology-media-telecom {background: url('../images/icon-display-round.png') no-repeat;}
div.fancybox-wrap div.bg-header ul li a.bg-management-consultancy {background: url('../images/icon-bubble-round.png') no-repeat;}
div.fancybox-wrap div.bg-header ul li a.bg-consumer-retail {background: url('../images/icon-shop-round.png') no-repeat;}
div.fancybox-wrap div.bg-header ul li a.bg-manufacturing {background: url('../images/icon-wheel-round.png') no-repeat;}
div.fancybox-wrap div.bg-header ul li a.bg-healthcare {background: url('../images/icon-heart-round.png') no-repeat;}

div.fancybox-wrap div.bg-header ul li a.bg-oil-gas {background: url('../images/icon-drop-round.png') no-repeat;}
div.fancybox-wrap div.bg-header ul li a.bg-real-estate {background: url('../images/icon-key-round.png') no-repeat;}


/*div.fancybox-wrap.bg-technology-media-telecom a.bg-technology-media-telecom,
div.fancybox-wrap.bg-management-consultancy a.bg-management-consultancy,
div.fancybox-wrap.bg-consumer-retail a.bg-consumer-retail,
div.fancybox-wrap.bg-manufacturing a.bg-manufacturing,
div.fancybox-wrap.bg-healthcare a.bg-healthcare,
div.fancybox-wrap.bg-oil-gas a.bg-oil-gas,
div.fancybox-wrap.bg-real-estate a.bg-real-estate {
	background-position: 0px -60px !important;
}*/
div.fancybox-wrap div.bg-header ul li:hover a {
	background-position: 0px -60px;
}

div.fancybox-wrap div.bg-header ul li:hover a.bg-oil-gas,
div.fancybox-wrap div.bg-header ul li:hover a.bg-real-estate {
	background-position: 0px -61px;
}




div.fancybox-wrap div.bg-header h2 {
	font-family: "akzidenz-grotesk", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 400;
	margin: auto;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	width: 100%;
	padding: 30px 0px;
}

div.fancybox_what .inside_lightbox {
	padding: 40px 40px 40px 40px;
}

div.fancybox_what .inside_lightbox ul {
	list-style: none;
	padding: 0px;
	margin: 0px 0px 30px 0px;
}

div.fancybox_what .inside_lightbox ul li {
	background: url('../image/checkmark.png') no-repeat 0px center;
	padding-left: 20px;
	margin-bottom: 10px;
}

#fancybox-wrap {
	background: none !important;
}

#fancybox-content {
	border-width: 0px !important;
	width: 100% !important;
}

.bg-header ul {
    display: none;
}

/* ---- EMPLOYEES LIST ---- */
ul.employees {
    border-top: 1px solid #e5e5e5;
    overflow: hidden;
    list-style: none;
    padding-top: 30px;
    margin: 0px 30px 0px 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

    ul.employees li {
        float: left;
        /*margin: 0px 10% 30px 0px;*/
        width: 45%;
        margin-top: 20px;
    }

/*ul.employees li:nth-child(2) {
    margin-right: 0px;
}

    ul.employees li:nth-child(2),
    ul.employees li:nth-child(4),
    ul.employees li:nth-child(6),
    ul.employees li:nth-child(8),
    ul.employees li:nth-child(8) {
        margin-right: 0px;
    }*/

ul.employees li a {
	color: #A9A39B;
	text-decoration: none;
	display: block;
}

ul.employees li a:hover {
	color: #717171;
}

ul.employees li span,
ul.employees li span img{
	background: #000;
	display: block;
	/*width: 212px;
	height: 154px;*/
	
	width: 100%;
    height: auto;
	
	opacity: 1;
	transition: opacity 1s;
}

ul.employees li a:hover img {
	opacity: .7;
	transition: opacity 0.2s;
}

ul.employees li h4 {
	font-size: 12px;
	font-weight: 100;
	margin: 10px 0px 0px 0px;
	text-transform: uppercase;
}

ul.employees li h5 {
	font-size: 12px;
	font-weight: 100;
	font-style: italic;
	text-transform: none;
	margin: 0px;
}

div.fancybox-skin {
	padding: 0px 0px 0px 0px !important;
}

.fancybox_employees div.inside_lightbox {
	padding-right: 20px;
	padding-left: 20px;
}

.fancybox_employees div.inside_lightbox img {
    display: none;
	margin-right: 30px;
	margin-top: -30px;
	float: left;
}

div.fancybox-inner img {
}

div.fancybox-inner h2 {
	margin: 30px 0px 0px 0px;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 100;
}

div.fancybox-inner h3 {
	margin: 0px 0px 0px 0px;
}

div.fancybox-inner span {
	display: block;
	font-size: 14px;
	color: #A9A39B;
	font-weight: lighter;
	font-style: italic;
	margin-bottom: 20px;
}

body.where .intro {
	overflow: hidden;
	xmargin-top: -62px;
	xpadding-bottom: 50px;
}

body.where div#content .intro p {
	font-family: "akzidenz-grotesk", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: 100;
	line-height: 22px;
	/*margin: 0px 0px 50px 30px;*/
	padding-top: 20px;
	/*min-height: 170px;*/
	color: #656565;
}

#map_canvas {
	width: 100%;
	height: 393px;
}

#address {
	margin-top: 40px;
}

#address h2 {
    margin-left: 30px;
}



#address p {
	font-family: "akzidenz-grotesk", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: lighter;
	line-height: 22px;
	color: #656565;
	margin: 0px;
}

/* ---- CANDIDATE LOGIN PAGES ---- */
body.candpages div#content,
body.register div#content {
	overflow: hidden;
}

body.candpages .sidenav,
body.register .sidenav {
	xfloat: left;
	xwidth: 356px;
	overflow: hidden;
	xmargin-left: 30px;
	margin-bottom: 30px;
	background: #f8f6f4;
}

body.candpages .sidenav ul,
body.spotlight .sidenav ul,
body.register .sidenav ul {
	margin: 30px 0px 0px 0px;
	padding: 0px;
	list-style: none;
}

.sidenav li.login a{background-image: url("../images/icon-login..jfif");}
.sidenav li.register a{background-image: url("../images/icon-register..jfif");}
.sidenav li.access a{background-image: url("../images/icon_lock.png");}
.sidenav li.personal a{background-image: url("../images/icon_user.png");}
.sidenav li.photo a{background-image: url("../images/icon_camera.png");}
.sidenav li.history a{}
.sidenav li.jobagent a{}
.sidenav li.withdraw a{}
.sidenav li.logoff a {background-image: url("../images/icon_logoff.png");}

.sidenav li a {
	background-repeat: no-repeat;
	padding: 5px 0px 9px 36px;
	margin-top: 6px;
	display: block;
	border-bottom: 1px solid #d4d4d4;
	color: #0D7587;
	text-decoration: none;
}

.sidenav li a:hover {
	color: #5D5D5D;
}



div.login div.links {
	margin-bottom: 10px;
}

div.ui-multiselect-menu ul{
	max-height: 300px !important;
	box-shadow: 3px 3px 6px #e5e5e5;
}

div.fab_file_uploaded {
	overflow: hidden;
}

div.fab_file_uploaded a {
	padding-top: 3px;
}

div.fab_file_uploaded a,div.fab_file_uploaded span {
	float: left;
	display: block;
	padding-right: 3px;
}

span.doc_name, span.doc_date {
	font-weight: normal;
}

#adjust_passphoto {
	padding-top: 30px;
}

#passphoto_upload {
  border-bottom: 1px solid #d4d4d4;
  padding-bottom: 35px;
}

/* ---- FOOTER ---- */
#footer {
	/*position:absolute;*/
	bottom:0;
	left:0;
	width: 100%;

	background: #f0efee;
	overflow: hidden;
	color: #717171;
}

#footer div.widthwrapper {
	padding-left: 30px;
}

#footer ul {
	width: 225px;
	float: left;
	list-style: none;
	margin: 0px 0px 0px 15px;
}

#footer ul li {

}

#footer ul li h4 {
	font-family: "akzidenz-grotesk", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-size: 14px;
	margin: 0px;
	padding: 30px 0px 20px 0px;
	font-weight: 100;
}

#footer ul li a {
	color: #979797;
	text-decoration: none;
	transition: color 0.4s;
}
#footer ul li a:hover {
	color: #333;
}

ul li a.linkedin {
	background: url('../images/linkedin.png');
	display: block;
	width: 40px;
	height: 40px;
	text-indent: -9999px;
	opacity: 1;
	transition: opacity 0.5s;
}
ul li a.instagram {
        background: url('../images/instagram.png');
        display: block;
        width: 40px;
        height: 40px;
        text-indent: -9999px;
        opacity: 1;
        transition: opacity 0.5s;
        margin-left: 10px;
    }

ul li a.linkedin:hover {
	opacity: 1;
	transition: opacity 0.1s;
}
ul li a.instagram:hover {
        opacity: 1;
        transition: opacity 0.1s;
    }
    .social li{display:flex;}
#footer div.copyright {
	width: 100%;
	float: left;
	padding: 30px 0px 20px 0px;
    text-align:center;
}

#footer div.copyright span {
	font-family: "akzidenz-grotesk", Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: 100;
}

#sendamail .part_one,
#sendamail .part_two{
    overflow: hidden;
}

/* -- Passphoto upload --*/
div.photo_rotation {
	overflow: hidden;
}

div.photo_rotation  form{
	float: left;
}

#previewImg {
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 10px;
}

select.sl_selector,
select#sl_dropdown,
#section3867 select#p_5.select.required,
#section3867 select#p_7.select.required {
	background: #ececec;
	border: 0px;
	padding: 7px 10px;
	display: block;
	border-radius: 0px;
	-webkit-appearance: none;
	-moz-appearance:    value;
  appearance:         value;
  outline: none;
  cursor: pointer;
  margin-bottom: 5px;
}

select.sl_selector,
select#sl_dropdown {
	width: 100%;
}

html.safari select.sl_selector,
html.chrome select.sl_selector,
html.safari select#sl_dropdown,
html.chrome select#sl_dropdown,
html.safari #section3867 select#p_5.select.required,
html.safari #section3867 select#p_7.select.required,
html.chrome #section3867 select#p_5.select.required,
html.chrome #section3867 select#p_7.select.required {
	background: url('../images/select_arrow_webkit.png') right center no-repeat #ececec;
}

.sl_filters {
	overflow: hidden;
}

.sl_filters select.sl_selector {
	float: left;
	margin-right: 10px;
}


div.pagination {
	padding-top: 15px;
	overflow: hidden;
}

div.pagination a {
	display: block;
	padding: 3px 8px;
	margin-right: 5px;
	float: left;
	cursor: pointer;
	text-decoration: none;
	font-size: 13px;
	font-weight: normal;
	border: 1px solid #e5e5e5;
}

div.pagination a.jp-current {
	background: #f0eeee;
}



/* Spotlight Candidates */
body.spotlight div.widthwrapper {
	overflow: hidden;
}

body.spotlight .sidenav  {
	xfloat: left;
	xwidth: 356px;
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 30px;
}

body.spotlight div.maincontent {
	xwidth: 500px;
	xmargin-right: 30px;
	xfloat: left;
}

.spotlight_candidate {
	border-bottom: 1px solid #e5e5e5;
	padding: 23px 0px;
}

.spotlight_candidate h2 {
	font-size: 14px;
	font-weight: 400;
}

.spotlight_candidate p {
	font-size: 14px;
	margin: 0px 0px 10px 0px;
}

.spotlight_candidate a {
	color: #0D7587;
	font-weight: normal;
	font-size: 13px;
	font-style: italic;
	text-decoration: none;
}

.inside_lightbox #spotlight_candidates {
	border-top: 1px solid #e5e5e5;
}

.inside_lightbox #spotlight_candidates .spotlight_candidate {
	padding: 0px 0px 5px 20px;
	background: url('../images/checkmark.png') no-repeat 0px 9px;
}

.inside_lightbox #spotlight_candidates .spotlight_candidate h4 {
	font-family: "akzidenz-grotesk", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: lighter;
	line-height: 22px;
	color: #656565;
	margin: 0px;
	padding: 5px 0px 0px 0px;
	cursor: pointer;
}

.inside_lightbox #spotlight_candidates .spotlight_candidate h4 span {
	color: #0D7587;
	font-weight: normal;
	font-size: 13px;
	font-style: italic;
	float: right;
	padding-right: 20px;
	display: block;
}

.inside_lightbox #spotlight_candidates .spotlight_candidate h4.nodetails span.viewdetails {
	display: none;
}

.inside_lightbox #spotlight_candidates .spotlight_candidate h4.nodetails span.hidedetails {
	display: inline !important;
}

.inside_lightbox #spotlight_candidates .spotlight_candidate p {
	font-style: italic;
	margin: 0px 0px 0px 0px;
	display: none;
}

.inside_lightbox #spotlight_candidates .spotlight_candidate a {
	display: none;
}
.inside_lightbox div.link {
	padding-top: 10px;
}

.inside_lightbox a {
	color: #0D7587;
	font-weight: normal;
	font-size: 14px;
	font-style: italic;
	text-decoration: none;
} 

/*form {
    overflow: hidden;
}*/

#menu_mob {
    display: block;
    float: right;
    width: 100px;
    height: 84px;
    background: url('../image/mobile_menu.png') no-repeat center center;
    background-size: 61 50px;
    cursor: pointer;
    text-indent: -9999px;
}

#menu_mob.active {
    opacity: 0.8;
}

#nav .widthwrapper {
	background-size: 120px;
}

/* ---- RESPONSIVE EDITS ---- */
@media screen and (min-width: 980px) {
    
    #menu_mob {
        display: none;
    }
    
    body.who div#content {background: url('../images/header-who.png') #fff no-repeat 10px 56px; background-size: auto;}
body.what div#content {background: url('../images/header-what.png') #fff no-repeat 10px 62px ;background-size: auto; }
    
    div#content {
	    margin-top: 79px;
	}
	
	body.who div#content,
	body.what div#content {
    	margin-top: 140px;
	}
	

	body.candidates div#content,
    body.spotlight div#content {
        margin-top: 120px;
    }
    
    /* -- GENERAL -- */
    div.widthwrapper {
    	width: 980px;
    }
    
    
    #nav ul a {
        font-weight: bold;
    }
    
    
    /* ---- WHAT BLOKJES ---- */
    .what_list_wrapper {
    	position: relative;
    	height: 260px;
    	display: block;
    }
    
    ul.what_list {
    	width: 980px;
    	list-style: none;
    	display: inline;
    	display: table;
    	margin: 30px 0px 30px 0px;
    	padding: 0px;
    	position: absolute;
    	overflow: visible;
    }
    
    ul.what_list li {
    	padding: 0;
    	position: relative;
    	display: table-cell;
    	float: none;
    	width: auto;
    }
    
    ul.what_list li a {
      width: 164px;
      display: block;
      position: absolute;
      -webkit-transition: width 0.2s ease-in-out, padding 0.2s ease-in-out, margin 0.2s ease-in-out, z-index 0.3s ease-in-out;
      -moz-transition: width 0.2s ease-in-out, padding 0.2s ease-in-out, margin 0.2s ease-in-out, z-index 0.3s ease-in-out;
      transition: width 0.2s ease-in-out, padding 0.2s ease-in-out, margin 0.2s ease-in-out, z-index 0.3s ease-in-out;
      text-align: center;
      height: 210px;
      opacity:0.5;
      transition:all 0.5s;
    }
    
    ul.what_list li a:hover,
    ul.what_list li a.hover {
    	margin-left: -10px;
    	margin-top: -10px;
    	padding: 10px;
     	position: absolute;
      z-index: 9;
    opacity:1;
      -webkit-transition: all 0.2s ease-in-out, z-index 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out, z-index 0.2s ease-in-out;
      transition: all 0.2s ease-in-out, z-index 0.2s ease-in-out;
    
      /*box-shadow: 0px 0px 20px #333;*/
    }
    
    .bg-technology-media-telecom{background: url('../images/icon-display.png') no-repeat center 45px #c5b298;} /* positoon was 55px */
    .bg-management-consultancy{background: url('../images/icon-bubble.png') no-repeat center 45px #d7cbbc;}
    .bg-consumer-retail{background: url('../images/icon-shop.png') no-repeat center 45px #a5c2ca;}
    .bg-manufacturing{background: url('../images/icon-wheel.png') no-repeat center 45px #79a4b1;}
    .bg-healthcare{background: url('../images/icon-heart.png') no-repeat center 45px #b4b0aa;}
    
    .bg-oil-gas{background: url('../images/icon-drop.png') no-repeat center 45px #b4b0aa;}
    .bg-real-estate{background: url('../images/icon-key.png') no-repeat center 45px #e0d8cd;}
    
    ul.what_list li a {
    	text-transform: uppercase;
    	text-decoration: none;
    }
    
    ul.what_list li a span {
    	font-family: "akzidenz-grotesk", Helvetica, Arial, sans-serif;
    	font-size: 14px;
    	width: 145px;
    	display: block;
    	margin: auto;
    	font-size: 14px;
    	line-height: 20px;
    	padding-top: 114px;
    	color: #fff;
    	transition: all 0.2s 0 ease;
    }
    
    ul.what_list li a:hover span,
    ul.what_list li a.hover span {
    	padding-top: 120px;
    }


    .bg-header ul {
        display: block;
    }
    
    

	/* -- NAV -- */
	    #nav {
    	overflow: hidden;
    	position: fixed;
	}
	
	
	#nav ul a { 
        margin-top: 0px;
        display: block;
        border-bottom: 0px;
    }
	
	
	#nav ul {
    	list-style: none;
    	padding: 0px;
    	margin: 0px;
    	float: right;
    	display: block !important;
    	

        background: #fff;
        position: static;
        top: 0px;
        width: auto;
        list-style: none;
        margin: 0px;
    	
    }
    
    #nav ul li {
    	display: inline-block;
    	margin-right: -5px;
    }
    
    #nav ul li a {
    	text-align: center;
    	display: block;
    	width: 126px;
    	padding: 30px 0px;
    	text-decoration: none;
    	transition: padding 0.1s, background 0.9s;
    }
    
    #nav.small ul li a {
    	padding: 20px 0px;
    	transition: padding 0.4s;
    }
    
    #nav ul li a:hover {
    	transition: background 0.2s;
    }
    
    #nav ul li a:hover,
    #nav ul li.active a {
    	background: #f8f6f4;
    }
    
    #nav ul li.active a:hover {
    	background: #f8f6f4;
    }
    
    #nav ul li a em {
    	font-family: "akzidenz-grotesk", Helvetica, Arial, sans-serif;
    	font-weight: bold;
    	font-style: normal;
    	font-size: 14px;
    	display: block;
    	color: #000;
    	transition: color 0.1s;
    }
    
    #nav ul li a span {
    	display: block;
    	font-style: italic;
    	font-weight: lighter;
    	font-size: 12px;
    	color: #A9A39B;
    	transition: color 0.1s;
    }
    
    #nav ul li.candidates a {
    	background: #f6f3f0;
    }
    
    #nav ul li.candidates:hover a {
    	background: #eee8e2;
    }
	
	
	
	/* -- CONTENT -- */
    div.multicolumn {
    	-webkit-column-count: 2;
    	-moz-column-count: 2;
    	column-count: 2;
      -webkit-column-gap: 34px;
      -moz-column-gap: 34px;
      column-gap: 34px;
    }
    
    div.multicolumn p {
    	-webkit-column-break-inside: avoid;
    	break-inside: avoid;
    }
    
    body.where div.multicolumn {
    	-webkit-column-count: 0;
    	-moz-column-count: 0;
    	column-count: 0;
      padding-left: 30px;
      padding-right: 30px;
    }
    
    div#slides ul.slides li.slide ul li.blokje div {
        width: 272px;
    }
    
    div#slides img.slider_prev,
    div#slides img.slider_next {
        display: block;
    }
    
    div#slides ul.slides li.slide ul li.blokje h4 {
    	margin: 0px 0px 10px 0px;
    }
    

    #footer {
	    /*height: 273px;
	    position: absolute;
        padding-bottom:50px;*/
    }
    
    #content {
        /*padding-bottom: 273px;*/
    }
    
    
    
    ul.employees li {
    	/*margin: 0px 24px 30px 0px;*/ 	
    	width: 212px;
    }

        /*ul.employees li:nth-child(2),
        ul.employees li:nth-child(6),
        ul.employees li:nth-child(10),
        ul.employees li:nth-child(14),
        ul.employees li:nth-child(18),
        ul.employees li:nth-child(18),
        ul.employees li:nth-child(18),
        ul.employees li:nth-child(18) {
            margin-right: 24px;
        }*/
     
    /*ul.employees li:nth-child(4),
    ul.employees li:nth-child(8) {
    	margin-right: 0px;
    }*/
        
    .fancybox_employees div.inside_lightbox {
        padding-left: 0px;
    }
    
    .fancybox_employees div.inside_lightbox img {
        display: block;
    }
    
    #map_canvas {
    	float: left;
    	width: 762px;
    	height: 393px;
    	margin: 0px 40px 0px 0px;
    }
    
    #address {
    	margin-top: 40px;
    }
    
    body.where .intro {
        padding-bottom: 50px;
    }
    
    

    /* -- mailform specifieke styling -- */
    #sendamail{overflow: hidden;}
    #sendamail .part_one,
    #sendamail .part_two{
    	float: left;
    	width: 400px;
    }


    input.textfield,
    textarea,
    .custom-file-upload {
    	width: 350px;
    }
    
    .custom-file-upload {
    	width: 200px;
    }
    
    input.button.submit {
    	width: 370px;
    }
    
    .postlogin a.button {
    	width: 370px;
    }
    
    
    
    body.candpages .sidenav,
    body.register .sidenav {
    	float: left;
    	width: 356px;
    }
    
    
    body.spotlight .maincontent,
    body.register .maincontent,
    body.candpages .maincontent {
    	float: left;
    	width: 530px;
    	margin-bottom: 30px;
    }
    
    .customfile-upload {
        width: auto;
        float: none;
    }
    
    
    #section3867 div.formdetails.p_6 button,
    #section3867 div.formdetails.p_13 button,
    #section3867 div.formdetails.p_14 button,
    #section3867 div.formdetails.p_15 button,
    #section3867 div.formdetails.p_16 button,
    #section3867 div.formdetails.p_17 button {
    	width: 200px !important;
    }
    
    
    select.sl_selector,
    select#sl_dropdown {
    	width: 224px;
    }
    
    body.spotlight .sidenav  {
    	float: left;
    	width: 356px;
    	margin-left: 30px;
    	margin-bottom: 30px;
    }
    
    body.spotlight div.maincontent {
    	width: 500px;
    	margin-right: 30px;
    	float: left;
    }
    
    body.candpages .sidenav ul,
    body.spotlight .sidenav ul,
    body.register .sidenav ul {
    	margin: 30px;
    }
    
    body.spotlight .sidenav {
        margin-right: 0px;
    }
    

}









@media screen and (min-width: 1280px) { 
    
    #nav .widthwrapper {
    	background-size: 125px;
    }
    
	div.widthwrapper {
		width: 1170px;
	}
	

	body.candidates div#content,
	body.candpages div#content {
		background-size: 1145px;
	}

	/*body.home div#content,
	body.why div#content,
	body.how div#content {padding-top: 430px;}*/


    ul.employees li {
    	width: 259px;
    }

	ul.employees li span,
	ul.employees li span img{
		background: #000;
		width: 259px;
	}

	.what_list_wrapper {
		height: 295px;
	}

	ul.what_list {
		width: 1170px;
	}

	ul.what_list li a {
	  width: 195px;
		height: 250px;
		background-position: center 65px;
	}

	ul.what_list li a span {
		padding-top: 135px;
	}

	ul.what_list li a:hover span,
	ul.what_list li a.hover span {
		padding-top: 140px;
	}

	div#slides ul.slides li.slide ul li.blokje div {
		width: 315px;
		padding: 0px 20px;
	}

	body.candpages .maincontent {
		width: 720px;
	}

	#footer ul {
		width: 271px;
	}

	body.spotlight div.maincontent {
		width: 690px;
	}

}


@media screen and (min-width: 980px) and (max-width : 1280px) {


	#nav a.logo {
		width: 150px;
	}

	#nav ul li a {
		width: 118px;
		padding: 31px 0px;
	}

}


html.ie10  ul.employees li span img {
	border: 0px !important;
}

html.ie9 body.home div.maincontent,
html.ie9 body.home div.maincontent div,
html.ie8 body.home div.maincontent,
html.ie8 body.home div.maincontent div {
	overflow: hidden;
}

html.ie8 div.intro {
	margin-top: 50px;
}


@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
    
    #menu_mob {
        background: url('../images/mobile_menu@2x.png') no-repeat center center;
        background-size: 61px 50px;
    }
    

}

ul.what_list li:first-child a {
    background-color: #c5b298;
}
ul.what_list li:nth-of-type(2) a {background-color: #d7cbbc;}
ul.what_list li:nth-of-type(3) a {background-color: #a5c2ca;}
ul.what_list li:nth-of-type(4) a {background-color: #79a4b1;}
ul.what_list li:nth-of-type(5) a {background-color: #b4b0aa;}
ul.what_list li:nth-of-type(6) a {background-color: #e0d8cd;}
.image-more{
    max-width: 250px;
    max-height: 200px;
}
ul.employeesnews li span img {
    height:300px !important;
}
.img-blog-more {
    margin-top: 20px;
    margin-bottom:20px;
    text-align: center;
}
.img-blog-more img{
    border: 1px solid #cacaca;
    margin: 2px 5px;
}
.inactiveIcons {
    background-position: 0px 0px !important;
}
    .inactiveIcons:hover {
        background-position: 0px -60px !important;
        ul .employees
    }
.activeIcons {
    background-position: 0px -60px !important;
}
#blogbox p {
margin-left:30px;}
#listservices{display:none}
.item li {
    list-style: none
}
ul.what_list li a {
    opacity: 0.8 !important;
    transition: all 0.5s;
}
    ul.what_list li a:hover {
        opacity: 1 !important;
    }
.title-services {
    margin: 0 !important;
    padding: 0 !important;
    background: #ffffff77;
    color: #000 !important;
    font-weight: bold;
}
.flex-direction-nav a::before{line-height:40px !important;}