/******************************************************************
Site Name:
Author:

Stylesheet: Main Stylesheet

Here's where the magic happens. Here, you'll see we are calling in
the separate media queries. The base mobile goes outside any query
and is called at the beginning, after that we call the rest
of the styles inside media queries.
******************************************************************/
/*! normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects `block` display not defined in IE6/7/8/9 & FF3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}

/*
 * Corrects `inline-block` display not defined in IE6/7/8/9 & FF3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/*
 * Addresses styling for `hidden` attribute not present in IE7/8/9, FF3, S4.
 * Known issue: no IE6 support.
 */
[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 1. Corrects text resizing oddly in IE6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}

/*
 * Addresses `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}

/*
 * Addresses margins handled incorrectly in IE6/7.
 */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 * people.opera.com/patrickl/experiments/keyboard/test
 */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/*
 * Addresses font sizes and margins set differently in IE6/7.
 * Addresses font sizes within `section` and `article` in FF4+, Chrome, S5.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}

h3 {
  font-size: 1.17em;
  margin: 1em 0;
}

h4 {
  font-size: 1em;
  margin: 1.33em 0;
}

h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}

h6 {
  font-size: 0.75em;
  margin: 2.33em 0;
}

/*
 * Addresses styling not present in IE7/8/9, S5, Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/*
 * Addresses style set to `bolder` in FF3+, S4/5, Chrome.
 */
b,
strong {
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
}

/*
 * Addresses styling not present in S5, Chrome.
 */
dfn {
  font-style: italic;
}

/*
 * Addresses styling not present in IE6/7/8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/*
 * Addresses margins set differently in IE6/7.
 */
p,
pre {
  margin: 1em 0;
}

/*
 * Corrects font family set oddly in IE6, S4/5, Chrome.
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/*
 * Addresses CSS quotes not supported in IE6/7.
 */
q {
  quotes: none;
}

/*
 * Addresses `quotes` property not supported in S4.
 */
q:before,
q:after {
  content: '';
  content: none;
}

small {
  font-size: 75%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 * gist.github.com/413930
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */
/*
 * Addresses margins set differently in IE6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}

dd {
  margin: 0 0 0 40px;
}

/*
 * Addresses paddings set differently in IE6/7.
 */
menu,
ol,
ul {
  padding: 0 0 0 40px;
}

/*
 * Corrects list images handled incorrectly in IE7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Removes border when inside `a` element in IE6/7/8/9, FF3.
 * 2. Improves image quality when scaled in IE7.
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
}

/*
 * Corrects overflow displayed oddly in IE9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE6/7/8/9, S5, O11.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/*
 * Corrects margin displayed oddly in IE6/7.
 */
form {
  margin: 0;
}

/*
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE6/7/8/9.
 * 2. Corrects text not wrapping in FF3.
 * 3. Corrects alignment displayed oddly in IE6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */
}

/*
 * 1. Corrects font size not being inherited in all browsers.
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome.
 * 3. Improves appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */
}

/*
 * Addresses FF3/4 setting `line-height` on `input` using `!important` in the
 * UA stylesheet.
 */
button,
input {
  line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Removes inner spacing in IE7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */
}

/*
 * Re-set default cursor for disabled elements.
 */
button[disabled],
input[disabled] {
  cursor: default;
}

/*
 * 1. Addresses box sizing set to content-box in IE8/9.
 * 2. Removes excess padding in IE8/9.
 * 3. Removes excess padding in IE7.
 *    Known issue: excess padding remains in IE6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */
}

/*
 * 1. Addresses `appearance` set to `searchfield` in S5, Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in S5, Chrome (include `-moz`
 *    to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in S5, Chrome on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
 * Removes inner padding and border in FF3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9.
 * 2. Improves readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/*
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/******************************************************************
CUSTOMIZED RESET VALUES
I added these extra styles as a more personalized reset. Feel free
to remove them if you like or add your own. If you want to update
the normalize styles, make sure to edit from this point up.
******************************************************************/
p {
  -webkit-hyphens: auto;
  -epub-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

b, strong, .strong {
  font-weight: bold;
}

dfn, em, .em {
  font-style: italic;
}

small, .small {
  font-size: 75%;
}

ul, ol {
  padding: 0;
  list-style-type: none;
}

dd {
  margin: 0;
}

.sidebar ul,
.sidebar ol,
.commentlist {
  list-style: none;
}

/******************************************************************
Site Name:
Author:

Stylesheet: Mixins & Constants Stylesheet

This is where you can take advantage of Sass' great features:
Mixins & Constants. I won't go in-depth on how they work exactly,
there are a few articles below that will help do that. What I will
tell you is that this will help speed up simple changes like
changing a color or adding CSS3 techniques gradients.

A WORD OF WARNING: It's very easy to overdo it here. Be careful and
remember less is more.

******************************************************************/
/*********************
CLEARFIXIN'
*********************/
.clearfix {
  zoom: 1;
}

.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

/*********************
TOOLS
*********************/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.image-replacement {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.player {
  height: 0;
  padding-bottom: 56.25%;
  padding-top: 30px;
  position: relative;
}

.player iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.truncate {
  max-width: 470px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*********************
COLORS
Need help w/ choosing your colors? Try this site out:
http://0to255.com/
*********************/
/* ALD colors */
/* Social colors */
/*********************
MEDIA QUERIES
*********************/
/*********************
SHOW & HIDE
*********************/
/*********************
GRID MIXINS
*********************/
/*
USAGE: @include onecol;
*/
/*********************
OPACITY
*********************/
/*********************
TYPOGRAPHY
*********************/
@font-face {
  font-family: 'ClarendonTextProRegular';
  src: url("../fonts/clarendon_text_pro-webfont.eot");
  src: url("../fonts/clarendon_text_pro-webfont.woff") format("woff"), url("../clarendon_text_pro-webfont.ttf") format("truetype"), url("../clarendon_text_pro-webfont.svg#webfontCaXcXckp") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ecoicons';
  src: url("../fonts/ecoicons.eot");
  src: url("../fonts/ecoicons.eot?#iefix") format("embedded-opentype"), url("../fonts/ecoicons.woff") format("woff"), url("../fonts/ecoicons.ttf") format("truetype"), url("../fonts/ecoicons.svg#ecoicons") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'function_prolight';
  src: url("../fonts/functionpro-light-webfont.eot");
  src: url("../fonts/functionpro-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/functionpro-light-webfont.woff") format("woff"), url("../fonts/functionpro-light-webfont.ttf") format("truetype"), url("../fonts/functionpro-light-webfont.svg#function_prolight") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'function_probook';
  src: url("../fonts/functionpro-book-webfont.eot");
  src: url("../fonts/functionpro-book-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/functionpro-book-webfont.woff") format("woff"), url("../fonts/functionpro-book-webfont.ttf") format("truetype"), url("../fonts/functionpro-book-webfont.svg#function_probook") format("svg");
  font-weight: normal;
  font-style: normal;
}

/*
use the best ampersand
http://simplebits.com/notebook/2008/08/14/ampersands-2/
*/
span.amp {
  font-family: Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif !important;
  font-style: italic;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.alert-help, .alert-info, .alert-error, .alert-success {
  margin: 10px 0;
  padding: 5px 18px;
  border: 1px solid;
  border-radius: 4px;
}

.alert-help {
  border-color: #e8dc59;
  background: #ebe16f;
}

.alert-info {
  border-color: #bfe4f4;
  background: #d5edf8;
}

.alert-error {
  border-color: #f8cdce;
  background: #fbe3e4;
}

.alert-success {
  border-color: #deeaae;
  background: #e6efc2;
}

/*********************
TRANSITION
*********************/
/*
I totally rewrote this to be cleaner and easier to use.
You'll need to be using Sass 3.2+ for these to work.
Thanks to @anthonyshort for the inspiration on these.
USAGE: @include transition(all 0.2s ease-in-out);
*/
/*********************
CSS3 GRADIENTS
Be careful with these since they can
really slow down your CSS. Don't overdo it.
*********************/
/* @include css-gradient(#dfdfdf,#f8f8f8); */
/*********************
BOX SIZING
*********************/
/* @include box-sizing(border-box); */
/* NOTE: value of "padding-box" is only supported in Gecko. So
probably best not to use it. I mean, were you going to anyway? */
/*********************
BUTTONS
*********************/
.button, .searchfilter .activefilters li:last-of-type a, body.page-template-tpl-emailshare-php form#wprf-email-vacancies-form .control-group .controls input.button, #jPanelMenu-menu .activefilters li:last-of-type a, .button:visited, .searchfilter .activefilters li:last-of-type a:visited, body.page-template-tpl-emailshare-php form#wprf-email-vacancies-form .control-group .controls input.button:visited, #jPanelMenu-menu .activefilters li:last-of-type a:visited {
  font-family: Helvetica, Arial, sans-serif;
  border: 0;
  padding: 4px 20px 5px 20px;
  color: white;
  display: inline-block;
  font-size: 18px;
  font-family: "function_prolight";
  font-weight: normal;
  text-decoration: none;
  cursor: pointer;
  margin-bottom: 0;
  line-height: 21px;
  background-color: #0073b6;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.button:hover, .searchfilter .activefilters li:last-of-type a:hover, body.page-template-tpl-emailshare-php form#wprf-email-vacancies-form .control-group .controls input.button:hover, #jPanelMenu-menu .activefilters li:last-of-type a:hover, .button:focus, .searchfilter .activefilters li:last-of-type a:focus, body.page-template-tpl-emailshare-php form#wprf-email-vacancies-form .control-group .controls input.button:focus, #jPanelMenu-menu .activefilters li:last-of-type a:focus, .button:visited:hover, .searchfilter .activefilters li:last-of-type a:visited:hover, body.page-template-tpl-emailshare-php form#wprf-email-vacancies-form .control-group .controls input.button:visited:hover, #jPanelMenu-menu .activefilters li:last-of-type a:visited:hover, .button:visited:focus, .searchfilter .activefilters li:last-of-type a:visited:focus, body.page-template-tpl-emailshare-php form#wprf-email-vacancies-form .control-group .controls input.button:visited:focus, #jPanelMenu-menu .activefilters li:last-of-type a:visited:focus {
  color: white;
  background-color: #42a3d0;
  text-decoration: none;
}

.button:active, .searchfilter .activefilters li:last-of-type a:active, body.page-template-tpl-emailshare-php form#wprf-email-vacancies-form .control-group .controls input.button:active, #jPanelMenu-menu .activefilters li:last-of-type a:active, .button:visited:active, .searchfilter .activefilters li:last-of-type a:visited:active, body.page-template-tpl-emailshare-php form#wprf-email-vacancies-form .control-group .controls input.button:visited:active, #jPanelMenu-menu .activefilters li:last-of-type a:visited:active {
  color: white;
  background-color: #42a3d0;
  text-decoration: none;
}

.button-sec, .button-sec:visited {
  padding: 5px 20px 5px 35px;
  color: black;
  border-top: 1px solid #ffe899;
  border-bottom: 1px solid #ffd949;
  box-shadow: 0 0 0 1px #e5f1f8;
  background: url(../images/button-arrow.png) no-repeat 10px center #e5f1f8;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.button-sec:hover, .button-sec:focus, .button-sec:visited:hover, .button-sec:visited:focus {
  color: white;
  box-shadow: 0 0 0 1px black;
  border-top: 1px solid #666666;
  border-bottom: 1px solid #333333;
  background-color: black;
}

.button-sec:active, .button-sec:visited:active {
  color: white;
  box-shadow: 0 0 0 1px #606060;
  border-top: 1px solid #c6c6c6;
  border-bottom: 1px solid #939393;
  background-color: #606060;
}

.button-back {
  background: url(../images/back.png) no-repeat left center;
}

.button-subscribe {
  padding: 4px 80px 5px 80px;
  background: transparent;
  border: 1px solid white;
}

/*
BASE (MOBILE) SIZE
This are the mobile styles. It's what people see on their phones. If
you set a great foundation, you won't need to add too many styles in
the other stylesheets. Remember, keep it light: Speed is Important.
*/
/****************************************************************
Site Name:
Author:

Stylesheet: Base Mobile Stylesheet

Be light and don't over style since everything here will be
loaded by mobile devices. You want to keep it as minimal as
possible. This is called at the top of the main stylsheet
and will be used across all viewports.

******************************************************************/
/*********************
GENERAL STYLES
*********************/
body {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1.5;
  color: #606060;
}

@media only screen and (max-width: 767px) {
  body {
    padding-top: 60px;
  }
}

ul {
  list-style-type: none;
}

body.page ul, body.archive ul {
  list-style-type: disc;
  margin-left: 20px;
}

#block-news .news ul, #bottom-nav ul, ul.sub-menu, nav ul {
  list-style-type: none !important;
  margin-left: 0 !important;
}

#inner-content {
  padding-top: 00px;
}

#inner-content ul {
  list-style-type: disc;
  padding: 0 0 0 20px;
}

input {
  border-radius: 0;
  outline: 0;
}

body.page #main section.article-content ul, body.single-news #main section.article-content ul {
  list-style-type: disc;
  line-height: 25px;
  padding-left: 15px;
}

/*img aligning txt*/
section.article-content img.alignright {
  float: right;
  margin: 15px;
}

section.article-content img.alignleft {
  float: left;
  margin: 15px;
}

/*********************
HOME STYLES
*********************/
.showmore {
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 0;
}

.showmore2 {
  text-align: right;
  float: right;
  margin: 30px 0;
  background: no-repeat 98% 48%;
  background-image: url(../images/arrow-right-small.png);
  background-image: url(../images/arrow-right-small.svg), none;
  background-size: 7px;
  padding-right: 20px;
}

.showmore2:hover {
  background-image: url(../images/arrow-right-small_black.png);
  background-image: url(../images/arrow-right-small_black.svg), none;
}

.showmore2 a {
  margin-top: 20px;
  margin-bottom: 20px;
}

.showmore2 a:hover {
  text-decoration: none;
}

.showmore2 h5 {
  margin: 0;
}

.showmore3 {
  text-align: left;
  position: absolute;
  bottom: 50px;
  left: 0;
  background: no-repeat 98% 48%;
  background-image: url(../images/arrow-right-small.png);
  background-image: url(../images/arrow-right-small.svg), none;
  background-size: 7px;
  padding-right: 20px;
}

.showmore3:hover {
  background-image: url(../images/arrow-right-small_black.png);
  background-image: url(../images/arrow-right-small_black.svg), none;
}

.showmore3 a {
  margin-top: 20px;
  margin-bottom: 20px;
}

.showmore3 h5 {
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .showmore3 {
    position: relative;
    bottom: initial;
  }
}

@media only screen and (max-width: 767px) {
  .more-link {
    display: none;
  }
}

.more-link2 {
  background: no-repeat 100% 48%;
  background-image: url(../images/arrow-right-small.png);
  background-image: url(../images/arrow-right-small.svg), none;
  background-size: 7px;
  padding: 10px 17px 10px 0;
  width: 100%;
  float: right;
  text-align: right;
}

@media only screen and (min-width: 768px) {
  .more-link2 {
    display: none;
  }
}

.more-link2:hover {
  background-image: url(../images/arrow-right-small_black.png);
  background-image: url(../images/arrow-right-small_black.svg), none;
}

.more-link2 a {
  text-decoration: none;
}

body.home #video_fallback {
  height: auto;
  max-height: 400px;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  body.home #video_fallback {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  body.home #video_fallback {
    display: block;
    margin-top: 149px;
  }
}

body.home #block-one {
  padding-top: 102px;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  body.home #block-one {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  body.home #block-one video {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  body.home #block-one video {
    display: none;
  }
}

html.lt-ie9 body.home #block-one {
  padding-top: 0;
}

html.lt-ie9 body.home #block-one .video-banner {
  display: none;
}

html.lt-ie9 body.home #banner_ie8 {
  display: block;
  background: url(../images/header_ie8.png) no-repeat;
  background-position: right center;
  background-size: 100%;
  height: 300px;
  width: 100%;
}

#block-one {
  padding-top: 60px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#block-one header {
  text-align: center;
  margin-top: 0;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

#block-one header h1.hometitle {
  font-size: 80px;
  color: white;
  margin-top: 0;
  padding-top: 50px;
  text-align: center;
}

#block-one header .widget .textwidget {
  margin-top: 220px;
}

#block-one header .widget .textwidget h1 {
  margin-top: 0;
}

#block-one header .widget .textwidget a {
  margin-top: 20px;
}

/* ==========================================================================
   Video header
   ========================================================================== */
.video-banner {
  position: relative;
  height: 490px;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  .video-banner {
    display: none;
    margin-top: 40px;
    height: 470px;
  }
}

.video-banner .video-banner_background {
  width: 100%;
  position: absolute;
  top: 0;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  .video-banner .video-banner_background {
    right: 0;
    width: 200%;
    height: 200%;
  }
}

.video-banner .video-banner_background .video-1600x650 {
  width: 100%;
  height: auto;
}

@media all and (max-width: 1174px) {
  body.home #block-one {
    max-height: 585px;
    padding-top: 102px;
  }
  body.home #block-one .video-banner {
    height: 0;
    overflow: hidden;
    padding-bottom: 41.25%;
    position: relative;
  }
}

#block-search {
  height: 100px;
  background: #e5f1f8;
}

#block-search form {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 35px;
  min-width: 550px;
  min-height: 41px;
}

#block-search form input {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
}

#block-search form input[type="text"] {
  width: 78%;
  height: 39px;
  border: none;
  padding: 10px;
  font-size: 20px;
  float: left;
}

#block-search form input[type="submit"] {
  width: 20%;
  min-width: 120px;
  font-family: Helvetica, Arial, sans-serif;
  border: 0;
  padding: 4px 10px 5px 10px;
  color: white;
  display: inline-block;
  font-size: 18px;
  font-family: "function_prolight";
  font-weight: normal;
  text-decoration: none;
  cursor: pointer;
  margin-bottom: 0;
  line-height: 21px;
  background-color: #0073b6;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: no-repeat center center #0073b6;
  background-image: url(../images/vergrootglas_wit.png);
  background-image: url(../images/vergrootglas_wit.svg), none;
  background-size: 25px;
  text-indent: -9999px;
  padding: 10px 10px 8px 10px;
  margin-left: -3px;
  float: left;
}

#block-search form input[type="submit"]:hover, #block-search form input[type="submit"]:focus {
  color: white;
  background-color: #42a3d0;
  text-decoration: none;
}

#block-search form input[type="submit"]:active {
  color: white;
  background-color: #42a3d0;
  text-decoration: none;
}

#block-two {
  background: white;
  position: relative;
}

#block-two .wrap {
  z-index: 10;
  background: white;
  position: relative;
}

#block-two .wrap .widget_text .textwidget {
  color: #606060;
  font-size: 20px;
}

@media only screen and (max-width: 767px) {
  #block-two .wrap .widget_text .textwidget {
    font-size: 15px;
  }
}

@media only screen and (max-width: 767px) {
  #block-two .greyline {
    height: 20px;
  }
  #block-two .wrap .more-link2 a {
    font-size: 16px;
    letter-spacing: 2px;
    line-height: 2.09em;
    text-transform: uppercase;
  }
}

@media only screen and (max-width: 767px) and (max-width: 767px) {
  #block-two .wrap .more-link2 a {
    font-weight: bold;
  }
}

.greyline {
  position: absolute;
  height: 33px;
  border-bottom: 3px solid #cccccc;
  left: 0;
  top: 0;
  width: 13%;
  z-index: 1;
}

@media only screen and (max-width: 767px) {
  .greyline {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .greyline {
    display: none;
  }
}

.greyline2 {
  position: absolute;
  height: 35px;
  border-bottom: 3px solid #cccccc;
  left: 0;
  top: 425px;
  width: 30%;
  z-index: 1;
}

@media only screen and (max-width: 767px) {
  .greyline2 {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .greyline2 {
    display: none;
  }
}

.greyline7 {
  position: absolute;
  height: 35px;
  border-bottom: 3px solid #cccccc;
  left: 0;
  top: 417px;
  width: 13%;
  z-index: 1;
}

@media only screen and (max-width: 767px) {
  .greyline7 {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .greyline7 {
    display: none;
  }
}

body.logged-in .greyline7 {
  top: 449px;
}

#block-news {
  min-height: 640px;
  overflow: hidden;
  clear: both;
  background-color: #e5f1f8;
  position: relative;
  z-index: 10;
}

@media only screen and (max-width: 767px) {
  #block-news {
    min-height: inherit;
    overflow: hidden;
  }
}

#block-news .news ul li {
  width: 47%;
  float: left;
  background-color: white;
  border: 1px solid #e3e4e9;
}

@media only screen and (max-width: 767px) {
  #block-news .news ul li {
    width: 100%;
  }
  #block-news .news ul li:nth-of-type(2) {
    display: none;
  }
}

#block-news .news ul li:first-of-type {
  margin-right: 6%;
}

#block-news .news ul li h2 {
  color: #0073b6;
  margin: 10px 20px 0px 20px;
  text-transform: none;
  min-height: 60px;
}

#block-news .news ul li h2 a:hover {
  text-decoration: none;
}

#block-news .news ul li p {
  margin: 10px 20px;
  min-height: 66px;
}

#block-news .news ul li .entry-thumbnail {
  height: 220px;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  #block-news .news ul li .entry-thumbnail {
    height: initial;
  }
}

#block-news .news ul li .entry-thumbnail img {
  width: 100%;
  height: auto;
}

#block-news .news ul li .date, #block-news .news ul li .news-author {
  margin-left: 20px;
  color: #606060;
  margin-top: 7px;
  display: inline-block;
  height: 17px;
}

#block-news .news ul li .news-author {
  padding-right: 15px;
  border-right: 1px #606060 solid;
}

#block-news .news ul li .tags {
  margin-left: 20px;
  margin-bottom: 15px;
  display: inline-block;
}

#block-news .news ul li .tags a {
  text-decoration: none;
}

#block-news .wrap {
  z-index: 10;
  background: #e5f1f8;
  position: relative;
  padding-top: 20px;
}

#block-news .greyline {
  height: 89px;
}

@media only screen and (max-width: 767px) {
  #block-news .greyline {
    height: 50px;
  }
}

.home #block-vacancies {
  background-color: #e5f1f8;
  overflow: hidden;
  padding-top: 20px;
}

.home #block-vacancies .wrap, .home #block-vacancies header {
  background: none;
}

.home #block-vacancies .wrap > header {
  background: #e5f1f8;
}

.home #block-vacancies article {
  background: white;
}

.home #block-vacancies .greyline {
  height: 89px;
}

.home #block-news {
  background: none;
}

.home #block-news .wrap, .home #block-news header {
  background: none;
}

.home #block-news .wrap > header {
  background: white;
}

#block-vacancies {
  position: relative;
  clear: both;
  min-height: 530px;
}

#block-vacancies article.vacancy {
  margin-left: 0;
}

@media only screen and (max-width: 767px) {
  #block-vacancies article.vacancy {
    margin-bottom: 20px;
  }
}

#block-vacancies article.vacancy section.article-content {
  position: relative;
  margin-bottom: 15px;
  min-height: 135px;
}

@media only screen and (max-width: 767px) {
  #block-vacancies article.vacancy section.article-content {
    min-height: inherit;
    margin-bottom: 0;
  }
}

#block-vacancies article.vacancy section.article-content a.button, #block-vacancies article.vacancy section.article-content .searchfilter .activefilters li:last-of-type a, .searchfilter .activefilters li:last-of-type #block-vacancies article.vacancy section.article-content a, #block-vacancies article.vacancy section.article-content #jPanelMenu-menu .activefilters li:last-of-type a, #jPanelMenu-menu .activefilters li:last-of-type #block-vacancies article.vacancy section.article-content a {
  position: absolute;
  bottom: 0;
  left: 0;
  margin-bottom: 0;
}

#block-vacancies article.vacancy h2 a:hover {
  text-decoration: none;
}

#block-vacancies article {
  float: left;
  width: 31.3%;
  margin-right: 3%;
  margin-bottom: 40px;
  padding: 0px 20px 10px 20px;
  outline: 1px solid #e3e4e9;
  border: 3px solid #fff;
}

@media only screen and (max-width: 767px) {
  #block-vacancies article {
    width: 100%;
    border: 1px solid #42a3d0;
  }
  #block-vacancies article:nth-of-type(4), #block-vacancies article:nth-of-type(5), #block-vacancies article:nth-of-type(6) {
    display: none;
  }
}

#block-vacancies article:nth-of-type(3), #block-vacancies article:nth-of-type(6) {
  margin-right: 0;
}

#block-vacancies article:hover, #block-vacancies article:active {
  border: 3px solid #42a3d0;
}

#block-vacancies article a.button, #block-vacancies article .searchfilter .activefilters li:last-of-type a, .searchfilter .activefilters li:last-of-type #block-vacancies article a, #block-vacancies article #jPanelMenu-menu .activefilters li:last-of-type a, #jPanelMenu-menu .activefilters li:last-of-type #block-vacancies article a {
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
  font-size: 16px;
  text-transform: uppercase;
}

@media only screen and (max-width: 767px) {
  #block-vacancies article a.button, #block-vacancies article .searchfilter .activefilters li:last-of-type a, .searchfilter .activefilters li:last-of-type #block-vacancies article a, #block-vacancies article #jPanelMenu-menu .activefilters li:last-of-type a, #jPanelMenu-menu .activefilters li:last-of-type #block-vacancies article a {
    display: none;
  }
}

#block-vacancies article h5 {
  margin: 0;
  color: #606060;
  text-transform: none;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: none;
  white-space: nowrap;
  width: 100%;
}

#block-vacancies article header {
  margin-left: 0;
  padding-left: 0;
}

#block-vacancies article header h2 {
  text-transform: none;
  margin-bottom: 0;
}

#block-vacancies article .article-meta {
  float: left;
  position: relative;
  margin-bottom: 10px;
  margin-top: 10px;
}

#block-vacancies article .article-meta img {
  height: auto;
  display: block;
  float: left;
  width: 10%;
}

#block-vacancies article .article-meta ul {
  padding-left: 30px;
  margin-top: -5px;
  display: block;
  width: 90%;
  float: left;
}

#block-vacancies article .article-meta ul li {
  float: left;
  border-right: 1px solid #cccccc;
  padding-right: 5px;
  padding-left: 5px;
}

#block-vacancies article .article-meta ul li:last-of-type(3) {
  border-right: none;
}

#block-vacancies article .article-meta ul li a {
  text-decoration: none;
}

#block-vacancies article .article-meta ul li a:hover {
  text-decoration: underline;
}

#block-vacancies article .article-meta span {
  display: none;
}

#block-vacancies .wrap {
  z-index: 10;
  background: white;
  position: relative;
}

#block-vacancies .showmore2 {
  float: right;
  margin-top: 0;
}

@media only screen and (max-width: 767px) {
  #block-vacancies .greyline {
    height: 23px;
  }
}

.og-grid li {
  width: 20%;
  margin-right: 6%;
  float: left;
  margin-left: 0;
  max-height: 226px;
}

@media only screen and (max-width: 767px) {
  .og-grid li {
    width: 43%;
  }
  .og-grid li:nth-of-type(3) {
    display: none;
  }
  .og-grid li:nth-of-type(4) {
    display: none;
  }
}

.og-grid li:last-of-type {
  margin-right: 0;
}

.og-grid li:nth-of-type(4n+0) {
  margin-right: 0;
}

.og-grid li a img {
  width: 100%;
  height: auto;
  max-height: 226px;
}

.og-grid li a img:hover {
  border: 3px solid #42a3d0;
}

.og-grid li a .text-content {
  background: url("../images/icon_arrow-down.png") no-repeat scroll center 150%/25px auto rgba(0, 0, 0, 0.2);
  color: white;
  cursor: pointer;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.og-grid li a .text-content span {
  display: block;
  text-align: center;
}

.og-grid li a .text-content span.colleague-heading {
  margin-top: 25%;
}

.og-grid li a .text-content span.colleague-name {
  margin-top: 10px;
  font-weight: bold;
  padding: 0 15px;
}

.og-grid li a:hover .text-content {
  opacity: 1;
  background-position: center 92%;
}

.og-grid .og-expander {
  z-index: 15;
  width: 100%;
}

#block-six {
  background-color: #e5f1f8;
  min-height: 500px;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  #block-six {
    min-height: initial;
  }
}

#block-six h1 {
  margin-top: 0;
  padding-top: 40px;
}

@media only screen and (max-width: 767px) {
  #block-six h1 {
    padding-top: 20px;
  }
}

#block-six .greyline {
  height: 70px;
  top: inherit;
}

@media only screen and (max-width: 767px) {
  #block-six .greyline {
    height: 40px;
  }
}

#block-six header {
  background: #e5f1f8;
  position: relative;
  z-index: 10;
  margin-left: -15px;
  padding-left: 15px;
}

#block-two header, #block-vacancies header, #block-five header {
  margin-left: -15px;
  background: white;
  padding-left: 15px;
}

#block-news header, #block-department header {
  margin-left: -15px;
  background: #e5f1f8;
  padding-left: 15px;
}

#block-recuiter {
  height: 110px;
  overflow: hidden;
  position: relative;
}

#block-jobalert {
  min-height: 320px;
  clear: both;
  text-align: center;
  background: url(../images/jobalert2.jpg) no-repeat;
  background-position: center 63%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top: 20px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  #block-jobalert {
    min-height: 280px;
  }
}

#block-jobalert .jobwrap {
  padding-top: 15px;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}

#block-jobalert .jobwrap a.button, #block-jobalert .jobwrap .searchfilter .activefilters li:last-of-type a, .searchfilter .activefilters li:last-of-type #block-jobalert .jobwrap a, #block-jobalert .jobwrap #jPanelMenu-menu .activefilters li:last-of-type a, #jPanelMenu-menu .activefilters li:last-of-type #block-jobalert .jobwrap a {
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 18px;
  text-transform: uppercase;
  width: 55%;
}

#block-jobalert .overlay {
  background: black;
  opacity: 0.5;
  width: 100%;
  height: 250px;
  position: absolute;
  max-width: 400px;
  z-index: 1;
}

@media only screen and (max-width: 767px) {
  #block-jobalert .overlay {
    height: 200px;
  }
}

#block-jobalert header {
  text-align: center;
  position: relative;
  z-index: 2;
  display: block;
  overflow: hidden;
  margin: 10px 0 0;
  padding: 0;
  position: relative;
  z-index: 2;
}

@media only screen and (max-width: 767px) {
  #block-jobalert header {
    height: 50px;
  }
}

#block-jobalert header h3 {
  color: white;
  position: relative;
  margin: 0;
  padding: 0;
}

#block-jobalert a, #block-jobalert p {
  color: white;
  position: relative;
  z-index: 2;
}

#block-jobalert .button-subscribe {
  margin-top: 20px;
  display: inline-block;
}

#block-linkedin {
  background: white;
  position: relative;
  min-height: 400px;
}

@media only screen and (max-width: 767px) {
  #block-linkedin {
    display: none;
  }
}

#block-linkedin .wrap {
  z-index: 10;
  position: relative;
  background: white;
}

#block-linkedin .wrap header {
  margin-left: -15px;
  background: white;
  padding-left: 15px;
}

#block-linkedin .wrap header h1 {
  padding-top: 10px;
}

#block-linkedin .wrap #linkedin {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

#block-linkedin .wrap #linkedin header {
  display: none;
}

#block-linkedin .greyline {
  height: 34px;
}

@media only screen and (max-width: 767px) {
  #block-linkedin .greyline {
    height: 30px;
  }
}

#block-twitter {
  background: #e5f1f8;
  position: relative;
  min-height: 300px;
}

@media only screen and (max-width: 767px) {
  #block-twitter {
    min-height: initial;
  }
}

#block-twitter .wrap {
  z-index: 10;
  position: relative;
}

#block-twitter .wrap header {
  margin-left: -15px;
  background: #e5f1f8;
  padding-left: 15px;
}

#block-twitter .wrap .tweet-avatar {
  display: none;
}

@media only screen and (max-width: 767px) {
  #block-twitter .wrap .tweet-feed-main .widget_tweet #tweet-feed ul {
    width: 2200% !important;
  }
}

#block-twitter .wrap .tweet-feed-main .widget_tweet #tweet-feed ul li {
  width: 48.6188%;
  float: left;
  color: #797979;
}

@media only screen and (max-width: 767px) {
  #block-twitter .wrap .tweet-feed-main .widget_tweet #tweet-feed ul li {
    padding-right: 25px;
  }
}

#block-twitter .wrap .tweet-feed-main .widget_tweet #tweet-feed ul li span.twitter-image {
  float: left;
  width: 10%;
}

#block-twitter .wrap .tweet-feed-main .widget_tweet #tweet-feed ul li span.twitter-image img {
  width: 100%;
  height: auto;
}

#block-twitter .wrap .tweet-feed-main .widget_tweet #tweet-feed ul li .inner-tweet {
  float: right;
  width: 87%;
}

#block-twitter .wrap .tweet-feed-main .widget_tweet #tweet-feed ul li .inner-tweet span.minutes {
  display: block;
  margin-top: 10px;
  font-size: 11px;
}

#block-twitter .wrap .tweet-feed-main .widget_tweet .bx-controls a {
  height: 60px;
  width: 27px;
  color: transparent;
}

#block-twitter .wrap .tweet-feed-main .widget_tweet .bx-controls a.bx-prev {
  position: absolute;
  left: 0;
  top: 33%;
  background: url(../images/tweet_arrow_left.png) no-repeat transparent;
  display: block;
}

@media only screen and (max-width: 767px) {
  #block-twitter .wrap .tweet-feed-main .widget_tweet .bx-controls a.bx-prev {
    top: 43%;
  }
}

#block-twitter .wrap .tweet-feed-main .widget_tweet .bx-controls a.bx-next {
  position: absolute;
  right: 0;
  top: 33%;
  background: url(../images/tweet_arrow_right.png) no-repeat transparent;
  display: block;
}

@media only screen and (max-width: 767px) {
  #block-twitter .wrap .tweet-feed-main .widget_tweet .bx-controls a.bx-next {
    top: 43%;
  }
}

#block-twitter .greyline {
  height: 69px;
}

@media only screen and (max-width: 767px) {
  #block-twitter .greyline {
    height: 20px;
  }
}

#block-two h1 span, #block-news h1 span, #block-vacancies h1 span, #block-five h1 span, #block-six h1 span, #block-seven h1 span, #block-colleagues h1 span, .block-vacancies-related h1 span, #block-organogram h1 span, .post-type-archive-afdeling h1 span, .single-afdeling h1 span, .post-type-archive-news h1 span {
  color: #0073b6;
}

/*********************
SITE WIDE CLASSES
*********************/
.display {
  display: block !important;
  transition: all 2.5s ease;
}

.titlecss {
  color: #0073b6;
}

.scrollToTop {
  width: 50px;
  height: 50px;
  padding: 10px;
  text-align: center;
  font-weight: bold;
  color: #444;
  text-decoration: none;
  position: fixed;
  bottom: 15px;
  right: 10px;
  display: none;
  border-radius: 5px;
  background: url(../images/top.png) no-repeat center;
  background-size: 40px;
  z-index: 99999;
}

@media only screen and (max-width: 767px) {
  .scrollToTop {
    display: none;
  }
}

.main-nav ul li a {
  font-size: 14px;
  font-family: "function_prolight";
  text-transform: uppercase;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .main-nav ul li a {
    font-size: 14px;
    padding: 13px 5px !important;
  }
}

.main-nav ul li a .over-ons {
  min-width: 83px;
}

.ias-trigger {
  height: 150px;
  padding-top: 50px;
  text-align: center;
  clear: both;
}

.ias-trigger a {
  color: #0073b6;
  border: 2px solid #0073b6;
  padding: 20px 100px;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-transform: uppercase;
}

@media only screen and (max-width: 767px) {
  .ias-trigger a {
    padding: 20px 50px;
  }
}

.ias-trigger a:hover {
  color: white;
  text-decoration: none;
  background: #0073b6;
}

.ias-spinner {
  height: 150px;
  padding-top: 75px;
  clear: both;
}

.banner {
  width: 100%;
  height: 300px;
  margin-top: 94px;
  background-repeat: no-repeat;
  background-position: center top;
  display: block;
}

@media only screen and (max-width: 767px) {
  .banner {
    display: none;
  }
}

.banner.vacancies {
  background-image: url("../images/guy.jpg");
}

.banner.news {
  background-image: url("../images/banner4.jpg");
}

@media all and (min-width: 1600px) {
  .banner, .banner2, .banner3, .banner4, .banner5, .banner6, .banner7, .banner404 {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
}

.banner2 {
  width: auto;
  height: 300px;
  margin-top: 94px;
  background-repeat: no-repeat;
  background-position: center top;
}

@media only screen and (max-width: 767px) {
  .banner2 {
    display: none;
  }
}

.banner5 {
  width: 100%;
  height: 300px;
  margin-top: 94px;
  background-image: url("../images/banner5.jpg");
  background-repeat: no-repeat;
  background-position: center -10%;
}

@media only screen and (max-width: 767px) {
  .banner5 {
    display: none;
  }
}

.banner6 {
  width: 100%;
  height: 300px;
  margin-top: 94px;
  background-image: url("../images/banner6.png");
  background-repeat: no-repeat;
  background-position: center -10%;
}

@media only screen and (max-width: 767px) {
  .banner6 {
    display: none;
  }
}

.banner7 {
  width: 100%;
  height: 300px;
  margin-top: 94px;
  background-image: url("../images/banner7.jpg");
  background-repeat: no-repeat;
  background-position: center 10%;
}

@media only screen and (max-width: 767px) {
  .banner7 {
    display: none;
  }
}

.banner9 {
  width: 100%;
  height: 300px;
  margin-top: 94px;
  background-image: url("../images/404header.jpg");
  background-repeat: no-repeat;
  background-position: center top;
}

@media only screen and (max-width: 767px) {
  .banner9 {
    display: none;
  }
}

.banner404 {
  width: 100%;
  height: 300px;
  margin-top: 100px;
  background-image: url("../images/404header.jpg");
  background-repeat: no-repeat;
  background-position: center -10%;
}

@media only screen and (max-width: 767px) {
  .banner404 {
    display: none;
  }
}

input.button-back {
  position: absolute;
  top: 350px;
  left: 0;
  width: 38px;
  height: 41px;
  border: none;
  background: url(../images/back.png) no-repeat left center;
}

@media only screen and (max-width: 767px) {
  input.button-back {
    display: none;
  }
}

/*********************
SEARCH STYLES
*********************/
body.search-no-results #inner-content {
  display: none;
}

@media only screen and (max-width: 767px) {
  .search #block-search-2 form {
    display: none;
  }
}

.search .search-title {
  background: white;
  position: relative;
  z-index: 10;
  margin-left: -15px;
  padding-left: 15px;
}

.search #inner-content {
  position: relative;
}

.search #inner-content .greyline {
  height: 60px;
}

@media only screen and (max-width: 767px) {
  .search #inner-content .greyline {
    height: 30px;
  }
}

.search #main h1 {
  background: white;
  position: relative;
  z-index: 10;
  margin-left: -15px;
  padding-left: 15px;
}

.search #main article {
  padding-top: 10px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  width: 48%;
  margin-right: 1%;
  float: left;
  background: white;
  position: relative;
  overflow: hidden;
  border: 1px solid #ccc;
}

@media only screen and (min-width: 768px) {
  .search #main article {
    min-height: 220px;
  }
}

@media only screen and (max-width: 767px) {
  .search #main article {
    width: 100%;
    padding-bottom: 52px;
  }
}

.search #main article.page h2 span {
  background: no-repeat transparent 0px 4px;
  background-image: url(../images/pages.png);
  background-image: url(../images/pages.svg), none;
  background-size: 40px;
  display: inline-block;
  float: left;
  text-indent: -99999px;
  width: 50px;
  height: 50px;
  margin-right: 5px;
}

@media only screen and (max-width: 767px) {
  .search #main article.page h2 span {
    background-position: 0px 0px;
  }
}

.search #main article.news h2 span {
  background: no-repeat transparent 0px 6px;
  background-image: url(../images/nieuws.png);
  background-image: url(../images/nieuws.svg), none;
  background-size: 40px;
  display: inline-block;
  float: left;
  text-indent: -99999px;
  width: 50px;
  height: 50px;
  margin-right: 5px;
}

@media only screen and (max-width: 767px) {
  .search #main article.news h2 span {
    background-position: 0px 3px;
  }
}

.search #main article.vacancy h2 span {
  background: no-repeat transparent 0px 4px;
  background-image: url(../images/vacatures.png);
  background-image: url(../images/vacature.svg), none;
  background-size: 40px;
  display: inline-block;
  float: left;
  text-indent: -99999px;
  width: 50px;
  height: 50px;
  margin-right: 5px;
}

@media only screen and (max-width: 767px) {
  .search #main article.vacancy h2 span {
    background-position: 0px 1px;
  }
}

@media only screen and (max-width: 767px) {
  .search #main article.colleague .colleague-thumbnail {
    float: left;
    margin-right: 20px;
    max-height: 100px;
    width: 13%;
    min-width: 70px;
  }
}

.search #main article.colleague h2 span {
  background: no-repeat transparent 0px 4px;
  background-image: url(../images/collegas.png);
  background-image: url(../images/collegas.svg), none;
  background-size: 40px;
  display: inline-block;
  float: left;
  text-indent: -99999px;
  width: 50px;
  height: 50px;
  margin-right: 5px;
}

@media only screen and (max-width: 767px) {
  .search #main article.colleague h2 span {
    background-position: 0px 1px;
  }
}

.search #main article h2.article-title {
  margin-top: 0;
  display: block;
}

.search #main article h2.article-title span {
  color: #606060;
}

.search #main article h2.article-title a {
  display: block;
  padding-top: 10px;
  padding-left: 5px;
}

.search #main article .entry-thumbnail {
  display: none;
}

.search #main article .entry-thumbnail img {
  width: 100%;
}

.search #main article .news-author {
  display: inline-block;
  margin-right: 10px;
  color: #606060;
  margin-bottom: 10px;
}

.search #main article .date {
  color: #606060;
  border-left: 1px solid #cccccc;
  padding-left: 10px;
}

.search #main article .article-meta {
  float: left;
  position: relative;
  margin-bottom: 10px;
  color: #606060;
}

.search #main article .article-meta img {
  position: absolute;
  left: 0;
  bottom: 5px;
}

.search #main article .article-meta ul {
  margin-left: 25px;
  margin-top: 0;
  list-style-type: none;
}

.search #main article .article-meta ul li {
  float: left;
  border-right: 1px solid #cccccc;
  padding-right: 5px;
  padding-left: 5px;
}

.search #main article .article-meta ul li:last-of-type(3) {
  border-right: none;
}

.search #main article .article-meta span {
  display: none;
}

.search #main article span.tags {
  display: none;
}

.search #main article .entry-content {
  clear: both;
}

.search #main article .entry-content p {
  margin-top: 0;
}

@media only screen and (max-width: 767px) {
  .search #main article .entry-content {
    height: 86px;
    overflow: hidden;
  }
}

.search #main article .article-footer {
  position: absolute;
  bottom: 10px;
  right: 15px;
}

.search .no-search-results {
  color: #606060;
  font-size: 20px;
}

.search h2.search-title {
  text-align: left;
}

.search #block-search-2 {
  min-height: 280px;
  margin-top: 120px;
  background: #e5f1f8;
  text-align: center;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .search #block-search-2 {
    margin-top: 150px;
  }
}

@media only screen and (max-width: 767px) {
  .search #block-search-2 {
    margin-top: 0;
  }
}

.search #block-search-2 form {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 35px;
  min-width: 550px;
  min-height: 41px;
}

@media only screen and (max-width: 767px) {
  .search #block-search-2 form {
    min-width: 350px;
  }
}

.search #block-search-2 form input[type="text"] {
  width: 78%;
  float: left;
  height: 40px;
  border: none;
  padding: 10px;
  font-size: 20px;
}

.search #block-search-2 form input[type="submit"] {
  width: 20%;
  min-width: 120px;
  float: left;
  font-family: Helvetica, Arial, sans-serif;
  border: 0;
  padding: 4px 10px 5px 10px;
  color: white;
  display: inline-block;
  font-size: 18px;
  font-family: "function_prolight";
  font-weight: normal;
  text-decoration: none;
  cursor: pointer;
  margin-bottom: 0;
  line-height: 21px;
  background-color: #0073b6;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: no-repeat center center #0073b6;
  background-size: 25px;
  background-image: url(../images/vergrootglas_wit.png);
  background-image: url(../images/vergrootglas_wit.svg), none;
  text-indent: -9999px;
  padding: 10px;
}

@media only screen and (max-width: 767px) {
  .search #block-search-2 form input[type="submit"] {
    min-width: initial;
    width: 18%;
  }
}

.search #block-search-2 form input[type="submit"]:hover, .search #block-search-2 form input[type="submit"]:focus {
  color: white;
  background-color: #42a3d0;
  text-decoration: none;
}

.search #block-search-2 form input[type="submit"]:active {
  color: white;
  background-color: #42a3d0;
  text-decoration: none;
}

.search #block-search-2 h1 {
  float: left;
  margin-top: 0px;
}

@media only screen and (max-width: 767px) {
  .search #block-search-2 h1 {
    float: none;
  }
}

.search #block-search-2 h2 {
  margin-top: 40px;
  margin-bottom: 20px;
  color: black;
  text-transform: none;
}

.search #block-search-2 h2 span {
  color: #0073b6;
}

.search #block-search-2 .content-type-wrap {
  margin-left: auto;
  margin-right: auto;
  max-width: 718px;
}

.search #block-search-2 a.content-type {
  color: #0073b6;
  border: 2px solid #0073b6;
  width: 15%;
  min-width: 165px;
  padding: 10px;
  padding-left: 35px;
  text-align: center;
  text-transform: uppercase;
  background: white;
  float: left;
  margin-right: 1%;
  margin-left: 1%;
  text-decoration: none;
  margin-top: 5px;
  position: relative;
}

.search #block-search-2 a.content-type.active {
  background-color: #0073b6;
  color: white;
}

@media only screen and (max-width: 767px) {
  .search #block-search-2 a.content-type {
    width: 100%;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .search #block-search-2 a.content-type span {
    width: 50px !important;
  }
}

.search #block-search-2 a.content-type:hover, .search #block-search-2 a.content-type:active {
  color: white;
  background-color: #0073b6 !important;
}

.search #block-search-2 a.content-type:first-of-type span {
  background: no-repeat white 5px center;
  background-image: url(../images/vacatures.png);
  background-image: url(../images/vacature.svg), none;
  background-size: 75%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 20%;
}

.search #block-search-2 a.content-type:nth-of-type(2) span {
  background: no-repeat white 5px center;
  background-image: url(../images/nieuws.png);
  background-image: url(../images/nieuws.svg), none;
  background-size: 23px;
  background-size: 75%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 20%;
}

.search #block-search-2 a.content-type:nth-of-type(3) span {
  background: no-repeat white 5px center;
  background-image: url(../images/collegas.png);
  background-image: url(../images/collegas.svg), none;
  background-size: 75%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 20%;
}

.search #block-search-2 a.content-type:nth-of-type(4) span {
  background: no-repeat white 5px center;
  background-image: url(../images/pages.png);
  background-image: url(../images/pages.svg), none;
  background-size: 75%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 20%;
}

.ms-choice {
  border: 1px solid white !important;
  color: #606060 !important;
}

.ms-choice .placeholder {
  color: #606060 !important;
}

.searchfilter {
  margin-top: 20px;
  min-height: 230px;
  font-family: Helvetica, Arial, sans-serif !important;
  font-size: 16px !important;
  color: black;
  background-color: #e5f1f8;
  width: 100%;
}

.searchfilter a#openfilter {
  display: none;
}

@media only screen and (max-width: 767px) {
  .searchfilter {
    padding-bottom: 0px;
    margin-top: 0;
    padding-top: 20px;
    min-height: initial;
  }
  .searchfilter a#openfilter {
    margin-bottom: 20px;
    display: block;
    color: #0073b6;
    border: 2px solid #0073b6;
    width: 15%;
    min-width: 170px;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    background: white;
    float: left;
    margin-top: 0px;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
}

@media only screen and (max-width: 767px) and (max-width: 767px) {
  .searchfilter a#openfilter {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .searchfilter a#openfilter.opened {
    color: white;
    background-color: #0073b6;
  }
  .searchfilter .searchfilter-mobile {
    display: none;
    padding-top: 40px;
    transition: all 2.5s ease;
  }
  .searchfilter .searchfilter-mobile.activefilter {
    display: block;
  }
}

.searchfilter fieldset {
  border: none;
  margin-right: 0;
  padding-right: 0;
}

@media only screen and (min-width: 768px) {
  .searchfilter form {
    padding-top: 45px;
    min-height: 170px;
  }
}

.searchfilter input[type="text"] {
  width: 100%;
  height: 40px;
  border: white 1px solid;
  float: right;
  padding-left: 10px;
  -webkit-appearance: none;
}

@media only screen and (max-width: 767px) {
  .searchfilter input[type="text"] {
    border: 0 none;
  }
  .searchfilter input[type="text"].activefilter {
    display: block;
  }
}

.searchfilter input[type="submit"] {
  float: left;
  min-width: 50px;
  font-family: Helvetica, Arial, sans-serif;
  border: 0;
  padding: 4px 10px 5px 10px;
  color: white;
  display: inline-block;
  font-size: 18px;
  font-family: "function_prolight";
  font-weight: normal;
  text-decoration: none;
  cursor: pointer;
  margin-bottom: 0;
  line-height: 21px;
  background-color: #0073b6;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  min-width: 50px;
  padding-left: 0;
  padding-top: 5px;
  border-radius: 0 5px 5px 0;
  border: white 1px solid;
  height: 40px;
}

.searchfilter input[type="submit"]:hover, .searchfilter input[type="submit"]:focus {
  color: white;
  background-color: #42a3d0;
  text-decoration: none;
}

.searchfilter input[type="submit"]:active {
  color: white;
  background-color: #42a3d0;
  text-decoration: none;
}

.searchfilter span {
  float: left;
  height: 39px;
  width: 31.3%;
  margin-bottom: 20px;
}

.searchfilter span .placeholder {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .searchfilter span {
    width: 100%;
  }
}

.searchfilter .searchfilter-mobile span:nth-of-type(1), .searchfilter .searchfilter-mobile span:nth-of-type(3), .searchfilter .searchfilter-mobile span:nth-of-type(4) {
  margin-right: 3%;
}

.searchfilter span.filter-searchphrase {
  float: left;
  width: 31.3%;
  margin-right: 3%;
}

@media only screen and (max-width: 767px) {
  .searchfilter span.filter-searchphrase {
    width: 100%;
    display: none;
  }
  .searchfilter span.filter-searchphrase.activefilter {
    display: block;
  }
}

.searchfilter span.filter-searchphrase ::-webkit-input-placeholder {
  color: #606060 !important;
  width: 100%;
}

.searchfilter span.filter-searchphrase :-moz-placeholder {
  /* Firefox 18- */
  color: #606060 !important;
  width: 100%;
}

.searchfilter span.filter-searchphrase ::-moz-placeholder {
  /* Firefox 19+ */
  color: #606060 !important;
  width: 100%;
}

.searchfilter span.filter-searchphrase :-ms-input-placeholder {
  color: #606060 !important;
  width: 100%;
}

.searchfilter input[type="button"] {
  min-width: 170px;
  width: 31.3%;
  height: 40px;
  float: right;
  background: #0073b6 no-repeat 64% center;
  background-image: url(../images/vergrootglas_wit.png);
  background-image: url(../images/vergrootglas_wit.svg), none;
  background-size: 25px;
  padding-right: 60px;
  padding-top: 6px;
  text-align: center;
  text-transform: uppercase;
}

.searchfilter input[type="button"]:hover {
  background-color: #42a3d0;
}

@media only screen and (max-width: 767px) {
  .searchfilter input[type="button"] {
    width: 100%;
    min-width: initial;
    top: 60px;
    right: 5%;
    margin-bottom: 15px;
    display: none;
  }
  .searchfilter input[type="button"].activefilter {
    display: block;
  }
}

.searchfilter .ms-parent {
  width: 100% !important;
}

.searchfilter .ms-parent:hover .ms-drop {
  display: block;
  position: relative;
  left: 0px;
  float: none;
  clear: left;
}

.searchfilter .ms-choice {
  height: 39px;
  border-radius: 0;
  background: url(../images/arrow-down-small.png) no-repeat right center;
  background-position: 92% 13px;
  cursor: pointer;
  width: 100% !important;
}

.searchfilter .ms-choice > span {
  position: relative;
  text-align: left;
  padding: 7px 10px 10px 10px;
  width: 100%;
}

.searchfilter .ms-drop {
  width: 100% !important;
  border-radius: 0;
  border: none;
  margin-top: 2px;
}

.searchfilter .ms-drop ul {
  background: #e5f1f8;
  padding: 1px 0;
  max-height: none !important;
}

.searchfilter .ms-drop ul li {
  background: white;
  width: 100%;
  margin-bottom: 2px;
  height: 40px;
  padding: 10px;
}

.searchfilter .ms-drop.opendrop {
  display: block;
}

.searchfilter .activefilters {
  float: left;
}

.searchfilter .activefilters .filtertext {
  color: #606060;
  padding-right: 20px;
}

.searchfilter .activefilters span {
  width: initial;
  height: initial;
}

.searchfilter .activefilters .filter-remove {
  padding: 0 20px 0 0;
  margin-right: 10px;
  color: #606060;
  text-decoration: none;
}

.searchfilter .activefilters .filter-remove:hover {
  text-decoration: line-through;
  background: url(../images/cross-filter.png) no-repeat center right;
}

.searchfilter .activefilters .filter-remove:first-of-type {
  padding-left: 0;
}

.searchfilter .activefilters li:last-of-type a {
  display: block;
  margin: 10px 0;
  text-decoration: none;
}

/*********************
ARCHIVE VACANCY STYLES
*********************/
.post-type-archive-vacancy article.no-results.wrap {
  border: 0 none;
  padding: 0;
}

.post-type-archive-vacancy article.no-results.wrap h2 {
  color: #606060;
  font-size: 20px;
}

@media only screen and (max-width: 767px) {
  .post-type-archive-vacancy .searchtrigger {
    display: none;
  }
}

.post-type-archive-vacancy #main {
  padding-top: 30px;
}

.post-type-archive-vacancy .greylinewrap {
  background: white;
  position: relative;
  z-index: 10;
  margin-left: -15px;
  padding-left: 15px;
}

@media only screen and (max-width: 767px) {
  .post-type-archive-vacancy .greylinewrap h1 {
    font-size: 19px;
  }
}

.post-type-archive-vacancy .filter-searchresult {
  width: 100%;
  height: 40px;
  color: #0073b6;
  border: 3px solid #0073b6;
  text-align: center;
  text-transform: uppercase;
  background: white;
  margin-top: 65px;
}

@media only screen and (min-width: 768px) {
  .post-type-archive-vacancy .filter-searchresult {
    display: none;
  }
}

.post-type-archive-vacancy article {
  float: left;
  width: 31.3%;
  margin-right: 3%;
  margin-bottom: 40px;
  padding: 0px 10px 10px 10px;
  border: 1px solid #e3e4e9;
}

.post-type-archive-vacancy article section.article-content {
  margin-bottom: 15px;
  position: relative;
  min-height: 140px;
}

@media only screen and (max-width: 767px) {
  .post-type-archive-vacancy article {
    width: 100%;
    border: 1px solid #42a3d0;
  }
}

.post-type-archive-vacancy article:nth-of-type(3n+3) {
  margin-right: 0;
}

.post-type-archive-vacancy article:hover, .post-type-archive-vacancy article:active {
  border: 3px solid #42a3d0;
}

.post-type-archive-vacancy article a.button, .post-type-archive-vacancy article .searchfilter .activefilters li:last-of-type a, .searchfilter .activefilters li:last-of-type .post-type-archive-vacancy article a, .post-type-archive-vacancy article #jPanelMenu-menu .activefilters li:last-of-type a, #jPanelMenu-menu .activefilters li:last-of-type .post-type-archive-vacancy article a {
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  font-size: 16px;
  margin-bottom: 0px;
  position: absolute;
  bottom: 0;
  left: 0;
}

@media only screen and (max-width: 767px) {
  .post-type-archive-vacancy article a.button, .post-type-archive-vacancy article .searchfilter .activefilters li:last-of-type a, .searchfilter .activefilters li:last-of-type .post-type-archive-vacancy article a, .post-type-archive-vacancy article #jPanelMenu-menu .activefilters li:last-of-type a, #jPanelMenu-menu .activefilters li:last-of-type .post-type-archive-vacancy article a {
    display: none;
  }
}

.post-type-archive-vacancy article h2 {
  margin-bottom: 0;
  text-transform: none;
}

.post-type-archive-vacancy article h2 a:hover {
  text-decoration: none;
}

.post-type-archive-vacancy article h5 {
  margin: 0;
  color: black;
  text-transform: none;
}

.post-type-archive-vacancy article .article-meta {
  margin-top: 10px;
  float: left;
  position: relative;
  margin-bottom: 10px;
}

.post-type-archive-vacancy article .article-meta img {
  position: absolute;
  left: 0;
  top: 0;
}

.post-type-archive-vacancy article .article-meta ul {
  margin-top: 0;
  margin-left: 25px;
}

.post-type-archive-vacancy article .article-meta ul li {
  float: left;
  border-right: 1px solid #cccccc;
  padding-right: 5px;
  padding-left: 5px;
}

.post-type-archive-vacancy article .article-meta ul li:last-of-type(3) {
  border-right: none;
}

.post-type-archive-vacancy article .article-meta span {
  display: none;
}

/*********************
SINGLE VACANCY STYLES
*********************/
.apply-button {
  width: 100%;
  margin-top: -2px;
  max-width: 340px;
  float: right;
  text-transform: uppercase;
  text-align: center;
  padding-top: 7px;
  padding-bottom: 7px;
}

@media only screen and (max-width: 767px) {
  .apply-button {
    width: 50%;
    float: right;
    height: 80px;
    position: absolute;
    top: 196px;
    right: 0;
    padding-top: 30px;
  }
}

#block-department {
  position: relative;
  background-color: #e5f1f8;
  min-height: 400px;
  padding-top: 10px;
  padding-bottom: 20px;
  overflow: hidden;
}

#block-department header {
  background: #e5f1f8;
  float: left;
  height: 80px;
  width: 80%;
}

@media only screen and (max-width: 767px) {
  #block-department header {
    height: initial;
    float: none;
  }
}

@media only screen and (max-width: 767px) {
  #block-department .department-content {
    clear: both;
  }
}

#block-department .wrap {
  position: relative;
  background: #e5f1f8;
  z-index: 9;
}

#block-department h1 {
  float: left;
  background: #e5f1f8;
}

#block-department .greyline {
  height: 70px;
}

@media only screen and (max-width: 767px) {
  #block-department .greyline {
    height: 43px;
  }
}

#block-department .department-video {
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  #block-department .department-video {
    padding-top: 10px;
  }
}

#block-department .department-video img {
  width: 100%;
  height: auto;
}

#block-department blockquote {
  margin: 0;
  color: #0073b6;
  font-size: 18px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 1.33em 0;
}

#block-department blockquote span.quotename {
  color: #000;
}

.single-vacancy #main ul {
  padding-left: 30px;
  list-style: disc;
}

.single-vacancy #main ul ul {
  list-style: circle;
}

@media only screen and (max-width: 767px) {
  .single-vacancy .searchtrigger {
    display: none;
  }
}

.single-vacancy .og-grid li {
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .single-vacancy .greyline {
    height: 20px;
  }
}

.single-vacancy header.fixed-header {
  position: fixed;
  width: 100%;
  top: 120px;
  height: 270px;
  z-index: 11;
  background: #e5f1f8;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .single-vacancy header.fixed-header {
    height: 100px;
    position: relative;
    top: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .single-vacancy header.fixed-header {
    top: 0px;
    position: relative;
    height: initial;
    background: white;
  }
}

.single-vacancy .article-title {
  position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .single-vacancy .article-title {
    margin-top: 50px;
  }
}

.single-vacancy .article-title .wrap {
  background: white;
  z-index: 9;
  position: relative;
}

.single-vacancy .article-title .wrap span {
  margin-left: -15px;
  background: white;
  padding-left: 15px;
}

.single-vacancy .article-actions {
  padding: 20px 0;
}

@media only screen and (max-width: 767px) {
  .single-vacancy .article-actions {
    clear: both;
    height: 75px;
    border-bottom: 1px solid #cccccc;
  }
}

@media only screen and (max-width: 767px) {
  .single-vacancy .article-actions .apply-button {
    display: none;
  }
}

.single-vacancy .article-actions .reminder {
  width: 100%;
  max-width: 340px;
  float: right;
  text-transform: uppercase;
  text-align: center;
  padding-top: 7px;
  padding-bottom: 7px;
}

@media only screen and (min-width: 768px) {
  .single-vacancy .article-actions .reminder {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .single-vacancy .article-actions .reminder {
    width: 50%;
    float: right;
    height: 80px;
    position: absolute;
    top: 196px;
    right: 0;
    padding-top: 30px;
  }
}

.single-vacancy .article-metas {
  height: 100px;
  width: 100%;
  background: #e5f1f8;
}

@media only screen and (max-width: 767px) {
  .single-vacancy .article-metas {
    height: 276px;
  }
}

.single-vacancy .article-metas ul li {
  float: left;
  width: 20%;
  border-left: #cccccc 2px solid;
  height: 80px;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  color: #606060;
  background-color: #e5f1f8;
  font-weight: 300;
}

@media only screen and (max-width: 767px) {
  .single-vacancy .article-metas ul li {
    width: 50%;
    margin-bottom: 3px;
  }
}

.single-vacancy .article-metas ul li h5 {
  color: #606060;
  margin: 0;
  text-transform: none;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .single-vacancy #inner-content {
    padding-top: 0;
  }
}

.single-vacancy #block-recruiter {
  position: relative;
  clear: both;
  min-height: 230px;
}

@media only screen and (max-width: 767px) {
  .single-vacancy #block-recruiter .recruiter-description {
    width: 100%;
    clear: both;
    padding-top: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .single-vacancy #block-recruiter {
    margin-bottom: 30px;
  }
  .single-vacancy #block-recruiter .entry-thumbnail {
    position: relative;
    float: left;
    margin-left: 2.762430939%;
    width: 48.618784527%;
    margin-left: 0;
  }
  .single-vacancy #block-recruiter .recruiter-content {
    position: relative;
    float: left;
    margin-left: 2.762430939%;
    width: 48.618784527%;
  }
}

.single-vacancy #block-recruiter header {
  margin-left: -15px;
  background: white;
  padding-left: 15px;
}

.single-vacancy #block-recruiter .wrap {
  background: white;
  position: relative;
  z-index: 9;
}

.single-vacancy #block-vacancies {
  position: relative;
  min-height: 370px;
  background: #e5f1f8;
  padding-top: 10px;
}

.single-vacancy #block-vacancies .article-meta {
  background: white;
  height: initial;
}

.single-vacancy #block-vacancies header {
  background: #e5f1f8;
}

.single-vacancy #block-vacancies article {
  background: white;
  margin-bottom: 20px;
  height: inherit;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .single-vacancy #block-vacancies article {
    height: auto;
  }
}

.single-vacancy #block-vacancies article header {
  background: white;
  margin-left: 0;
  padding-left: 0;
  padding-top: 0;
  height: initial;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .single-vacancy #block-vacancies article header {
    height: auto;
  }
  .single-vacancy #block-vacancies article header h2.article-title.truncate-vacancy {
    height: inherit !important;
    margin-top: 20px !important;
  }
}

.single-vacancy #block-vacancies article section.article-content {
  margin-top: 0;
}

.single-vacancy #block-vacancies .wrap {
  background: #e5f1f8;
  min-height: 360px;
  overflow: hidden;
}

.single-vacancy #block-vacancies .showmore2 {
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  margin-bottom: 10px;
  float: right;
  clear: both;
}

.single-vacancy #block-vacancies .greyline {
  height: 69px;
}

@media only screen and (max-width: 767px) {
  .single-vacancy #block-vacancies .greyline {
    height: 45px;
  }
}

.single-vacancy #block-middle {
  position: relative;
  height: 440px;
}

@media only screen and (max-width: 767px) {
  .single-vacancy #block-middle {
    height: initial;
  }
}

@media only screen and (min-width: 768px) and (max-width: 850px) {
  .single-vacancy #block-middle {
    height: 485px;
  }
}

.single-vacancy #block-middle .greyline {
  width: 100%;
  height: 60px;
}

@media only screen and (max-width: 767px) {
  .single-vacancy #block-middle .greyline {
    height: 40px;
  }
}

.single-vacancy #block-middle .wrap {
  background: white;
  z-index: 9;
}

.single-vacancy #block-middle .apply-process {
  background: white;
  text-align: right;
  position: relative;
  z-index: 10;
}

.single-vacancy #block-middle .apply-process header {
  text-align: right;
  margin-right: -15px;
  background: white;
  padding-right: 15px;
}

@media only screen and (min-width: 768px) {
  .single-vacancy #block-middle .apply-process header {
    margin-left: -6%;
  }
}

@media only screen and (max-width: 767px) {
  .single-vacancy #block-middle .apply-process {
    display: none;
  }
}

.single-vacancy #block-middle #block-six {
  min-height: 350px;
  background: white;
  width: 48.6%;
  overflow: initial;
  float: left;
}

@media only screen and (max-width: 767px) {
  .single-vacancy #block-middle #block-six {
    width: 100%;
  }
}

.single-vacancy #block-middle #block-six header {
  background: white;
}

.single-vacancy #block-middle #block-six h1 {
  padding-top: 25px;
}

@media only screen and (min-width: 768px) and (max-width: 850px) {
  .single-vacancy #block-middle #block-six h1 {
    max-width: 205px;
  }
}

.single-vacancy #block-middle #block-six li {
  float: left;
  width: 43%;
}

.single-vacancy #block-middle #block-six li a img {
  width: 100%;
  height: auto;
}

.single-vacancy #block-middle #block-six .entry-thumbnail img {
  width: 100%;
  height: auto;
}

.single-vacancy #block-middle #block-six .entry-content {
  top: -20px;
}

@media only screen and (min-width: 768px) {
  .single-vacancy #block-middle #block-six .showmore2 {
    position: absolute;
    bottom: 0;
    right: 55%;
  }
}

.single-vacancy article.vacancy header {
  height: 100px;
  padding-top: 50px;
  text-align: left;
}

@media only screen and (max-width: 767px) {
  .single-vacancy article.vacancy header {
    border-bottom: 1px solid #cccccc;
  }
}

.single-vacancy article.vacancy h2 a:hover {
  text-decoration: none;
}

.single-vacancy .article-content {
  margin-top: 50px;
  display: block !important;
}

@media only screen and (max-width: 767px) {
  .single-vacancy .article-content {
    margin-top: 0;
  }
}

.single-vacancy .article-content .vacancy-veld:first-of-type h2 {
  margin-top: 0;
}

.single-vacancy .article-content .vacancy-veld .colleague-quote {
  background-color: beige;
}

.single-vacancy .article-content .vacancy-veld .colleague-quote img.colleague-avatar {
  width: 100%;
  height: auto;
  margin-top: 25px;
}

.single-vacancy .article-content .vacancy-veld .colleague-quote ul {
  padding-bottom: 30px;
}

.single-vacancy .article-content .vacancy-veld .colleague-quote ul li {
  float: right;
  padding: 0 10px;
}

.single-vacancy .article-content .vacancy-veld .colleague-quote ul li:nth-of-type(2) {
  border-right: 1px solid grey;
}

.single-vacancy .article-content .vacancy-veld .colleague-quote h4, .single-vacancy .article-content .vacancy-veld .colleague-quote h5 {
  margin-top: 5px;
  margin-bottom: 0;
}

.single-vacancy .article-content .vacancy-veld .colleague-quote h5 span {
  font-size: 40px;
}

.single-vacancy .article-content .vacancy-veld-groot ul {
  padding-left: 40px;
  list-style-type: disc;
}

@media only screen and (max-width: 767px) {
  .single-vacancy .article-content {
    display: none;
  }
}

.block-vacancies-related .allvacancies {
  border-bottom: none;
}

.block-vacancies-related article {
  height: 200px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.block-vacancies-related article:hover {
  background-color: beige;
}

.block-vacancies-related article:nth-of-type(2) {
  border-top: #cccccc 1px solid;
  border-bottom: #cccccc 1px solid;
}

.block-vacancies-related article section p {
  margin-top: 0;
}

.block-vacancies-related article header {
  text-align: left;
  height: 100px;
}

.block-vacancies-related article header .article-title {
  margin-top: 0;
}

.block-vacancies-related article header .article-meta {
  margin-left: 0;
}

.block-vacancies-related article header .article-meta ul li {
  border: none;
}

@media only screen and (max-width: 767px) {
  .block-vacancies-related article header .article-meta ul li {
    max-width: 240px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: initial;
  }
}

.block-vacancies-related article header .article-meta ul li:before {
  content: "\2022 ";
  position: relative;
  top: 1px;
  color: #606060;
  font-size: 22px;
  line-height: 0;
  padding-right: 10px;
}

.block-vacancies-related article header .article-meta ul li span {
  display: none;
}

.block-vacancies-related article header .article-meta ul li:nth-of-type(odd) {
  position: relative;
  float: left;
  margin-left: 2.762430939%;
  width: 48.618784527%;
  margin-left: 0;
}

.block-vacancies-related article header .article-meta ul li:nth-of-type(even) {
  position: relative;
  float: left;
  margin-left: 2.762430939%;
  width: 48.618784527%;
  float: right;
}

.block-vacancies-related article .article-content {
  margin-top: 0;
}

@media only screen and (min-width: 768px) {
  .article-fields {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .article-fields {
    display: block;
  }
}

/*********************
CONTACT TEMPLATE
*********************/
@media only screen and (max-width: 767px) {
  .page-template-contact-php .greyline3 {
    top: 0;
  }
}

.page-template-contact-php #inner-content {
  min-height: 600px;
}

.page-template-contact-php #inner-content header {
  margin-left: -15px;
  background: white;
  padding-left: 15px;
  z-index: 10;
  position: relative;
}

.page-template-contact-php #inner-content .entry-content {
  font-size: 20px;
  color: #606060 !important;
}

@media only screen and (max-width: 767px) {
  .page-template-contact-php #inner-content .entry-content {
    font-size: 13px;
  }
}

.page-template-contact-php #inner-content .contact-widget h3 {
  color: #606060;
  font-weight: bold;
}

.page-template-contact-php #inner-content .contact-widget .name-organization {
  font-weight: bold;
  font-size: 15px;
}

@media only screen and (max-width: 767px) {
  .page-template-contact-php .contact-share {
    display: none;
  }
}

.page-template-contact-php .contact-share section {
  display: inline-block;
  float: left;
}

.page-template-contact-php .contact-share section ul {
  float: left;
  display: inline-block;
  list-style-type: none !important;
  padding-left: 0 !important;
}

.page-template-contact-php .contact-share section ul li {
  float: left;
}

.page-template-contact-php .contact-share section ul li a {
  display: block;
  margin: 0 10px 0 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
}

.page-template-contact-php .contact-share section ul .li a {
  background: url(../images/linkedin.png) no-repeat center;
}

.page-template-contact-php .contact-share section ul .fb a {
  background: url(../images/facebook3.png) no-repeat center;
}

.page-template-contact-php .contact-share section ul .tw a {
  background: url(../images/twitter.png) no-repeat center;
}

.page-template-contact-php .contact-share section ul .pi a {
  background: url(../images/pinterest.png) no-repeat center;
}

.page-template-contact-php #block-contact {
  background: #e5f1f8;
  overflow: hidden;
  margin-top: 15px;
}

.page-template-contact-php #block-contact .greyline {
  height: 70px;
}

@media only screen and (max-width: 767px) {
  .page-template-contact-php #block-contact .greyline {
    display: none;
  }
}

.page-template-contact-php #block-contact header {
  background: #e5f1f8;
  padding-left: 15px;
  margin-left: -15px;
  z-index: 10;
  position: relative;
}

.page-template-contact-php #block-contact input.button, .page-template-contact-php #block-contact body.page-template-tpl-emailshare-php form#wprf-email-vacancies-form .control-group .controls input.button, body.page-template-tpl-emailshare-php form#wprf-email-vacancies-form .control-group .controls .page-template-contact-php #block-contact input.button {
  font-size: 18px;
  text-transform: uppercase;
}

/*********************
404error TEMPLATE
*********************/
.error404 .noresultsheader {
  font-size: 20px;
}

.error404 #main h1 {
  margin-left: -15px;
  background: white;
  padding-left: 15px;
  z-index: 10;
  position: relative;
}

.error404 #main article .textwidget a {
  text-decoration: none;
}

/*********************
default TEMPLATE
*********************/
.page-template-default .wrap header {
  position: relative;
  z-index: 10;
  margin-left: -15px;
  background: white;
  padding-left: 15px;
}

/*********************
SINGLE NEWS STYLES
*********************/
.single-news header.main-header {
  margin-left: -15px;
  background: white;
  padding-left: 15px;
  z-index: 10;
  position: relative;
}

.single-news header.main-header h1.title {
  color: #0073b6;
  text-transform: none;
}

.single-news #main header {
  margin-bottom: 30px;
}

.single-news #main header h1 {
  color: #0073b6;
  margin-top: 0;
}

.single-news #main header p {
  color: #606060;
  font-size: 20px;
  clear: both;
  padding-top: 30px;
}

.single-news #main article h1, .single-news #main article h2, .single-news #main article h3, .single-news #main article h4, .single-news #main article h5 {
  margin-top: 0;
}

.single-news #main article h4 {
  color: #606060;
}

.single-news #main .article-info ul {
  list-style-type: none;
  padding: 0;
}

.single-news #main .article-info ul li {
  float: left;
  padding-right: 15px;
  padding-left: 10px;
  border-right: 1px solid #acacac;
  height: 18px;
}

@media only screen and (max-width: 767px) {
  .single-news #main .article-info ul li {
    width: 100%;
    border-right: none;
  }
}

.single-news #main .article-info ul li:first-of-type {
  padding-left: 0;
}

.single-news #main .article-info ul li:nth-of-type(3) {
  border-right: none;
}

.single-news #main .article-info ul li span#authorlink {
  text-decoration: none;
  color: #606060;
}

.single-news #main .article-info ul li#newsdate {
  color: #606060;
  margin-right: 12px;
}

.single-news #main .article-info ul li.newstag {
  padding-right: 2px;
  border-right: 0 none;
}

.single-news #main .article-info ul li.newstag span.tagdevider {
  padding-left: 7px;
  color: #606060;
}

@media only screen and (max-width: 767px) {
  .single-news #main .article-info {
    margin-bottom: 20px;
    overflow: hidden;
  }
  .single-news #main .article-info ul li {
    width: auto;
    float: left;
  }
  .single-news #main .article-info ul li#newsdate {
    padding-left: 0px;
  }
  .single-news #main .article-info ul li.newstag {
    display: block;
  }
  .single-news #main .article-info ul li span#authorlink {
    border-right: 1px solid #acacac;
    padding-right: 12px;
  }
}

@media only screen and (max-width: 767px) and (max-width: 767px) {
  .single-news #main .article-info #newstags {
    clear: both;
  }
}

.single-news #main .article-content {
  margin-bottom: 35px;
  position: relative;
}

.single-news #block-news {
  min-height: 660px;
}

@media only screen and (min-width: 768px) {
  .single-news #block-news {
    margin-bottom: -25px;
  }
}

@media only screen and (max-width: 767px) {
  .single-news #block-news {
    min-height: inherit;
  }
}

.single-news figure.post-thumbnail img {
  width: 100%;
  height: auto;
}

@media only screen and (max-width: 767px) {
  .single-news figure.post-thumbnail {
    display: none;
  }
}

/*********************
ABOUT TEMPLATE STYLES
*********************/
.page-template-page-about-php .about-top {
  position: relative;
  z-index: 10;
  margin-left: -15px;
  background: white;
  padding-left: 15px;
}

.page-template-page-about-php .about-top h1 {
  background: white;
}

.page-template-page-about-php .about-intro {
  font-size: 20px;
  color: #606060;
  margin-bottom: 50px;
}

@media only screen and (max-width: 767px) {
  .page-template-page-about-php .about-intro {
    font-size: 13px;
  }
}

.page-template-page-about-php .about-quote .first {
  text-align: center;
}

.page-template-page-about-php .about-quote img {
  max-width: 100%;
}

.page-template-page-about-php .videowrap.wrap {
  width: 70%;
  clear: both;
  margin-bottom: 40px;
}

@media only screen and (max-width: 767px) {
  .page-template-page-about-php .videowrap.wrap {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .page-template-page-about-php .greyline2 {
    height: 30px;
  }
}

/*********************
ARCHIVE COLLEAGUE TEMPLATE STYLES
*********************/
.post-type-archive-colleague #inner-content {
  padding-top: 0;
}

.post-type-archive-colleague #inner-content #main {
  overflow: auto;
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.post-type-archive-colleague ul#og-grid {
  margin-left: 0;
  padding-left: 0;
}

.post-type-archive-colleague ul#og-grid li {
  margin-right: 6%;
}

.post-type-archive-colleague ul#og-grid li:nth-of-type(4n) {
  margin-right: 0;
}

.post-type-archive-colleague .og-grid li a img:hover {
  border: 3px solid #42a3d0;
}

.post-type-archive-colleague .wrap header {
  position: relative;
  z-index: 10;
  margin-left: -15px;
  background: white;
  padding-left: 15px;
}

/*Single colleague*/
html.lt-ie9 body.single-colleague aside figure img {
  width: 265px;
}

body.single-colleague h1.title {
  background: #fff;
}

body.single-colleague h2#colfunction {
  color: #0073b6;
  font-size: 22px;
  margin-top: 0;
  text-transform: uppercase;
  display: block;
}

@media only screen and (max-width: 767px) {
  body.single-colleague h2#colfunction {
    font-size: 20px;
    text-transform: none;
  }
}

body.single-colleague aside .col_wid {
  margin-bottom: 15px;
}

body.single-colleague aside figure img {
  width: 100%;
  height: auto;
  border: 1px solid #e3e4e9;
}

body.single-colleague aside .tags {
  color: #0073b6;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  text-transform: uppercase;
}

body.single-colleague aside .social a {
  background: transparent no-repeat;
  display: inline-block;
  width: 32px;
  height: 32px;
  opacity: 1;
}

body.single-colleague aside .social a.li {
  background-image: url("../images/linkedin.png");
}

body.single-colleague aside .social a.fb {
  background-image: url("../images/facebook3.png");
}

body.single-colleague aside .social a.tw {
  background-image: url("../images/twitter.png");
}

body.single-colleague aside .social a.gp {
  background-image: url("../images/google.png");
}

body.single-colleague aside .social a.em {
  background-image: url("../images/email.png");
}

/*********************
CAREERS TEMPLATE STYLES
*********************/
.page-template-page-careers-php #careercontent {
  color: #606060;
  font-size: 20px;
  margin-bottom: 50px;
}

.page-template-page-careers-php .about-top {
  position: relative;
  z-index: 10;
  margin-left: -15px;
  background: white;
  padding-left: 15px;
}

.page-template-page-careers-php .about-top h1 {
  background: white;
}

.page-template-page-careers-php .about-top header p {
  font-size: 20px;
  color: #606060;
}

@media only screen and (max-width: 767px) {
  .page-template-page-careers-php .about-top header p {
    font-size: 15px;
  }
}

.page-template-page-careers-php .about-top header ul li {
  font-size: 20px;
}

.page-template-page-careers-php article {
  min-height: 450px;
  background-color: #e5f1f8;
}

.page-template-page-careers-php article .wrap {
  position: relative;
  min-height: 450px;
}

@media only screen and (min-width: 768px) {
  .page-template-page-careers-php article {
    margin-bottom: -10px;
  }
}

.page-template-page-careers-php article:nth-child(2n+1) {
  background-color: white;
}

.page-template-page-careers-php article h3 {
  padding-top: 20px;
  margin-bottom: 10px;
  color: #0073b6;
  margin-top: 0;
  font-size: 22px;
}

.page-template-page-careers-php article .imgwrap {
  max-height: 330px;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  .page-template-page-careers-php article .imgwrap img {
    width: 100%;
  }
}

/*********************
 Archive news template
********************/
.post-type-archive-news #main, body.search-results #main {
  margin-bottom: 40px;
}

.post-type-archive-news h2.article-title a:hover, body.search-results h2.article-title a:hover {
  text-decoration: none;
}

.post-type-archive-news .wrap header, body.search-results .wrap header {
  margin-left: -15px;
  padding-left: 15px;
  z-index: 10;
  position: relative;
  background-color: white;
  overflow: hidden;
}

.post-type-archive-news #block-news, body.search-results #block-news {
  background-color: white;
}

.post-type-archive-news #block-news .wrap, body.search-results #block-news .wrap {
  background: white;
}

.post-type-archive-news #block-news ul li, body.search-results #block-news ul li {
  margin-top: 40px;
}

.post-type-archive-news #block-news ul li:nth-child(odd), body.search-results #block-news ul li:nth-child(odd) {
  margin-right: 6%;
}

.post-type-archive-news .news-title, body.search-results .news-title {
  float: left;
}

@media only screen and (max-width: 767px) {
  .post-type-archive-news .news-title, body.search-results .news-title {
    float: none;
    text-align: center;
  }
}

.post-type-archive-news a.content-type, body.search-results a.content-type {
  color: #0073b6;
  border: 2px solid #0073b6;
  width: 15%;
  padding: 10px;
  text-align: center;
  text-transform: uppercase;
  background: white;
  float: left;
  margin-right: 1%;
  margin-left: 1%;
  margin-top: 25px;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media only screen and (max-width: 767px) {
  .post-type-archive-news a.content-type, body.search-results a.content-type {
    width: 100%;
  }
}

.post-type-archive-news a.content-type:hover, .post-type-archive-news a.content-type:active, body.search-results a.content-type:hover, body.search-results a.content-type:active {
  color: white;
  background-color: #0073b6;
}

@media only screen and (max-width: 767px) {
  .post-type-archive-news .greyline2, body.search-results .greyline2 {
    height: 20px;
  }
}

/*tax archive*/
body.single .greylinewrap, body.page .greylinewrap {
  background: none repeat scroll 0 0 white;
  margin-left: -15px;
  padding-left: 15px;
  position: relative;
  z-index: 10;
}

body.archive .greylinewrap {
  background: none repeat scroll 0 0 white;
  margin-left: -15px;
  padding-left: 15px;
  position: relative;
  z-index: 10;
}

body.archive button.filter-searchresult {
  display: none;
}

body.archive #main {
  padding-top: 30px;
}

body.archive article.vacancy {
  float: left;
  width: 31.3%;
  margin-right: 3%;
  margin-bottom: 40px;
  padding: 0px 10px 10px 10px;
  outline: 1px solid #e3e4e9;
  border: 3px solid white;
}

@media only screen and (max-width: 767px) {
  body.archive article.vacancy {
    margin-bottom: 20px;
  }
}

body.archive article.vacancy section.article-content {
  margin-bottom: 15px;
  position: relative;
  min-height: 140px;
}

@media only screen and (max-width: 767px) {
  body.archive article.vacancy section.article-content {
    min-height: inherit;
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 767px) {
  body.archive article.vacancy {
    width: 100%;
    border: 1px solid #42a3d0;
  }
}

body.archive article.vacancy:nth-of-type(3n+3) {
  margin-right: 0;
}

body.archive article.vacancy:hover, body.archive article.vacancy:active {
  border: 3px solid #42a3d0;
}

body.archive article.vacancy a.button, body.archive article.vacancy .searchfilter .activefilters li:last-of-type a, .searchfilter .activefilters li:last-of-type body.archive article.vacancy a, body.archive article.vacancy #jPanelMenu-menu .activefilters li:last-of-type a, #jPanelMenu-menu .activefilters li:last-of-type body.archive article.vacancy a {
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  font-size: 16px;
  margin-bottom: 0px;
  position: absolute;
  bottom: 0;
  left: 0;
}

@media only screen and (max-width: 767px) {
  body.archive article.vacancy a.button, body.archive article.vacancy .searchfilter .activefilters li:last-of-type a, .searchfilter .activefilters li:last-of-type body.archive article.vacancy a, body.archive article.vacancy #jPanelMenu-menu .activefilters li:last-of-type a, #jPanelMenu-menu .activefilters li:last-of-type body.archive article.vacancy a {
    display: none;
  }
}

body.archive article.vacancy h2 {
  margin-bottom: 0;
  text-transform: none;
}

body.archive article.vacancy h2 a:hover {
  text-decoration: none;
}

body.archive article.vacancy h5 {
  margin: 0;
  color: black;
  text-transform: none;
}

body.archive article.vacancy .article-meta {
  margin-top: 10px;
  float: left;
  position: relative;
  margin-bottom: 10px;
}

body.archive article.vacancy .article-meta img {
  height: auto;
  display: block;
  float: left;
  width: 10%;
  position: relative !important;
}

body.archive article.vacancy .article-meta ul {
  padding: 0 0 0 30px !important;
  margin-top: -5px;
  display: block;
  width: 90%;
  float: left;
  list-style-type: none !important;
  margin: 0;
}

body.archive article.vacancy .article-meta ul li {
  float: left;
  border-right: 1px solid #cccccc;
  padding-right: 5px;
  padding-left: 5px;
}

body.archive article.vacancy .article-meta ul li:last-of-type(3) {
  border-right: none;
}

body.archive article.no-results {
  width: 100%;
}

/*********************
Archive department template
********************/
.post-type-archive-department .departmentsheader {
  font-size: 20px;
  color: #606060;
}

@media only screen and (max-width: 767px) {
  .post-type-archive-department .departmentsheader {
    font-size: 15px;
    margin-bottom: 20px;
  }
}

.post-type-archive-department header.main-header {
  margin-left: -15px;
  background: white;
  padding-left: 15px;
  z-index: 10;
  position: relative;
}

.post-type-archive-department article {
  min-height: 400px;
  overflow: hidden;
  padding-bottom: 30px;
}

.post-type-archive-department article p:first-of-type {
  margin-top: 0;
}

.post-type-archive-department article:nth-child(2n+1) {
  background-color: #e5f1f8;
  padding-top: 20px;
}

@media only screen and (max-width: 767px) {
  .post-type-archive-department article:nth-child(2n+1) {
    padding-top: 0;
  }
}

.post-type-archive-department article:nth-child(2n+1) .entry-content h4 {
  margin-top: 0;
  text-transform: lowercase;
  color: #606060;
}

.post-type-archive-department article .department-colleague .entry-thumbnail {
  margin-top: 25px;
}

.post-type-archive-department article img.attachment-post-thumbnail, .post-type-archive-department article img.attachment-large {
  width: 100%;
  height: auto;
}

.post-type-archive-department article .department-colleague .quote {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  clear: both;
}

.post-type-archive-department article .department-colleague h4 {
  text-transform: none;
  font-style: italic;
}

.post-type-archive-department article .department-colleague h4 .quotename {
  color: #000;
}

@media only screen and (max-width: 767px) {
  .post-type-archive-department article .department-colleague h4 {
    font-size: 15px;
  }
}

.post-type-archive-department article.oddpost .sixcol:nth-of-type(odd) {
  margin-left: 0;
  float: left;
}

@media only screen and (max-width: 767px) {
  .post-type-archive-department article.oddpost .sixcol:nth-of-type(odd) {
    float: none;
  }
}

.post-type-archive-department article.evenpost .sixcol:nth-of-type(odd) {
  float: right;
}

.post-type-archive-department article.evenpost .sixcol:nth-of-type(even) {
  margin-left: 0;
}

/*********************
Apply template styles
*********************/
.page-template-tpl-apply-php header h1 {
  margin-bottom: 0;
}

.page-template-tpl-apply-php #main .article-content header h2 {
  margin-top: 0;
  margin-bottom: 40px;
}

.page-template-tpl-apply-php #main .article-content header h2 span {
  font-family: "function_prolight";
  font-size: 26px;
}

/*********************
Thanks template styles
*********************/
.page-template-page-thanks-php #main {
  text-align: center;
}

.page-template-page-thanks-php #main h4 {
  font-family: "function_prolight";
}

.page-template-page-thanks-php #main h4 span {
  font-family: "ClarendonTextProRegular", Arial, sans-serif;
}

.page-template-page-thanks-php #block-vacancies {
  min-height: 500px;
}

.page-template-page-thanks-php #block-vacancies header {
  border-top: none;
}

.page-template-page-thanks-php #block-vacancies .showmore {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 170px;
}

/*E-mailshare*/
body.page-template-tpl-emailshare-php form#wprf-email-vacancies-form input[type=text] {
  border: 1px solid #ccc;
  box-shadow: 0 0 0 0;
  margin-top: 3px;
  padding-bottom: 7px;
  padding-left: 9px;
  padding-top: 7px;
  width: 100%;
}

body.page-template-tpl-emailshare-php form#wprf-email-vacancies-form .control-group {
  margin-top: 0;
}

body.page-template-tpl-emailshare-php form#wprf-email-vacancies-form .control-group .controls {
  width: 100%;
}

body.page-template-tpl-emailshare-php form#wprf-email-vacancies-form .control-group .controls input.button {
  border: 0 none;
  box-shadow: 0 0 0 0;
  width: 100%;
  text-transform: uppercase;
}

body.page-template-tpl-emailshare-php .showmore2 {
  text-transform: uppercase;
  float: none;
}

body.page-template-tpl-emailshare-php .showmore2 a {
  text-decoration: none;
}

/*********************
FORM STYLES
*********************/
.gform_body .gfield {
  margin-bottom: 15px;
}

.gform_body .ginput_container input, .gform_body .ginput_container textarea {
  width: 100%;
  background-color: white;
  border: #cccccc 1px solid;
}

.gform_body .ginput_container input {
  height: 30px;
}

.gform_body .gsection {
  border-bottom: none !important;
}

@media only screen and (min-width: 768px) {
  .gform_body .gform_fields:nth-of-type(3) .ginput_container input {
    width: 68%;
  }
  .gform_body .gform_fields:nth-of-type(3) .ginput_container textarea {
    width: 68%;
  }
}

.gform_wrapper.two-column_wrapper ul.gform_fields.gform-column {
  display: block;
  float: left;
  width: 50%;
}

@media only screen and (max-width: 767px) {
  .gform_wrapper.two-column_wrapper ul.gform_fields.gform-column {
    width: 100%;
  }
}

.gform_wrapper.two-column_wrapper ul.gform-column li.gsection:first-child {
  display: none;
}

.gform_footer input[type="submit"] {
  float: right;
  margin-bottom: 50px;
}

.gform_wrapper {
  width: 100% !important;
  max-width: 100% !important;
}

.gform_wrapper .left_label .gfield_label {
  margin: 0;
  width: 31%;
}

.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
  background-color: transparent !important;
  border-top: none !important;
  border-bottom: none !important;
}

.gform_wrapper .right_label .gfield_description, .gform_wrapper .left_label .gfield_description, .gform_wrapper .left_label .instruction, .gform_wrapper .right_label .instruction {
  margin-left: 32% !important;
}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required {
  margin-left: -10px !important;
}

#wprf-application-form .wprf-field input, #wprf-application-form .wprf-field .chzn-single {
  background-color: white;
  border: #cccccc 1px solid;
  height: 30px;
  width: 100%;
}

#wprf-application-form .wprf-field:nth-of-type(6) input {
  width: 32.2%;
  padding: 0;
}

#wprf-application-form .wprf-field #gender_m_chzn input {
  background-color: white;
}

#wprf-application-form .wprf-field textarea {
  background-color: beige;
  border: none;
  border-radius: 5px;
  min-height: 390px;
  width: 100%;
}

.page-id-112 .chzn-single, .page-id-124 .chzn-single {
  height: initial;
  padding: 7px 3px;
}

#wprf-application-form .wprf-submit {
  clear: both;
  width: 100%;
  text-align: center;
  margin-top: 50px;
  margin-bottom: 50px;
}

#formwrap {
  width: 50%;
}

@media only screen and (max-width: 767px) {
  #formwrap {
    width: 100%;
  }
}

#formwrap .chzn-single {
  min-height: 35px;
  padding: 7px 3px;
}

#formwrap #wprf-email-vacancies-form .wprf-submit {
  float: right;
  margin-top: 15px;
}

#formwrap #wprf-email-vacancies-form .wprf-submit .controls {
  margin-left: 0;
  width: auto;
}

#formwrap #wprf-email-vacancies-form .chzn-single {
  padding-left: 12px;
}

#wprf-email-vacancies-form .wprf-field {
  margin-bottom: 10px;
}

#wprf-email-vacancies-form .chzn-container-multi .chzn-choices .search-field .default {
  color: #444444;
}

#wprf-email-vacancies-form .chzn-choices {
  background-color: white;
  border: 1px solid #cccccc;
  border-radius: 0;
}

#wprf-email-vacancies-form .chzn-single {
  background-color: white;
  border: 1px solid #cccccc;
  border-radius: 0;
}

#wprf-email-vacancies-form .taxonomies legend {
  display: none;
}

#wprf-email-vacancies-form #email {
  background-image: none !important;
  background-color: white;
  border: 1px solid #cccccc;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  height: 35px;
  line-height: 24px;
  padding: 3px 10px 2px 10px;
  color: #444444;
  text-decoration: none;
  margin: 0 1% 0 0;
  width: 100%;
}

#wprf-email-vacancies-form button[type="submit"] {
  font-family: Helvetica, Arial, sans-serif;
  border: 0;
  padding: 4px 10px 5px 10px;
  color: white;
  display: inline-block;
  font-size: 18px;
  font-family: "function_prolight";
  font-weight: normal;
  text-decoration: none;
  cursor: pointer;
  margin-bottom: 0;
  line-height: 21px;
  background-color: #0073b6;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 170px;
  margin-left: auto;
  margin-right: auto;
}

#wprf-email-vacancies-form button[type="submit"]:hover, #wprf-email-vacancies-form button[type="submit"]:focus {
  color: white;
  background-color: #42a3d0;
  text-decoration: none;
}

#wprf-email-vacancies-form button[type="submit"]:active {
  color: white;
  background-color: #42a3d0;
  text-decoration: none;
}

#wprf-email-vacancies-form .wprf-submit {
  margin-top: 30px;
  margin-bottom: 80px;
}

#wprf-email-vacancies-form .wprf-submit .controls {
  margin-right: auto;
  margin-left: auto;
  width: 150px;
}

.post-7302 .text-warning {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (max-width: 767px) {
  .post-7302 .text-warning {
    width: 100%;
  }
}

/*********************
LAYOUT & GRID STYLES
*********************/
.wrap {
  width: 96%;
  margin: 0 auto;
}

/*********************
LINK STYLES
*********************/
a, a:visited {
  color: #0073b6;
  /* on hover */
  /* on click */
  /* mobile tap color */
}

a:hover, a:focus, a:visited:hover, a:visited:focus {
  color: black;
  text-decoration: underline;
}

a:link, a:visited:link {
  /*
        this highlights links on iPhones/iPads.
        so it basically works like the :hover selector
        for mobile devices.
        */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}

/******************************************************************
H1, H2, H3, H4, H5 STYLES
******************************************************************/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  font-family: Helvetica, Arial, sans-serif;
  text-rendering: optimizelegibility;
  font-weight: 500;
  color: #0073b6;
  text-transform: uppercase;
  /*
    if you're going to use webfonts, be sure to check your weights
    http://css-tricks.com/watch-your-font-weight/
    */
  /* removing text decoration from all headline links */
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
    font-weight: 400;
  }
}

h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
  text-decoration: none;
}

h1, .h1 {
  font-size: 36px;
  line-height: 1.333em;
  color: black;
}

@media only screen and (max-width: 767px) {
  h1, .h1 {
    font-size: 20px;
  }
}

h2, .h2 {
  font-size: 22px;
  line-height: 1.4em;
  margin-bottom: 0.375em;
}

@media only screen and (max-width: 767px) {
  h2, .h2 {
    font-size: 18px;
  }
}

h3, .h3 {
  font-size: 20px;
}

h4, .h4 {
  font-size: 18px;
}

h5, .h5 {
  font-size: 16px;
  line-height: 2.09em;
  letter-spacing: 2px;
}

/*********************
HEADER STYLES
*********************/
#header-image {
  position: relative;
  float: left;
  margin-left: 2.762430939%;
  width: 99.999999993%;
  margin-left: 0;
  margin-bottom: 50px;
}

#header-image h1 {
  position: absolute;
  margin: 20px 0 0 0;
  padding: 10px;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 36px;
  line-height: 36px;
  color: white;
  background: black;
}

#header-image .image-wrap {
  min-height: 250px;
  background: rgba(0, 0, 0, 0.25);
}

#header-image .image-wrap img {
  display: block;
  width: 100%;
  height: auto;
}

@media only screen and (max-width: 767px) {
  #header-image .image-wrap {
    width: 250%;
  }
}

.header {
  position: fixed;
  width: 100%;
  background: white;
  z-index: 9999;
  top: 0;
}

@media only screen and (max-width: 767px) {
  .header .logo-flags {
    display: none;
  }
}

#top-search-label {
  position: absolute;
  display: block;
  bottom: -50px;
  width: 100%;
  height: 50px;
  text-align: center;
}

#top-search-label span {
  display: inline-block;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 20px;
  color: white;
  padding: 5px 20px;
  background: black;
  border-bottom: 10px solid #e5f1f8;
  border-radius: 0 0 10px 10px;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  #top-search-label {
    position: inherit;
    bottom: 0;
  }
}

#inner-header {
  padding: 26px 0 26px 0;
  background: #e5f1f8;
}

@media only screen and (max-width: 767px) {
  #inner-header {
    display: none;
  }
}

#inner-header-sec {
  border-bottom: 1px solid #e3e4e9;
  background: white;
}

@media only screen and (max-width: 767px) {
  #inner-header-sec {
    display: none;
  }
}

#logo {
  float: left;
  display: inline-block;
  width: 233px;
  height: 65px;
  background: no-repeat center center;
  background-size: 233px;
  background-image: url(../images/logo.png);
  background-image: url(../images/logo.svg), none;
  background-size: contain;
  margin-top: 20px;
  -webkit-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  -transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

#logo.smaller {
  width: 150px;
  height: 40px;
}

.language-flags {
  position: relative;
  float: right;
}

.language-flags .flag1 {
  background: url(../images/france.png) no-repeat center center;
  background-size: contain;
  float: right;
  height: 15px;
  width: 22px;
  margin-top: 70px;
  margin-right: 5px;
}

.language-flags .flag2 {
  background: url(../images/netherlands.png) no-repeat center center;
  background-size: contain;
  float: right;
  height: 15px;
  width: 22px;
  margin-top: 70px;
  margin-right: 20px;
}

#mobile-logo {
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 146px;
  height: 41px;
  font-size: 24px;
  text-align: right;
  color: #606060;
  background: url(../images/aldlogo.svg) no-repeat center center;
  background-size: contain;
  position: absolute;
  left: 0;
}

#mobile-triggers {
  position: absolute;
  top: 0;
  right: 0;
  width: 40%;
  height: 100px;
  text-indent: -9999px;
  background: #e5f1f8;
}

#mobile-triggers a {
  float: left;
  display: inline-block;
  padding: 20px;
  width: 50%;
  height: 95px;
}

#mobile-triggers .menu-trigger {
  background: url(../images/menu.svg) no-repeat center;
  background-size: 50px;
}

#mobile-triggers .search-trigger {
  background: url(../images/search.svg) no-repeat center;
  background-size: 50px;
}

#jPanelMenu-menu {
  padding: 0 10px;
  background: white;
  border-right: 1px solid #cccccc;
}

#jPanelMenu-menu .filter {
  border-bottom: 1px solid #e3e4e9;
}

#jPanelMenu-menu .filter:last-of-type {
  border: 0;
}

#jPanelMenu-menu .filter h3 {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: black;
}

#jPanelMenu-menu .filter h3:before {
  content: "\2022";
  margin-right: 7px;
  color: #e5f1f8;
}

#jPanelMenu-menu .filter ul {
  margin-left: 15px;
}

#jPanelMenu-menu .filter ul li a {
  font-size: 14px;
  text-decoration: none;
  color: black;
}

#jPanelMenu-menu .filter ul li a:hover {
  text-decoration: underline;
}

#jPanelMenu-menu .filter ul .aldlimit_link:before {
  content: "\00BB";
  margin-right: 5px;
  font-family: "ClarendonTextProRegular", Arial, sans-serif;
  font-size: 32px;
  color: green;
  line-height: 0;
  vertical-align: -4px;
}

#jPanelMenu-menu .filter ul .aldlimit_link .aldlimit_more {
  color: green;
}

#jPanelMenu-menu .activefilters .filter-remove {
  padding-left: 20px;
  background: url(../images/icon-remove.png) no-repeat center left;
}

#jPanelMenu-menu .activefilters li:last-of-type a {
  display: block;
  margin: 10px 0;
  text-decoration: none;
}

.mobile-filter-search {
  margin: 0 0 0 -20px;
  border: 0;
}

.mobile-filter-search input[type="text"] {
  margin: 10px 0;
  padding: 8px 30px 8px 8px;
  width: 100%;
  border: 1px solid #cccccc;
  border-radius: 4px;
  font-size: 11px;
  box-shadow: inset 0 5px 5px -5px #cccccc, inset 0 -5px 5px -5px #cccccc;
  background: url(../images/icon-search.png) no-repeat 98% center white;
  outline: 0;
}

.mobile-filter-search input[type="submit"] {
  display: none;
}

#breadcrumbs {
  border-bottom: 1px solid #e3e4e9;
  background: #e3e4e9;
  box-shadow: inset 0 5px 5px -5px #cccccc;
}

#breadcrumbs .breadcrumb {
  padding: 5px 0 5px 30px;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: grey;
  background: url(../images/icon-logo.png) no-repeat center left;
}

#breadcrumbs .breadcrumb span span {
  color: black;
}

.home #breadcrumbs {
  display: none;
}

/*********************
NAVIGATION STYLES
*********************/
/*
all navs have a .nav class applied via
the wp_menu function; this is so we can
easily write one group of styles for
the navs on the site so our css is cleaner
and more scalable.
*/
.main-nav {
  display: none;
  /* end .menu li */
  /* highlight current page */
  /* end current highlighters */
}

.main-nav li {
  /*
        so you really have to rethink your dropdowns for mobile.
        you don't want to have it expand too much because the
        screen is so small. How you manage your menu should
        depend on the project. Here's some great info on it:
        http://www.alistapart.com/articles/organizing-mobile/
        */
}

.main-nav li a {
  text-decoration: none;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: black;
  /*
            remember this is for mobile ONLY, so there's no need
            to even declare hover styles here, you can do it in
            the style.scss file where it's relevant. We want to
            keep this file as small as possible!
            */
}

.main-nav li ul.sub-menu li a,
.main-nav li ul.children li a {
  padding-left: 30px;
  font-size: 14px;
}

/* end .nav */
/*********************
POSTS & CONTENT STYLES
*********************/
#content {
  margin-top: 2.2em;
}

/* end .hentry */
/* want to style individual post classes? Booya! */
/* post by id (i.e. post-3) */
/* general post style */
/* general article on a page style */
/* general style on an attatchment */
/* sticky post style */
/* hentry class */
/* style by category (i.e. category-videos) */
/* style by tag (i.e. tag-news) */
/* post meta */
.byline {
  color: #999;
}

/* entry content */
.entry-content {
  /*
    image alignment on a screen this size may be
    a bit difficult. It's set to start aligning
    and floating images at the next breakpoint,
    but it's up to you. Feel free to change it up.
    */
}

.entry-content dd {
  margin-left: 0;
  font-size: 0.9em;
  color: #787878;
  margin-bottom: 1.5em;
}

.entry-content img {
  margin: 0 0 1.5em 0;
  max-width: 100%;
  height: auto;
}

.entry-content video, .entry-content object {
  max-width: 100%;
  height: auto;
}

.entry-content pre {
  background: #eee;
  border: 1px solid #cecece;
  padding: 10px;
}

/* end .entry-content */
.wp-caption {
  max-width: 100%;
  background: #eee;
  padding: 5px;
  /* images inside wp-caption */
}

.wp-caption img {
  max-width: 100%;
  margin-bottom: 0;
  width: 100%;
}

.wp-caption p.wp-caption-text {
  font-size: 0.85em;
  margin: 4px 0 7px;
  text-align: center;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .truncate-vacancy {
    width: 100%;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.wprf-field.error label {
  display: block;
  padding: 5px;
  background-repeat: no-repeat;
  background-position: 10px center;
  border: 2px solid #f00;
}

footer#footer {
  height: auto;
}

html.lt-ie9 .og-expander {
  display: none !important;
  visibility: hidden !important;
}

html.lt-ie9 span.text-content {
  display: none !important;
}

.post-type-archive-vacancy article .article-meta span {
  display: inline-block;
}

#cookie-notice {
  display: none;
}

#cookie-notice[data-storage] {
  display: block;
  position: fixed;
  left: 0;
  width: 100%;
  z-index: 100000;
  background: rgba(80, 80, 80, 0.95);
  color: white;
  padding: 15px 5px;
  -webkit-transition: bottom 2s;
  transition: bottom 2s;
}

#cookie-notice[data-storage] a {
  color: #fff;
}

#cookie-notice.beforeSlide {
  bottom: 0;
}

#cookie-notice.slideDown {
  bottom: -50%;
}

#cookie-close {
  cursor: pointer;
  text-align: right;
  margin: 0 10px 5px;
}

#cookie-close .cross-sign {
  font-size: 21px;
  padding-left: 5px;
  line-height: 0;
}

/*********************
FOOTER STYLES
*********************/
footer {
  clear: both;
  height: 300px;
}

footer h1 {
  text-align: center;
}

footer .switch-language1 {
  width: 45%;
  float: left;
  text-align: right;
}

@media only screen and (max-width: 767px) {
  footer .switch-language1 a {
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
  }
}

footer .switch-language2 {
  width: 45%;
  float: right;
}

@media only screen and (max-width: 767px) {
  footer .switch-language2 a {
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
  }
}

@media only screen and (max-width: 767px) {
  footer .menu-bottom-navigation-container, footer .copyright {
    display: none;
  }
}

footer #bottom-nav {
  text-align: center;
  padding-top: 60px;
}

footer #bottom-nav .small-wrap {
  width: 80%;
  margin: 0 auto;
  text-align: center;
}

footer #bottom-nav .small-wrap nav {
  overflow: hidden;
  float: left;
  width: 50%;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  footer #bottom-nav .small-wrap nav {
    overflow: hidden;
    float: none;
    width: 70%;
  }
}

footer #bottom-nav .small-wrap nav ul {
  overflow: hidden;
  margin-top: 0;
}

footer #bottom-nav span {
  float: left;
  color: #606060;
  margin-right: 3%;
}

@media only screen and (max-width: 767px) {
  footer #bottom-nav span {
    float: none;
  }
}

footer #bottom-nav .menu li {
  float: left;
  margin-right: 3%;
}

footer #bottom-nav .menu li a {
  color: #606060;
  text-decoration: none;
}

footer #bottom-nav .menu li a:hover, footer #bottom-nav .menu li a:active {
  color: black;
  text-decoration: underline;
}

footer #bottom-nav .menu .social {
  width: 20px;
  height: 20px;
  text-indent: -9999px;
  display: inline-block;
}

footer #bottom-nav .menu .social a {
  display: block;
  background: no-repeat center /20px;
}

footer #bottom-nav .menu .social.twitter a {
  background-image: url(../images/twitter_grey.png);
  background-image: url(../images/twitter_grey.svg), none;
}

footer #bottom-nav .menu .social.twitter a:hover {
  background-image: url(../images/twitter_black.png);
  background-image: url(../images/twitter_black.svg), none;
}

footer #bottom-nav .menu .social.linkedin a {
  background-image: url(../images/linkedin_grey.png);
  background-image: url(../images/linkedin_grey.svg), none;
}

footer #bottom-nav .menu .social.linkedin a:hover {
  background-image: url(../images/linkedin_black.png);
  background-image: url(../images/linkedin_black.svg), none;
}

footer #bottom-nav .social-share {
  display: block;
  margin: 0;
  margin-top: -5px;
  float: left;
}

@media only screen and (max-width: 767px) {
  footer #bottom-nav .social-share {
    float: none;
    width: 61px;
    margin: 35px auto 18px;
    clear: both;
  }
}

footer #bottom-nav .social-share li {
  float: left;
  background-size: 25px 25px;
  padding-bottom: 10px;
}

footer #bottom-nav .social-share li a {
  display: block;
  height: 25px;
  text-indent: -9999px;
  width: 30px;
}

footer #bottom-nav .social-share .tw a {
  background: no-repeat center;
  background-size: 20px;
  background-image: url(../images/twitter_grey.png);
  background-image: url(../images/twitter_grey.svg), none;
}

footer #bottom-nav .social-share .tw a:hover {
  background-image: url(../images/twitter_black.png);
  background-image: url(../images/twitter_black.svg), none;
}

footer #bottom-nav .social-share .li a {
  background: no-repeat center;
  background-size: 18px;
  background-image: url(../images/linkedin_grey.png);
  background-image: url(../images/linkedin_grey.svg), none;
}

footer #bottom-nav .social-share .li a:hover {
  background-image: url(../images/linkedin_black.png);
  background-image: url(../images/linkedin_black.svg), none;
}

footer #bottom-nav .social-share .fb a {
  background: url(../images/facebook2.png) no-repeat center;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  footer #bottom-nav .social-share {
    clear: both;
    float: none;
    width: 60px;
    margin: 0 auto;
  }
}

footer #bottom-bar {
  height: 40px;
  width: 100%;
  background-color: #cccccc;
}

footer #bottom-bar #inner-bottom-bar {
  height: 40px;
}

footer #bottom-bar #inner-bottom-bar #logofooter {
  background: no-repeat 1% center;
  background-size: 100%;
  background-image: url(../images/societe.png);
  background-image: url(../images/societe.svg), none;
  float: left;
  height: 40px;
  width: 77px;
}

footer #bottom-bar #inner-bottom-bar .car {
  height: 40px;
  width: 60px;
  background: no-repeat center;
  background-size: 40px;
  background-image: url(../images/icon_aldcar.png);
  background-image: url(../images/icon_aldcar.svg), none;
  float: right;
}

.widget ul.widget-related-colleagues {
  width: 97%;
  margin: 40px auto;
}

.widget ul.widget-related-colleagues li {
  float: left;
  width: 31%;
  margin-left: 1%;
  margin-right: 1%;
  background-color: beige;
  min-height: 400px;
  padding-top: 15px;
}

.widget ul.widget-related-colleagues li h4 {
  margin-bottom: 0;
}

.widget ul.widget-related-colleagues li h5 {
  margin-top: 0;
  text-transform: none;
  font-family: "function_prolight";
  font-size: 16px;
}

.widget ul.widget-related-colleagues li .text {
  border-top: #cccccc 1px solid;
  margin: 20px;
  padding-top: 20px;
}

.widget p.readmore {
  font-family: Helvetica, Arial, sans-serif;
  border: 0;
  padding: 4px 10px 5px 10px;
  color: white;
  display: inline-block;
  font-size: 18px;
  font-family: "function_prolight";
  font-weight: normal;
  text-decoration: none;
  cursor: pointer;
  margin-bottom: 0;
  line-height: 21px;
  background-color: #0073b6;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.widget p.readmore:hover, .widget p.readmore:focus {
  color: white;
  background-color: #42a3d0;
  text-decoration: none;
}

.widget p.readmore:active {
  color: white;
  background-color: #42a3d0;
  text-decoration: none;
}

.widget p.readmore a {
  color: white;
}

.widget_recruiter .entry-thumbnail img {
  width: 100%;
  height: auto;
}

.widget_recruiter .recruiter-content {
  padding-left: 50px;
}

.widget_recruiter .recruiter-content .recruiter-function {
  margin-top: 0;
  text-transform: uppercase;
  color: #606060;
}

.widget_recruiter .recruiter-content .recruiter-name {
  margin-bottom: 0;
}

.widget_recruiter .recruiter-content .recruiter-email a {
  background: no-repeat 0 3px transparent;
  background-size: 32px auto;
  background-image: url(../images/email.png);
  padding-left: 27px;
  width: 32px;
  height: 32px;
  overflow: hidden;
  text-indent: -99999px;
  display: inline-block;
}

@media only screen and (max-width: 767px) {
  .widget_recruiter .recruiter-content {
    padding-left: 0;
  }
}

.widget_recruiter .recruiter-content ul {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}

.widget_recruiter .recruiter-content h5 {
  margin: 0;
}

.widget_recruiter .recruiter-content .share li {
  float: left;
}

.widget_recruiter .recruiter-content .share li a {
  display: inline-block;
  margin: 0 5px 0 0;
  width: 35px;
  height: 35px;
  text-indent: -9999px;
}

.widget_recruiter .recruiter-content .share li a[href^=tel] {
  display: inline;
  text-decoration: none;
}

.widget_recruiter .recruiter-content .share li .in {
  background: url(../images/linkedin.png) no-repeat center;
}

.widget_recruiter .recruiter-content .share li .fb {
  background: url(../images/facebook3.png) no-repeat center;
}

.widget_recruiter .recruiter-content .share li .tw {
  background: url(../images/twitter.png) no-repeat center;
}

.widget_recruiter .recruiter-content .share li .go {
  background: url(../images/google.png) no-repeat center;
}

.widget_text header {
  height: 40px;
}

.widget_text header h2 {
  color: #e5f1f8;
  margin-bottom: 0;
}

#wprf-email-vacancies-form fieldset {
  border: none;
  padding: 0;
}

/* @group Base */
.chzn-container {
  font-size: 13px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  *display: inline;
}

.chzn-container .chzn-drop {
  background: #fff;
  border: 1px solid #aaa;
  border-top: 0;
  position: absolute;
  top: 100%;
  left: -9999px;
  z-index: 1010;
  width: 100%;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  box-sizing: border-box;
}

.chzn-container.chzn-with-drop .chzn-drop {
  left: 0;
}

/* @end */
/* @group Single Chosen */
.chzn-container-single .chzn-single {
  background-color: #ffffff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #aaaaaa;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  height: 31px;
  line-height: 24px;
  padding: 3px 10px 2px 10px;
  color: #444444;
  text-decoration: none;
  margin: 0 1% 0 0;
  width: 100%;
}

.chzn-container-single .chzn-default {
  color: #999;
}

.chzn-container-single .chzn-single span {
  margin-right: 26px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.chzn-container-single .chzn-single-with-deselect span {
  margin-right: 38px;
}

.chzn-container-single .chzn-single abbr {
  display: block;
  position: absolute;
  right: 26px;
  top: 6px;
  width: 12px;
  height: 12px;
  font-size: 1px;
  background: url("../images/chosen-sprite.png") -42px 1px no-repeat;
}

.chzn-container-single .chzn-single abbr:hover {
  background-position: -42px -10px;
}

.chzn-container-single.chzn-disabled .chzn-single abbr:hover {
  background-position: -42px -10px;
}

.chzn-container-single .chzn-single div {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  height: 100%;
  width: 18px;
}

.chzn-container-single .chzn-single div b {
  background: url("../images/chosen-sprite.png") no-repeat 0px 5px;
  display: block;
  width: 100%;
  height: 100%;
}

.chzn-container-single .chzn-search {
  padding: 3px 4px;
  position: relative;
  margin: 0;
  white-space: nowrap;
  z-index: 1010;
}

.chzn-container-single .chzn-search input {
  background: white url("../images/chosen-sprite.png") no-repeat 100% -20px;
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  outline: 0;
  border: 1px solid #aaa;
  font-family: sans-serif;
  font-size: 1em;
  width: 100%;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  box-sizing: border-box;
}

.chzn-container-single .chzn-drop {
  margin-top: -1px;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.chzn-container-single-nosearch .chzn-search {
  position: absolute;
  left: -9999px;
}

/* @end */
/* @group Multi Chosen */
.chzn-container-multi .chzn-choices {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
  margin: 0;
  padding: 7px 3px;
  cursor: text;
  overflow: hidden;
  height: auto !important;
  height: 1%;
  position: relative;
  width: 100%;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  box-sizing: border-box;
}

.chzn-container-multi .chzn-choices li {
  float: left;
  list-style: none;
}

.chzn-container-multi .chzn-choices .search-field {
  white-space: nowrap;
  margin: 0;
  padding: 0;
}

.chzn-container-multi .chzn-choices .search-field input {
  color: #666;
  background: transparent !important;
  border: 0 !important;
  font-family: sans-serif;
  font-size: 100%;
  height: 15px;
  padding: 0;
  margin: 0;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.chzn-container-multi .chzn-choices .search-field .default {
  color: #999;
}

.chzn-container-multi .chzn-choices .search-choice {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #e4e4e4;
  color: #333;
  border: 1px solid #aaaaaa;
  line-height: 13px;
  padding: 3px 20px 3px 5px;
  margin: 3px 0 3px 5px;
  position: relative;
  cursor: default;
}

.chzn-container-multi .chzn-choices .search-choice.search-choice-disabled {
  background-color: #e4e4e4;
  color: #666;
  border: 1px solid #cccccc;
  padding-right: 5px;
}

.chzn-container-multi .chzn-choices .search-choice-focus {
  background: #d4d4d4;
}

.chzn-container-multi .chzn-choices .search-choice .search-choice-close {
  display: block;
  position: absolute;
  right: 3px;
  top: 4px;
  width: 12px;
  height: 12px;
  font-size: 1px;
  background: url("../images/chosen-sprite.png") -42px 1px no-repeat;
}

.chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover {
  background-position: -42px -10px;
}

.chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close {
  background-position: -42px -10px;
}

/* @end */
/* @group Results */
.chzn-container .chzn-results {
  margin: 0 4px 4px 0;
  max-height: 240px;
  padding: 0 0 0 4px;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.chzn-container-multi .chzn-results {
  margin: 0;
  padding: 0;
}

.chzn-container .chzn-results li {
  display: none;
  line-height: 15px;
  padding: 5px 6px;
  margin: 0;
  list-style: none;
}

.chzn-container .chzn-results .active-result {
  cursor: pointer;
  display: list-item;
}

.chzn-container .chzn-results .highlighted {
  background-color: #e5f1f8;
  color: #000;
}

.chzn-container .chzn-results li em {
  background: #feffde;
  font-style: normal;
}

.chzn-container .chzn-results .highlighted em {
  background: transparent;
}

.chzn-container .chzn-results .no-results {
  background: #f4f4f4;
  display: list-item;
}

.chzn-container .chzn-results .group-result {
  cursor: default;
  color: #999;
  font-weight: bold;
}

.chzn-container .chzn-results .group-option {
  padding-left: 15px;
}

.chzn-container-multi .chzn-drop .result-selected {
  display: none;
}

.chzn-container .chzn-results-scroll {
  background: white;
  margin: 0 4px;
  position: absolute;
  text-align: center;
  width: 321px;
  /* This should by dynamic with js */
  z-index: 1;
}

.chzn-container .chzn-results-scroll span {
  display: inline-block;
  height: 17px;
  text-indent: -5000px;
  width: 9px;
}

.chzn-container .chzn-results-scroll-down {
  bottom: 0;
}

.chzn-container .chzn-results-scroll-down span {
  background: url("../images/chosen-sprite.png") no-repeat -4px -3px;
}

.chzn-container .chzn-results-scroll-up span {
  background: url("../images/chosen-sprite.png") no-repeat -22px -3px;
}

/* @end */
/* @group Active  */
.chzn-container-active .chzn-single {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  border: 1px solid #e5f1f8;
}

.chzn-container-active.chzn-with-drop .chzn-single {
  border: 1px solid #aaa;
  background-color: #fff;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.chzn-container-active.chzn-with-drop .chzn-single div {
  background: transparent;
  border-left: none;
}

.chzn-container-active.chzn-with-drop .chzn-single div b {
  background-position: -18px 2px;
}

.chzn-container-active .chzn-choices {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  border: 1px solid #e5f1f8;
}

.chzn-container-active .chzn-choices .search-field input {
  color: #111 !important;
}

/* @end */
/* @group Disabled Support */
.chzn-disabled {
  cursor: default;
  opacity: 0.5 !important;
}

.chzn-disabled .chzn-single {
  cursor: default;
}

.chzn-disabled .chzn-choices .search-choice .search-choice-close {
  cursor: default;
}

/* @group Right to Left */
.chzn-rtl {
  text-align: right;
}

.chzn-rtl .chzn-single {
  padding: 0 8px 0 0;
  overflow: visible;
}

.chzn-rtl .chzn-single span {
  margin-left: 26px;
  margin-right: 0;
  direction: rtl;
}

.chzn-rtl .chzn-single-with-deselect span {
  margin-left: 38px;
}

.chzn-rtl .chzn-single div {
  left: 3px;
  right: auto;
}

.chzn-rtl .chzn-single abbr {
  left: 26px;
  right: auto;
}

.chzn-rtl .chzn-choices .search-field input {
  direction: rtl;
}

.chzn-rtl .chzn-choices li {
  float: right;
}

.chzn-rtl .chzn-choices .search-choice {
  padding: 3px 5px 3px 19px;
  margin: 3px 5px 3px 0;
}

.chzn-rtl .chzn-choices .search-choice .search-choice-close {
  left: 4px;
  right: auto;
}

.chzn-rtl .chzn-search {
  left: 9999px;
}

.chzn-rtl.chzn-with-drop .chzn-search {
  left: 0px;
}

.chzn-rtl .chzn-drop {
  left: 9999px;
}

.chzn-rtl.chzn-container-single .chzn-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}

.chzn-rtl .chzn-results .group-option {
  padding-left: 0;
  padding-right: 15px;
}

.chzn-rtl.chzn-container-active.chzn-with-drop .chzn-single div {
  border-right: none;
}

.chzn-rtl .chzn-search input {
  background: white url("../images/chosen-sprite.png") no-repeat -30px -20px;
  background: url("../images/chosen-sprite.png") no-repeat -30px -20px, -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, white));
  background: url("../images/chosen-sprite.png") no-repeat -30px -20px, -webkit-linear-gradient(top, #eeeeee 1%, white 15%);
  background: url("../images/chosen-sprite.png") no-repeat -30px -20px, -moz-linear-gradient(top, #eeeeee 1%, white 15%);
  background: url("../images/chosen-sprite.png") no-repeat -30px -20px, -o-linear-gradient(top, #eeeeee 1%, white 15%);
  background: url("../images/chosen-sprite.png") no-repeat -30px -20px, linear-gradient(#eeeeee 1%, white 15%);
  padding: 4px 5px 4px 20px;
  direction: rtl;
}

.chzn-container-single.chzn-rtl .chzn-single div b {
  background-position: 6px 2px;
}

.chzn-container-single.chzn-rtl.chzn-with-drop .chzn-single div b {
  background-position: -12px 2px;
}

/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
  .chzn-rtl .chzn-search input, .chzn-container-single .chzn-single abbr, .chzn-container-single .chzn-single div b, .chzn-container-single .chzn-search input, .chzn-container-multi .chzn-choices .search-choice .search-choice-close, .chzn-container .chzn-results-scroll-down span, .chzn-container .chzn-results-scroll-up span {
    background-image: url("../images/chosen-sprite@2x.png") !important;
    background-repeat: no-repeat !important;
    background-size: 52px 37px !important;
    display: none;
  }
}

/* @end */
.ms-drop {
  width: 300px !important;
}

.etabs {
  margin: 0;
  padding: 0;
}

#tab-container {
  padding-top: 20px;
  height: 250px;
}

.tab {
  display: inline-block;
  zoom: 1;
  *display: inline;
  background: #0073b6;
  border-right: solid 1px white;
  border-left: solid 1px white;
  float: left;
  width: 12.5%;
  font-size: 18px;
  display: block;
  padding: 5px 10px;
  cursor: pointer;
  color: white;
  text-align: center;
}

.tab:last-of-type {
  border: none;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .touch .tab:last-of-type {
    width: 13.6%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 770px) {
  .touch .tab:last-of-type {
    width: 14%;
  }
}

.tab.active {
  background: #fff;
  color: red;
  position: relative;
  border: 1px solid #cccccc;
  border-bottom: 0;
}

.tab a.active {
  font-weight: bold;
  background: white;
  color: red;
  text-decoration: none;
}

.tab-container .panel-container {
  background: #fff;
  border: solid #666 1px;
  padding: 10px;
  -moz-border-radius: 0 4px 4px 4px;
  -webkit-border-radius: 0 4px 4px 4px;
}

.tabcontent {
  display: none;
  position: relative;
  clear: both;
  float: left;
  height: 190px;
  width: 100%;
  border: 1px #cccccc solid;
  border-top: none;
  background: white;
  padding: 9% 0;
}

.tabcontent.open {
  display: block;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tabcontent {
    min-height: initial;
  }
}

.tabcontent h2 {
  text-align: left;
  margin-right: 5px;
}

.tabcontent .next-tab {
  position: absolute;
  bottom: 20px;
  right: 20px;
  background: url(../images/arrow-right-small.svg) no-repeat;
  width: 7px;
  height: 15px;
}

.tabcontent .prev-tab {
  position: absolute;
  bottom: 20px;
  left: 20px;
  background: url(../images/arrow-left-small.svg) no-repeat;
  width: 7px;
  height: 15px;
}

#tab1 {
  background: white url(../images/applicationprocedure/selectie.svg) no-repeat 20% center;
  background-size: 25%;
  background-repeat: no-repeat;
}

#tab1 .prev-tab {
  display: none;
}

#tab2 {
  background: white url(../images/applicationprocedure/eerstegesprek.svg) no-repeat 20% 65%;
  background-size: 25%;
}

#tab3 {
  background: white url(../images/applicationprocedure/2degesprek.svg) no-repeat 20% center;
  background-size: 25%;
}

#tab4 {
  background: white url(../images/applicationprocedure/assessment.svg) no-repeat 20% center;
  background-size: 18%;
}

#tab5 {
  background: white url(../images/applicationprocedure/3dgesprek.svg) no-repeat 20% center;
  background-size: 24%;
}

#tab6 {
  background: white url(../images/applicationprocedure/voorstel.svg) no-repeat 20% center;
  background-size: 18%;
}

#tab7 {
  background: white url(../images/applicationprocedure/contracttekenen.svg) no-repeat 20% center;
  background-size: 25%;
}

#tab8 {
  background: white url(../images/applicationprocedure/eerstedag.svg) no-repeat 20% center;
  background-size: 25%;
}

.og-grid {
  list-style: none;
  padding: 20px 0;
  margin: 0 auto;
  text-align: center;
  width: 100%;
}

.og-grid li {
  display: inline-block;
  /*margin: 10px 5px 0 5px;*/
  vertical-align: top;
  margin-bottom: 30px;
}

.og-grid li > a,
.og-grid li > a img {
  border: none;
  outline: none;
  display: block;
  position: relative;
  border: 1px solid #e3e4e9;
}

.og-grid li.og-expanded > a::after {
  top: auto;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-bottom-color: #e5f1f8;
  border-width: 15px;
  left: 50%;
  margin: -20px 0 0 -15px;
}

.og-expander {
  position: absolute;
  background: #e5f1f8;
  top: auto;
  left: 0;
  width: 100%;
  margin-top: 10px;
  text-align: left;
  height: 0;
  overflow: hidden;
}

.og-expander-inner {
  padding: 50px 30px;
  height: 100%;
}

@media only screen and (max-width: 767px) {
  .og-expander-inner {
    padding: 50px 0px 50px 0px;
  }
}

.og-close {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 20px;
  right: 20px;
  cursor: pointer;
  background: url("../images/ogclose.png") no-repeat transparent;
}

.og-close::before,
.og-close::after {
  position: absolute;
  width: 50px;
  top: 50%;
  height: 50px;
}

.og-close:hover::before,
.og-close:hover::after {
  background: #333;
}

.og-fullimg,
.og-details {
  width: 50%;
  float: left;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.og-details {
  padding: 0 40px 0 20px;
}

.og-details .readmore {
  text-align: right;
  text-decoration: none;
  float: right;
  background: no-repeat 98% 48%;
  background-image: url(../images/arrow-right-small.png);
  background-image: url(../images/arrow-right-small.svg), none;
  background-size: 7px;
  padding-right: 15px;
  padding-top: 8px;
}

@media only screen and (max-width: 767px) {
  .og-details .readmore h5 {
    font-size: 13px;
  }
}

.og-details .readmore h5:hover {
  color: black;
}

.og-details .readmore:hover, .og-details .readmore:active {
  background-image: url(../images/arrow-right-small_black.png);
  background-image: url(../images/arrow-right-small_black.svg), none;
  color: black;
}

.og-fullimg {
  text-align: center;
}

.og-fullimg img {
  display: inline-block;
  max-height: 50%;
  max-width: 50%;
}

.og-details h3 {
  font-weight: 300;
  font-size: 36px;
  margin-bottom: 0px;
  margin-top: 0;
}

@media only screen and (max-width: 767px) {
  .og-details h3 {
    font-size: 20px;
  }
}

.og-details h4 {
  font-size: 22px;
  text-transform: none;
  margin: 0;
  color: #606060;
}

@media only screen and (max-width: 767px) {
  .og-details h4 {
    font-size: 18px;
  }
}

.og-details p {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #606060;
}

.og-details a {
  padding: 10px 20px;
  display: inline-block;
  margin: 0;
  outline: none;
}

.og-details span a.linkedin {
  background-image: url("../images/linkedin.png");
  background-repeat: no-repeat;
  background-size: 32px;
  text-indent: -99999px;
}

.og-details span a.facebook {
  background-image: url("../images/facebook3.png");
  background-repeat: no-repeat;
  background-size: 32px;
  text-indent: -99999px;
}

.og-details span a.twitter {
  background-image: url("../images/twitter.png");
  background-repeat: no-repeat;
  background-size: 32px;
  text-indent: -99999px;
}

.og-details span a.google {
  background-image: url("../images/google.png");
  background-repeat: no-repeat;
  background-size: 32px;
  text-indent: -99999px;
}

.og-details span a.email {
  background-image: url("../images/email.png");
  background-repeat: no-repeat;
  background-size: 32px;
  text-indent: -99999px;
}

.og-details a::before {
  /*content: '\2192';*/
  display: inline-block;
  /*margin-right: 10px;*/
}

.og-details a:hover {
  border-color: #999;
  color: #999;
}

.og-loading {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #ddd;
  box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ccc;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  -webkit-animation: loader 0.5s infinite ease-in-out both;
  -moz-animation: loader 0.5s infinite ease-in-out both;
  animation: loader 0.5s infinite ease-in-out both;
}

.colleague-tags {
  color: #0073b6 !important;
  text-transform: uppercase;
}

@-webkit-keyframes loader {
  0% {
    background: #ddd;
  }
  33% {
    background: #ccc;
    box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd;
  }
  66% {
    background: #ccc;
    box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc;
  }
}

@-moz-keyframes loader {
  0% {
    background: #ddd;
  }
  33% {
    background: #ccc;
    box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd;
  }
  66% {
    background: #ccc;
    box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc;
  }
}

@keyframes loader {
  0% {
    background: #ddd;
  }
  33% {
    background: #ccc;
    box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd;
  }
  66% {
    background: #ccc;
    box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc;
  }
}

@media screen and (max-width: 830px) {
  .og-expander p {
    font-size: 13px;
  }
  .og-expander a {
    font-size: 12px;
  }
}

@media screen and (max-width: 650px) {
  .og-fullimg {
    display: none;
  }
  .og-details {
    float: none;
    width: 100%;
  }
}

/*
ONLY MOBILE DEVICES
This is for mobile devices only. This way you can add mobile
execptions without having to restore them for larger devices.
*/
@media only screen and (max-width: 767px) {
  /******************************************************************
Site Name:
Author:

Stylesheet: Base Mobile Stylesheet

Be light and don't over style since everything here will be
loaded by mobile devices. You want to keep it as minimal as
possible. This is called at the top of the main stylsheet
and will be used across all viewports.

******************************************************************/
  /*********************
GENERAL STYLES
*********************/
  .placeholder {
    display: none;
  }
  .content-wrap {
    width: 90%;
  }
  #inner-content > .content-wrap {
    width: 100%;
  }
  .header-search {
    display: none;
  }
  .wrap {
    width: 90%;
  }
  /*********************
HOME STYLES
*********************/
  #block-one, #block-search {
    display: none;
  }
  .home #block-six .greyline {
    display: none;
  }
  /*********************
ARCHIVE VACANCY STYLES
*********************/
  /*********************
SINGLE VACANCY STYLES
*********************/
  .single-vacancy #inner-content {
    clear: both;
  }
  .single-vacancy .og-grid li {
    margin-bottom: 0;
  }
  /*********************
404error TEMPLATE
*********************/
  /********************/
  /*********************
Page about template
*********************/
  /*********************
Single afdeling
*********************/
  /*********************
MOBILE BUTTONS
*********************/
  *,
  *:after,
  *::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #mobile-menu {
    position: fixed;
    top: 0;
    margin-left: 0;
  }
  .mobile-menu-main,
  .mobile-menu-main ul {
    position: relative;
    margin: 0;
    padding: 0;
    color: #e5f1f8;
    list-style: none;
    text-transform: none;
    font-weight: 300;
    line-height: 60px;
    z-index: 9999;
  }
  .mobile-menu-main ul {
    background: white;
    text-align: center;
  }
  #menu-main-mobile-navigation ul.sub-menu li a {
    color: #0073b6;
    text-transform: lowercase;
  }
  #menu-main-mobile-navigation ul.sub-menu li a:hover {
    color: black;
  }
  .mobile-menu-main ul.sub-menu {
    display: none;
  }
  .mobile-menu-main ul.sub-menu li {
    background-color: #f4f4f4;
  }
  .mobile-menu-main {
    width: 100%;
    height: 60px;
    border-bottom: 1px solid #cccccc;
    font-size: 13px;
    background: white;
  }
  .mobile-menu-main a {
    display: block;
    height: 80%;
    color: #0073b6;
    text-decoration: none;
    cursor: pointer;
    text-transform: uppercase;
  }
  .mobile-menu-main li ul li a {
    padding: 0 20px;
  }
  .mobile-menu-main > li {
    height: 100%;
    text-align: center;
    position: relative;
    float: right;
  }
  /* icon-only trigger (menu item) */
  .mobile-menu-main li.mobile-trigger {
    float: right;
    position: relative;
    padding-top: 10px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .mobile-menu-main li.mobile-trigger ul#menu-mobile a {
    color: black;
  }
  .mobile-menu-main li.mobile-trigger > a.mobile-icon {
    border-left: 1px solid #cccccc;
    text-indent: -9999px;
    background: url(../images/mobile-trigger.png) no-repeat 20px 10px;
    background: url(../images/mobile-trigger.svg) no-repeat 20px 10px;
    background-size: 28px;
  }
  .searchtrigger {
    padding-top: 10px;
    margin-right: 3px;
  }
  .searchtrigger a {
    background: url(../images/vergrootglas2.png) no-repeat 20px 10px;
    background: url(../images/vergrootglas2.svg) no-repeat 20px 10px;
    background-size: 20px;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    min-width: 60px !important;
    display: inline-block;
  }
  .mobile-menu-main > li:first-child {
    float: left;
    border-right: none;
    width: 150px;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
    margin-left: 4%;
  }
  .mobile-menu-main > li > a {
    padding: 0 30px;
    min-width: 70px;
  }
  .mobile-menu-main:after {
    display: table;
    clear: both;
    content: "";
  }
  .mobile-menu-wrapper {
    position: fixed;
    top: 60px;
    bottom: 0;
    left: 0;
    overflow: hidden;
    width: 0;
    background: white;
    -webkit-transform: translateX(-60px);
    -moz-transform: translateX(-60px);
    transform: translateX(-60px);
    -webkit-transition: -webkit-transform 0.3s, width 0.3s;
    -moz-transition: -moz-transform 0.3s, width 0.3s;
    transition: transform 0.3s, width 0.3s;
  }
  .mobile-scroller {
    position: absolute;
    overflow-y: scroll;
    width: 100%;
    height: 100%;
  }
  .mobile-scroller #language-switch {
    height: 50px;
    width: 100%;
    display: none;
  }
  .mobile-scroller #language-switch ul {
    height: 50px;
    background-color: #f4f4f4;
  }
  .mobile-scroller #language-switch ul li {
    height: 20px;
    margin-top: 15px;
    margin-bottom: 15px;
    background-color: #f4f4f4;
    width: 33%;
    float: left;
    text-align: center;
  }
  .mobile-scroller #language-switch ul li img {
    height: 20px;
    margin-bottom: 15px;
  }
  .mobile-scroller #language-switch ul li:nth-of-type(2) {
    border-left: 1px solid #0073b6;
    border-right: 1px solid #0073b6;
  }
  .mobile-menu {
    border-bottom: 1px solid #e3e4e9;
    text-align: left;
    font-size: 14px;
    background: #e5f1f8;
    margin: 0;
    padding-right: 10px;
  }
  .mobile-menu li:not(:first-child),
  .mobile-menu li li {
    box-shadow: inset 0 1px #e3e4e9;
  }
  .mobile-submenu li {
    overflow: hidden;
    height: 0;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    transition: height 0.3s;
  }
  .mobile-submenu li a {
    color: #c1c9d1;
  }
  #block-search-mobile {
    visibility: hidden;
    background: #f4f4f4;
    border-bottom: 1px solid #cccccc;
    position: relative;
    z-index: 999;
    margin-top: -16px;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  #block-search-mobile.displaysearch {
    margin-top: 60px;
    visibility: visible;
  }
  input.mobile-search {
    position: relative;
    padding-left: 10px;
    outline: none;
    border: 1px solid #0073b6;
    background: white;
    color: #5f6f81;
    font-weight: 300;
    font-family: Helvetica, Arial, sans-serif;
    cursor: pointer;
    margin: 15px 0px 15px 0px;
    height: 40px;
    width: 95%;
    -webkit-appearance: none;
    background: url(../images/vergrootglas2.png) no-repeat 95% 50% white;
    background: url(../images/vergrootglas2.svg) no-repeat 95% 50% white;
    background-size: 20px;
  }
  input.mobile-search:focus, input.mobile-search:active {
    background: white;
  }
  .mobile-search-item {
    position: relative;
    padding-top: 60px;
  }
  .mobile-search-item form {
    padding-right: 20px;
  }
  /* placeholder */
  .mobile-search::-webkit-input-placeholder {
    color: #5f6f81;
  }
  .mobile-search:-moz-placeholder {
    color: #5f6f81;
  }
  .mobile-search::-moz-placeholder {
    color: #5f6f81;
  }
  .mobile-search:-ms-input-placeholder {
    color: #5f6f81;
  }
  /* hide placeholder when active in Chrome */
  .mobile-search:focus::-webkit-input-placeholder,
  .no-touch .mobile-menu li.mobile-search-item:hover .mobile-search:focus::-webkit-input-placeholder {
    color: transparent;
  }
  input.mobile-search:focus {
    cursor: text;
  }
  .no-touch .mobile-menu li.mobile-search-item:hover input.mobile-search {
    color: black;
  }
  /* placeholder */
  .no-touch .mobile-menu li.mobile-search-item:hover .mobile-search::-webkit-input-placeholder {
    color: black;
  }
  .no-touch .mobile-menu li.mobile-search-item:hover .mobile-search:-moz-placeholder {
    color: black;
  }
  .no-touch .mobile-menu li.mobile-search-item:hover .mobile-search::-moz-placeholder {
    color: black;
  }
  .no-touch .mobile-menu li.mobile-search-item:hover .mobile-search:-ms-input-placeholder {
    color: black;
  }
  a.mobile-icon-search {
    position: absolute;
    top: 15px;
    left: 15px;
    padding: 0;
    height: 60px;
    width: 60px;
  }
  .mobile-icon::before {
    display: inline-block;
    width: 60px;
    text-align: center;
    text-transform: none;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    font-family: 'ecoicons';
    line-height: 1;
    speak: none;
    -webkit-font-smoothing: antialiased;
  }
  .mobile-icon-help::before {
    content: "\e000";
  }
  .mobile-icon-earth::before {
    content: "\e004";
  }
  .mobile-icon-cog::before {
    content: "\e006";
  }
  .mobile-icon-download::before {
    content: "\e007";
  }
  .mobile-icon-photoshop::before {
    content: "\e001";
  }
  .mobile-icon-illustrator::before {
    content: "\e002";
  }
  .mobile-icon-archive::before {
    content: "\e00d";
  }
  .mobile-icon-article::before {
    content: "\e003";
  }
  .mobile-icon-pictures::before {
    content: "\e008";
  }
  .mobile-icon-videos::before {
    content: "\e009";
  }
  /* if an icon anchor has a span, hide the span */
  .mobile-icon span {
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  .mobile-icon-menu {
    width: 30px;
    height: 30px;
    background: url(../images/menu.svg) no-repeat 15px;
    background-size: 50px;
  }
  .mobile-icon-menu:hover {
    background: url(../images/menu.svg) no-repeat 15px;
    background-size: 50px;
  }
  .no-touch .mobile-icon-menu:hover .no-touch .mobile-icon-menu.mobile-selected:hover {
    background: url(../images/menu-on.svg) no-repeat 15px;
    background-size: 50px;
  }
  .mobile-icon-menu.mobile-selected::before {
    background: url(../images/menu-on.svg) no-repeat 15px;
    background-size: 50px;
  }
  /* styles for opening menu */
  .mobile-menu-wrapper.mobile-open-all,
  .mobile-menu-wrapper.mobile-open-part {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    transform: translateX(0px);
  }
  .mobile-menu-wrapper.mobile-open-all {
    width: 100%;
  }
  .mobile-menu-wrapper.mobile-open-all .mobile-submenu li {
    height: 60px;
  }
}

@media only screen and (max-width: 767px) and (max-width: 422px) {
  .mobile-menu-wrapper.mobile-open-all {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    transform: translateX(0px);
    width: 100%;
  }
  .mobile-menu-wrapper.mobile-open-all .mobile-scroller {
    width: 100%;
  }
}

/*
LARGER MOBILE DEVICES
This is for devices like the Galaxy Note or something that's
larger than an iPhone but smaller than a tablet. Let's call them
tweeners.
*/
@media only screen and (min-width: 481px) {
  /******************************************************************
Site Name: 
Author: 

Stylesheet: 481px and Up Stylesheet

This stylesheet is loaded for larger devices. It's set to 
481px because at 480px it would load on a landscaped iPhone.
This isn't ideal because then you would be loading all those
extra styles on that same mobile connection. 

A word of warning. This size COULD be a larger mobile device,
so you still want to keep it pretty light and simply expand
upon your base.scss styles.

******************************************************************/
  /*********************
NAVIGATION STYLES
*********************/
  /* .menu is clearfixed inside mixins.scss */
  .menu {
    /* end .menu ul */
  }
  .menu ul {
    /* end .menu ul li */
    /* highlight current page */
    /* end current highlighters */
  }
  .menu ul li {
    /*
      plan your menus and drop-downs wisely.
      */
  }
  .menu ul li a {
    /*
        you can use hover styles here even though this size
        has the possibility of being a mobile device.
        */
  }
  /* end .menu */
  /*********************
POSTS & CONTENT STYLES
*********************/
  /* entry content */
  .entry-content {
    /* at this larger size, we can start to align images */
  }
  .entry-content .alignleft, .entry-content img.alignleft {
    margin-right: 1.5em;
    display: inline;
    float: left;
  }
  .entry-content .alignright, .entry-content img.alignright {
    margin-left: 1.5em;
    display: inline;
    float: right;
  }
  .entry-content .aligncenter, .entry-content img.aligncenter {
    margin-right: auto;
    margin-left: auto;
    display: block;
    clear: both;
  }
  /* end .entry-content */
  /*********************
FOOTER STYLES
*********************/
  /*
check your menus here. do they look good?
do they need tweaking?
*/
  /* end .footer-links */
}

/*
TABLET & SMALLER LAPTOPS
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*/
@media only screen and (min-width: 767px) {
  .onecol {
    width: 5.801104972%;
  }
  .twocol {
    width: 14.364640883%;
  }
  .threecol {
    width: 22.928176794%;
  }
  .fourcol {
    width: 31.491712705%;
  }
  .fivecol {
    width: 40.055248616%;
  }
  .sixcol {
    width: 48.618784527%;
  }
  .sevencol {
    width: 57.182320438000005%;
  }
  .eightcol {
    width: 65.74585634900001%;
  }
  .ninecol {
    width: 74.30939226%;
  }
  .tencol {
    width: 82.87292817100001%;
  }
  .elevencol {
    width: 91.436464082%;
  }
  .twelvecol {
    width: 99.999999993%;
  }
  .onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol {
    position: relative;
    float: left;
    margin-left: 2.762430939%;
  }
  .first {
    margin-left: 0;
  }
  .last {
    float: right;
  }
  /******************************************************************
Site Name:
Author:

Stylesheet: Tablet & Small Desktop Stylesheet

Here's where you can start getting into the good stuff.
This size will work on iPads, other tablets, and desktops.
So you can start working with more styles, background images,
and other resources. You'll also notice the grid starts to
come into play. Have fun!

******************************************************************/
  /*********************
GENERAL STYLES
*********************/
  body {
    font-size: 15px;
  }
  /*********************
LAYOUT & GRID STYLES
*********************/
  .wrap {
    max-width: 1140px;
  }
  /*********************
HEADER STYLES
*********************/
  .header #inner-header {
    height: 90px;
  }
  #inner-header {
    height: auto;
  }
  #mobile-triggers {
    display: none;
  }
  .mobile-menu {
    display: none;
  }
  .header-search {
    position: relative;
    display: block;
    text-align: right;
    margin-left: 20px;
    width: 16%;
  }
}

@media only screen and (min-width: 767px) and (min-width: 768px) and (max-width: 1024px) {
  .header-search {
    margin-left: 0;
  }
}

@media only screen and (min-width: 767px) {
  .header-search input[type="text"] {
    margin: 20px 0 10px 0;
    padding: 7px 30px 5px 25px;
    width: 100%;
    border: 1px solid #cccccc;
    border-radius: 4px;
    font-size: 13px;
    font-family: "function_prolight";
    background: url(../images/vergrootglas.png) no-repeat 4% center;
    outline: 0;
  }
  .header-search input[type="submit"] {
    position: absolute;
    top: 14px;
    right: 6px;
    width: 24px;
    height: 24px;
    border: 0;
    text-indent: -9999px;
    background: transparent;
  }
  /*********************
NAVIGATION STYLES
*********************/
  .main-nav {
    margin-top: 9px;
    display: block;
    float: left;
    clear: both;
    width: 100%;
    border-top: 1px solid #e3e4e9;
    border-bottom: 1px solid #e3e4e9;
    /* end .menu ul li */
    /* highlight current page */
    /* end current highlighters */
  }
  .main-nav ul {
    display: block;
    margin: 0;
    float: left;
    width: 100%;
    /*
        plan your menus and drop-downs wisely.
        */
  }
  .main-nav ul li.current-menu-item {
    background: #0073b6;
  }
  .main-nav ul li.current-menu-item a {
    color: white;
  }
  .main-nav ul li {
    display: block;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 16.66666666666%;
    border-left: 1px solid #e3e4e9;
    float: left;
  }
  .main-nav ul li:hover, .main-nav ul li:active {
    background: #0073b6;
    color: white;
  }
  .main-nav ul li:hover > a, .main-nav ul li:active > a {
    color: white;
  }
  .main-nav ul li a {
    display: block;
    padding: 5px 10px;
    color: #0073b6;
    /*
                you can use hover styles here even though this size
                has the possibility of being a mobile device.
                */
  }
  .main-nav ul li a:hover, .main-nav ul li a:active {
    color: white;
  }
  .main-nav ul li#menu-item-15 > a {
    cursor: default;
  }
  .main-nav ul li:last-child {
    border-right: 1px solid #e3e4e9;
  }
  .main-nav ul li.menu-item-has-children {
    /* showing sub-menus */
  }
  .main-nav ul li.menu-item-has-children:hover ul.sub-menu {
    top: auto;
    display: block;
  }
  .main-nav ul ul.sub-menu,
  .main-nav ul ul.children {
    margin-top: 0;
    border: 0px solid #ccc;
    border-top: 0;
    position: absolute;
    display: none;
    z-index: 8999;
    max-width: 202px;
    /* highlight sub-menu current page */
  }
  .main-nav ul ul.sub-menu li,
  .main-nav ul ul.children li {
    float: left;
    background: white;
    width: 100%;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    /*
                if you need to go deeper, go nuts
                just remember deeper menus suck
                for usability. k, bai.
                */
  }
  .main-nav ul ul.sub-menu li:hover,
  .main-nav ul ul.children li:hover {
    border-left: 1px solid #0073b6;
    border-right: 1px solid #0073b6;
  }
  .main-nav ul ul.sub-menu li a,
  .main-nav ul ul.children li a {
    padding-left: 10px;
    border-right: 0;
    display: block;
    width: 100%;
    border-bottom: 1px solid #ccc;
  }
  .main-nav ul ul.sub-menu li a:hover, .main-nav ul ul.sub-menu li a:focus,
  .main-nav ul ul.children li a:hover,
  .main-nav ul ul.children li a:focus {
    color: white;
    background-color: #0073b6;
  }
  .main-nav ul ul.sub-menu li:hover .menu-item-has-children ul.sub-menu,
  .main-nav ul ul.children li:hover .menu-item-has-children ul.sub-menu {
    top: auto;
    display: block;
    width: 12.2%;
  }
  .main-nav ul ul.sub-menu li.current-menu-item,
  .main-nav ul ul.sub-menu li.current_page_item,
  .main-nav ul ul.sub-menu li.current-page-ancestor,
  .main-nav ul ul.children li.current-menu-item,
  .main-nav ul ul.children li.current_page_item,
  .main-nav ul ul.children li.current-page-ancestor {
    background: #0073b6;
  }
  /* end .nav */
  #mobile-menu {
    display: none;
  }
  #search form {
    display: block;
  }
  #search form input[type=text],
  #search form input[type=email],
  #search form input[type=url] {
    width: 90%;
  }
  /*********************
SIDEBARS & ASIDES
*********************/
  .widgettitle {
    margin-bottom: 0.75em;
  }
  .widget {
    margin: 0 0 20px 0;
  }
  .widget ul li {
    margin-bottom: 0.75em;
    /* deep nesting */
  }
  .widget ul li ul {
    margin-top: 0.75em;
    padding-left: 1em;
  }
  /*********************
FOOTER STYLES
*********************/
  #footer .widget .textwidget p {
    font-size: 13px;
    line-height: 1.6em;
  }
  /***********************
APPLICATION FORM STYLES
***********************/
  #wprf-application-form .wprf-field {
    clear: right;
    width: 48%;
  }
  #wprf-application-form .wprf-submit {
    clear: both;
    width: 100%;
    text-align: center;
    margin-bottom: 50px;
  }
  #wprf-application-form .wprf-field:nth-of-type(1) {
    width: 48%;
    float: left;
  }
  #wprf-application-form .wprf-field:nth-of-type(2) {
    width: 48%;
    float: right;
    clear: right;
  }
  #wprf-application-form .wprf-field:nth-of-type(2) input {
    width: 100%;
  }
  #wprf-application-form .wprf-field:nth-of-type(3) {
    width: 48%;
    float: right;
    clear: right;
  }
  #wprf-application-form .wprf-field:nth-of-type(3) input {
    width: 100%;
  }
  #wprf-application-form .wprf-field:nth-of-type(4) {
    width: 48%;
    float: left;
    clear: left;
  }
  #wprf-application-form .wprf-field:nth-of-type(4) input {
    width: 100%;
  }
  #wprf-application-form .wprf-field:nth-of-type(5) {
    width: 48%;
    float: left;
    clear: left;
  }
  #wprf-application-form .wprf-field:nth-of-type(5) input {
    width: 100%;
  }
  #wprf-application-form .wprf-field:nth-of-type(6) {
    width: 48%;
    float: left;
    clear: left;
  }
  #wprf-application-form .wprf-field:nth-of-type(6) input {
    width: 32.6%;
    padding: 0;
  }
}

@media only screen and (min-width: 767px) and (min-width: 768px) and (max-width: 1024px) {
  #wprf-application-form .wprf-field:nth-of-type(6) input {
    width: 32.3%;
  }
}

@media only screen and (min-width: 767px) {
  #wprf-application-form .wprf-field:nth-of-type(7) {
    width: 48%;
    float: left;
    clear: left;
  }
  #wprf-application-form .wprf-field:nth-of-type(7) input {
    width: 100%;
  }
  #wprf-application-form .wprf-field:nth-of-type(8) {
    width: 48%;
    float: left;
    clear: left;
  }
  #wprf-application-form .wprf-field:nth-of-type(8) input {
    width: 100%;
  }
  #wprf-application-form .wprf-field:nth-of-type(9) {
    width: 48%;
    float: left;
    clear: left;
  }
  #wprf-application-form .wprf-field:nth-of-type(9) input {
    width: 100%;
  }
  #wprf-application-form .wprf-field:nth-of-type(10) {
    width: 48%;
    float: left;
    clear: left;
  }
  #wprf-application-form .wprf-field:nth-of-type(10) input {
    width: 100%;
  }
  #wprf-application-form .wprf-field:nth-of-type(11) {
    width: 48%;
    float: left;
    clear: left;
    margin-bottom: 50px;
  }
  #wprf-application-form .wprf-field:nth-of-type(11) input {
    width: 100%;
  }
  /***********************
HOME STYLES
***********************/
  #block-five {
    min-height: 650px;
    background-color: #e5f1f8;
    position: relative;
  }
  #block-five h1 {
    margin-top: 0;
    padding-top: 40px;
  }
  #block-five ul {
    position: relative;
  }
  #block-five li {
    width: 20%;
  }
  #block-five li:nth-of-type(1) {
    float: left;
    margin-right: 5%;
    width: 20%;
  }
  #block-five li:nth-of-type(2) {
    float: left;
    margin-left: 1.666666%;
    margin-right: 3.333333%;
    width: 20%;
  }
  #block-five li:nth-of-type(4) {
    float: right;
    margin-left: 3.333333%;
    margin-right: 1.666666%;
    display: block;
  }
  #block-five li:nth-of-type(3) {
    float: right;
    margin-left: 5%;
    display: block;
  }
  #block-five header {
    background-color: #e5f1f8;
  }
  #block-five .entry-content {
    display: none;
    border: 3px solid #42a3d0;
    position: absolute;
    left: 0px;
    margin-top: 20px;
    width: 100%;
    background-color: white;
  }
  #block-five .entry-content:hover, #block-five .entry-content:active {
    border: 3px solid #42a3d0;
  }
  #block-five .entry-content .colleague-excerpt {
    padding: 10px;
  }
  #block-five .colleague-tags {
    border-top: 3px solid #d8d9db;
    background: url(../images/icon.png) no-repeat 5px 5px;
    background-size: 46px;
    min-height: 55px;
    padding: 10px 10px 10px 60px;
  }
  #block-five .entry-thumbnail img {
    width: 100%;
    height: auto;
  }
  #block-five .entry-thumbnail:hover, #block-five .entry-thumbnail:active {
    border: 3px solid #42a3d0;
  }
  #block-five .downarrow {
    height: 10px;
    margin-top: -1px;
    background: url(../images/downarrow.png) no-repeat center;
    display: none;
  }
  #block-five .entry-thumbnail:hover + .entry-content + .downarrow {
    display: block;
  }
  #block-five .entry-thumbnail:hover + .entry-content {
    display: block;
  }
  #block-five .entry-thumbnail:hover + .downarrow {
    display: block;
  }
  #block-five .wrap {
    z-index: 10;
    background: #e5f1f8;
    position: relative;
  }
  #block-five .greyline {
    height: 80px;
  }
  #block-search-mobile {
    display: none;
  }
}

/*
DESKTOP
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*/
@media only screen and (min-width: 1030px) {
  /******************************************************************
Site Name:
Author:

Stylesheet: Desktop Stylsheet

This is the desktop size. It's larger than an iPad so it will only
be seen on the Desktop.

******************************************************************/
  .showtablet {
    display: none;
  }
}

/*
LARGE VIEWING SIZE
This is for the larger monitors and possibly full screen viewers.
*/
@media only screen and (min-width: 1240px) {
  /******************************************************************
Site Name: 
Author: 

Stylesheet: Super Large Monitor Stylesheet

You can add some advanced styles here if you like. This kicks in
on larger screens.

******************************************************************/
}

/*
RETINA (2x RESOLUTION DEVICES)
This applies to the retina iPhone (4s) and iPad (2,3) along with
other displays with a 2x resolution. You can also create a media
query for retina AND a certain size if you want. Go Nuts.
*/
@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-device-pixel-ratio: 1.5) {
  /******************************************************************
Site Name: 
Author: 

Stylesheet: Retina Screens & Devices Stylesheet

When handling retina screens you need to make adjustments, especially
if you're not using font icons. Here you can add them in one neat
place.

******************************************************************/
  /* 

EXAMPLE 
Let's say you have an image and you need to make sure it looks ok
on retina screens. Let's say we have an icon which dimension are
24px x 24px. In your regular stylesheets, it would look something
like this:

.icon {
	width: 24px;
	height: 24px;
	background: url(img/test.png) no-repeat;
}

For retina screens, we have to make some adjustments, so that image
doesn't look blurry. So, taking into account the image above and the
dimensions, this is what we would put in our retina stylesheet:

.icon {
	background: url(img/test@2x.png) no-repeat;
	background-size: 24px 24px;
}

So, you would create the same icon, but at double the resolution, meaning 
it would be 48px x 48px. You'd name it the same, but with a @2x at the end
(this is pretty standard practice). Set the background image so it matches
the original dimensions and you are good to go. 

*/
}

/*
iPHONE 5 MEDIA QUERY
Want to get fancy for no good reason? Knock yourself out.
*/
/*
PRINT STYLESHEET
Feel free to customize this. Remember to add things that won't make
sense to print at the bottom. Things like nav, ads, and forms should
be set to display none.
*/
@media print {
  /******************************************************************
Site Name:
Author:

Stylesheet: Print Stylesheet

This is the print stylesheet. There's probably not a lot
of reasons to edit this stylesheet. If you want to
though, go for it.

******************************************************************/
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  a, a:visited {
    color: #444 !important;
    text-decoration: underline;
  }
  a:after, a:visited:after {
    content: " (" attr(href) ")";
  }
  a abbr[title]:after, a:visited abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr, img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  #container,
  header,
  #block-middle,
  #block-vacancies,
  #block-jobalert,
  #block-department,
  #block-recruiter,
  footer,
  nav,
  .reminder {
    display: none;
  }
  .apply-button {
    float: left;
    width: 100%;
    font-size: 14px;
  }
  #inner-content {
    padding-top: 0 !important;
  }
  section > div {
    position: relative !important;
    overflow: visible !important;
  }
}

/*# sourceMappingURL=style.css.map */