@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v49/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbVmUiA8.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v49/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuZtalmUiA8.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoslab/v36/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjo0oSmb2Rm.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoslab/v36/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjojISmb2Rm.ttf) format('truetype');
}
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/

// ==========================================================================
// Base styles: opinionated defaults
// ==========================================================================

// Moved global H5BP text styles to global.less


// Remove text-shadow in selection highlight: h5bp.com/i
// These selection rule sets have to be separate.
// Customize the background color to match your design.
*/
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}
::selection {
  background: #b3d4fc;
  text-shadow: none;
}
/* A better looking default horizontal rule */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #CCCCCC;
  margin: 1em 0;
  padding: 0;
}
/* Remove the gap between images, videos, audio and canvas and the bottom of
// their containers: h5bp.com/i/440
*/
audio,
canvas,
img,
video {
  vertical-align: middle;
}
/* Remove default fieldset styles */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
/* Allow only vertical resizing of textareas */
textarea {
  resize: vertical;
}
/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
/*	CROSS BROWSER HELPERS

	http://lesselements.com/test.html
	mixins that focus on consolidating cross-browser prefixes

	.gradient(#6CB1EE, #4F85B2, #BCE6FF);
	.bw-gradient(#EEE, 150, 255);
	.bordered(#DDD, #BBB, #555, #BBB);
	.drop-shadow(2px, 5px, 10px, 0.5);
	.rounded(10px);
	.border-radius(10px, 10px, 0, 0);
	.opacity(0.4);
	.transition-duration(0.5s);
	.rotation(20deg);
	.scale(0.5);
	.transition(1s, linear);
	.inner-shadow(2px, 5px, 10px, 0.5);
	.box-shadow(2px 5px 10px green);
	.columns(40px, 3, 20px, #EEE, solid, 1px);
	.translate(100px, 0);
	.box-sizing(border-box);
	.user-select(none); 
*/
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.row:before,
.row:after {
  content: " ";
  display: table;
}
.row:after {
  clear: both;
}
.lt-ie8 .row {
  zoom: 1;
}
.row {
  position: relative;
  clear: both;
  margin: 0 auto;
  max-width: 1400px;
  padding: 0 10px;
}
.span-1,
.span-2,
.span-3,
.span-4,
.span-5,
.span-6,
.span-7,
.span-8,
.span-9,
.span-10,
.span-11,
.span-12 {
  position: relative;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}
.span-12 {
  width: 100%;
}
.span-11 {
  width: 91.66666667%;
}
.span-10 {
  width: 83.33333333%;
}
.span-9 {
  width: 75%;
}
.span-8 {
  width: 66.66666667%;
}
.span-7 {
  width: 58.33333333%;
}
.span-6 {
  width: 50%;
}
.span-5 {
  width: 41.66666667%;
}
.span-4 {
  width: 33.33333333%;
}
.span-3 {
  width: 25%;
}
.span-2 {
  width: 16.66666667%;
}
.span-1 {
  width: 8.33333333%;
}
html,
button,
input,
select,
textarea {
  font-family: 'Roboto Slab', serif;
  color: #1e1e1e;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
html {
  font-size: 18px;
  line-height: 1.6;
  background: #ff7006;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-weight: 300;
}
header,
#main,
footer {
  clear: both;
}
header {
  background: #FFF;
  padding-top: 55px;
}
header .container {
  background: #ff7006;
}
#main {
  background: #FFF;
}
footer {
  background: #ff7006;
}
p,
ul,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
form,
table,
fieldset {
  padding: 0;
  margin: 0 0 40px 0;
  color: #1e1e1e;
}
p {
  margin-bottom: 30px;
}
h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  line-height: 1.2;
  color: #009fe3;
  text-decoration: none;
}
h1,
h1 a {
  color: #009fe3;
  font-size: 44px;
  margin-bottom: 13px;
}
h2,
h2 a {
  color: #ff7006;
  font-size: 22px;
  margin-bottom: 14px;
}
h3,
h3 a {
  color: #009fe3;
  font-size: 20px;
}
ul,
ol {
  list-style: none;
}
li {
  padding-left: 18px;
  background: url('/img/li.png') 5px 8px no-repeat;
}
address {
  font-style: normal;
}
a,
.fake-link {
  cursor: pointer;
  color: #009fe3;
  text-decoration: underline;
}
a:hover,
.fake-link:hover {
  text-decoration: none;
}
table td,
table th {
  vertical-align: top;
}
label,
.fake-label {
  display: inline-block;
  vertical-align: top;
}
form label + label {
  margin-left: 10px;
}
input[type="text"],
input[type="email"],
input[type="password"],
select,
textarea {
  width: 200px;
  padding: 3px;
  border: 1px solid #CCCCCC;
}
input[type="text"]:hover,
input[type="email"]:hover,
input[type="password"]:hover,
select:hover,
textarea:hover,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus {
  border-color: #3399ff;
}
textarea {
  height: 80px;
}
input[type="checkbox"],
input[type="radio"] {
  position: relative;
  top: 1px;
  margin-right: 4px;
}
input[type="submit"],
button[type="submit"],
.button {
  background: #ff7006;
  border: none;
  color: #FFF;
  padding: 5px 15px;
  margin-top: 10px;
  cursor: pointer;
  text-decoration: none;
}
input[type="submit"]:hover,
button[type="submit"]:hover,
.button:hover {
  background: #994304;
}
fieldset {
  padding: 10px;
  border: 1px solid #CCCCCC;
}
legend {
  margin-left: -5px;
  padding: 0 5px;
}
#scrollupContainer {
  position: fixed;
  bottom: 0px;
  right: 0px;
  left: 0px;
  z-index: 1000;
  height: 0px;
}
#scrollupContainer #scrollupInner {
  position: relative;
}
#scrollupContainer .scrollup {
  /*position: fixed;
		bottom: 14px;*/
  right: 7px;
  position: absolute;
  bottom: 40px;
  right: 0px;
  display: none;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  font-size: 15px;
  line-height: 15px;
  z-index: 1000;
}
#scrollupContainer .scrollup i:before {
  padding: 14px 13px;
  background-color: #ff7006;
  color: #FFF;
  margin: 0px 0px 14px 0px;
  font-size: 36px;
  width: 40px;
  height: 36px;
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.4);
}
#scrollupContainer .scrollup i:hover {
  opacity: 0.8;
}
form table th,
form table td {
  padding: 4px 8px 4px 0;
  word-wrap: break-word;
}
form table label,
form table .fake-label {
  margin-top: 2px;
}
@media only screen and (min-width: 1200px) {
  .row {
    padding: 0 55px;
  }
}
@media only screen and (max-width: 400px) {
  input[type="text"],
  input[type="email"],
  input[type="password"],
  select,
  textarea {
    width: 100%;
  }
  input[type="checkbox"],
  input[type="radio"] {
    float: left;
    margin-top: 2px;
  }
}
/* ==========================================================================
// Javascript and jQuery classes
// ==========================================================================
*/
.accordion-block .record {
  margin: 0 0 3px 0;
}
.accordion-block .record h3.header {
  cursor: pointer;
  padding: 10px;
  background-color: #DBDBDB;
  margin-bottom: 0px;
  max-width: none;
}
.accordion-block .record div.content {
  border: 1px solid #DBDBDB;
  padding: 10px;
  display: none;
  max-width: 700px;
}
/* set navigation absolute (@rNavAbsolute) to true, change sub-slide-menu-active to appropriate */
@media only screen and (max-width: 1075px) {
  #main-nav .fold-out,
  #main-nav .sub-fold-out {
    display: none;
    background: #ff7006;
  }
  #main-nav .parent:hover ul,
  #main-nav .sub-parent:hover ul {
    display: none;
  }
  #main-nav .slide-menu-active.parent > span.back,
  #main-nav .sub-slide-menu-active.sub-parent > span.back {
    display: inline-block;
    float: left;
    width: 40px;
    height: 41px;
    margin: 0 15px 0 0;
    cursor: pointer;
    background-image: url(/img/arrow-back.png);
    background-position: 15px center;
    background-repeat: no-repeat;
    border: 0 solid #ff7006;
    border-right-width: 1px;
  }
  #main-nav .slide-menu-active.parent > span.back:hover,
  #main-nav .sub-slide-menu-active.sub-parent > span.back:hover {
    background-color: #ff7006;
  }
  #main-nav .slide-menu-active.parent > a:before,
  #main-nav .sub-slide-menu-active.sub-parent > a:before {
    content: '';
  }
  #main-nav .slide-menu-active,
  #main-nav .sub-slide-menu-active {
    position: absolute;
    left: 100%;
    width: 100%;
    top: 0;
    z-index: 10;
    background: #994304;
  }
}
.alert {
  background: #f2bfcc;
}
.error-msg {
  background: #f2bfcc;
  color: #CC0033;
  text-align: center;
}
.email-exist-msg {
  display: block;
  padding: 10px;
  margin: 0 0 40px 0;
  background: #f2bfcc;
  border: 1px solid #CC0033;
}
.email-exist-msg #checkout-log-in {
  margin: 0;
  padding: 0;
}
.lt {
  text-decoration: line-through;
}
.not-visible {
  display: none;
}
.show-block {
  display: block !important;
}
#login {
  position: relative;
  float: left;
  margin-left: 8px;
  border: 1px solid #CCCCCC;
}
#login .toggle {
  padding: 6px;
  line-height: 13px;
  font-size: 16px;
  text-transform: capitalize;
}
#login .panel {
  right: -1px;
  top: 25px;
  width: 230px;
  padding: 8px;
  z-index: 20;
}
#login form {
  margin-bottom: 0;
}
#login form input {
  margin-bottom: 8px;
}
#login form .button,
#login form button[type="submit"],
#login form input[type="submit"] {
  margin-top: 0;
}
#login ul {
  margin-bottom: 5px;
}
#login .password-link {
  font-size: 16px;
  display: block;
}
#cart {
  position: relative;
  float: left;
  margin-left: 8px;
  border: 1px solid #CCCCCC;
  background: url("/img/cart.png") no-repeat 2px -77px #FFF;
}
#cart .cart-header {
  padding: 10px 5px 5px 5px;
}
#cart .cart-header h4 {
  display: inline;
  margin-right: 5px;
}
#cart .toggle {
  height: 25px;
  width: 25px;
  line-height: 13px;
  font-size: 16px;
  text-decoration: none;
}
#cart .panel {
  right: -1px;
  top: 25px;
  width: 320px;
  font-size: 16px;
  z-index: 30;
}
#cart .panel span {
  display: block;
}
#cart .panel table {
  width: 100%;
}
#cart .panel td {
  padding: 5px;
  vertical-align: middle;
}
#cart .amount {
  position: absolute;
  top: 3px;
  right: -4px;
  width: 14px;
  color: #FFF;
  font-weight: bold;
  font-size: 9px;
  text-align: center;
  padding: 0px;
  background-color: #000000;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}
.cart-widget-footer {
  text-align: right;
}
.cart-widget-image {
  width: 75px;
}
#sort {
  margin-right: 8px;
}
#product-filter {
  display: inline-block;
}
#product-filter .fake-label {
  padding: 4px 0 0 0;
}
#product-filter .filter {
  display: inline-block;
  margin-left: 8px;
}
#product-filter .filter-prop {
  padding: 3px 6px;
  border: 1px solid #CCCCCC;
}
#product-filter .filter-prop.active {
  background: #DBDBDB;
}
#product-filter .panel {
  margin-top: -1px;
  padding: 8px;
}
#product-filter .panel label {
  display: block;
}
#product-filter .panel label.disabled {
  color: #DBDBDB;
}
#product-filter .reset-filter {
  display: block;
}
.rs-top {
  margin-bottom: 20px;
}
.rs-top .rsnav {
  float: right;
  padding: 0;
}
.rs-top .rsnav .next,
.rs-top .rsnav .back {
  margin: 0 0 0 7px;
}
#active-filters {
  padding: 10px;
  margin-bottom: 20px;
  border: 1px solid #CCCCCC;
  border-width: 1px 0;
}
#active-filters h5 {
  display: inline-block;
  margin-bottom: 20px;
}
#active-filters h6 {
  display: inline-block;
  margin-bottom: 0;
}
#active-filters span {
  display: inline-block;
  padding: 3px 7px;
  font-size: 16px;
  border-radius: 5px;
  background: #DBDBDB;
}
#product-list li {
  padding-bottom: 20px;
  word-wrap: break-word;
}
#product-list li a {
  color: #1e1e1e;
}
#product-list li h4 {
  margin-bottom: 20px;
}
.price {
  font-weight: bold;
}
.retail-price {
  text-decoration: line-through;
}
#order-btn {
  margin-top: 0;
}
.checkout-back {
  display: inline-block;
  background: #CCCCCC;
}
.checkout-back:hover {
  background: #DBDBDB;
}
.button.arrow-r.right {
  float: right;
}
/*shopping cart overview*/
#cart-overview {
  text-align: right;
  width: 100%;
  margin-bottom: 40px;
}
#cart-overview th {
  padding: 8px 0;
}
#cart-overview td {
  position: relative;
  border-top: 1px solid #DBDBDB;
  padding: 4px 0;
}
#cart-overview .first th:first-child {
  text-align: left;
}
#cart-overview h2 {
  text-align: center;
}
#cart-overview h3 {
  margin: 0px;
}
#cart-overview .cart-left {
  text-align: left;
}
#cart-overview .cart-left .delete-product {
  display: none;
}
#cart-overview .product-info {
  float: left;
  width: 80%;
}
#cart-overview .product-image {
  float: left;
  width: 100px;
  height: auto;
  margin-right: 20px;
}
#cart-overview .amount {
  position: absolute;
  right: 0px;
  width: 70px;
  text-align: right;
}
#cart-overview .delete-product {
  display: inline-block;
  width: 27px;
  height: 27px;
  background: url('/img/delete.png') center center no-repeat #CCCCCC;
}
#cart-overview .delete-product:hover {
  background-color: #DBDBDB;
}
#checkout-new-customer,
#checkout-log-in {
  display: inline-block;
  padding: 10px;
  margin-bottom: 10px;
  margin-right: 20px;
}
#summary .top-button {
  padding: 8px 0;
  margin-bottom: 10px;
  border-bottom: 1px solid #DBDBDB;
  border-top: 1px solid #DBDBDB;
}
#summary .top-button .button {
  margin-top: 0;
}
#summary #summary-info {
  margin-top: -4px;
}
#summary h2 {
  margin-bottom: 0;
}
#summary table {
  width: 100%;
  margin-bottom: 20px;
}
#summary table th {
  text-align: left;
}
#summary table#contact-data {
  border-bottom: 1px solid #DBDBDB;
}
#order-overview .accordion-block p,
#order-overview .accordion-block ul,
#order-overview .accordion-block ol,
#order-overview .accordion-block h1,
#order-overview .accordion-block h2,
#order-overview .accordion-block h3,
#order-overview .accordion-block h4,
#order-overview .accordion-block h5,
#order-overview .accordion-block h6,
#order-overview .accordion-block div.content {
  max-width: none;
}
#order-overview .accordion-block h3 {
  margin-bottom: 3px;
}
#order-overview .accordion-block .header span {
  display: inline-block;
  width: 30%;
}
#order-overview .accordion-block .price-lbl {
  text-align: right;
}
@media only screen and (max-width: 1075px) {
  #cart-overview .shopping-cart-amount,
  #cart-overview .shopping-cart-retail {
    font-size: 0px;
    line-height: 0px;
    width: 0px;
  }
  #cart-overview .product-image {
    float: left;
  }
  #cart-overview .product-info {
    float: none;
    width: auto;
  }
  #cart-overview .amount {
    position: relative;
    left: 0px;
    display: inline-block;
    margin: 5px 0 0 0;
    text-align: left;
    vertical-align: bottom;
  }
  #cart-overview .cart-left .delete-product {
    margin: 5px 0 0 0;
    display: inline-block;
    vertical-align: bottom;
  }
  #cart-overview .extra .delete-product {
    display: none;
  }
  .products.list-4 li {
    width: 33.33%;
  }
  #order-overview .accordion-block .header span {
    width: auto;
  }
}
@media only screen and (max-width: 550px) {
  #cart-overview .product-image {
    display: none;
  }
  #summary-info,
  #summary-products {
    width: 100% !important;
    float: none;
    clear: both;
  }
  .products.list-4 li {
    width: 50%;
  }
}
.responsive {
  display: block;
  width: 100% !important;
  height: auto !important;
}
.error {
  display: block;
  font-size: 16px;
  color: #CC0033;
  margin-top: 2px;
}
.error input[type="text"],
.error textarea {
  border-color: #CC0033;
}
.lazyload {
  position: relative;
  overflow: hidden;
  background: white;
  text-align: left;
}
.lazyload img {
  position: absolute;
  width: 100% !important;
  height: auto !important;
  opacity: 0;
}
.lazyload img.loading {
  opacity: 0;
}
.lazyload img.loaded {
  transition: opacity 0.5s linear 0.2s;
  opacity: 1;
}
.fr {
  float: right;
}
.arrow-r,
button.arrow-r[type="submit"] {
  padding-right: 30px;
}
.arrow-l,
button.arrow-l[type="submit"] {
  padding-left: 30px;
}
.arrow-r:after,
.arrow-l:before {
  position: absolute;
  content: ' ';
  height: 0;
  width: 0;
  margin-top: 5px;
  border: 6px solid transparent;
}
.arrow-r.right:after,
.arrow-l.right:before {
  margin-left: 8px;
  border-left-color: #FFF;
}
.arrow-r.left:after,
.arrow-l.left:before {
  margin-left: -22px;
  border-right-color: #FFF;
}
.toggle {
  cursor: pointer;
}
.panel {
  display: none;
  position: absolute;
  background-color: #FFF;
  border: 1px solid #CCCCCC;
  -webkit-box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.07);
  box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.07);
}
.list-1,
.list-2,
.list-3,
.list-4,
.list-5 {
  margin-left: -20px/2;
  margin-right: -20px/2;
}
.list-1 a,
.list-2 a,
.list-3 a,
.list-4 a,
.list-5 a {
  display: block;
  text-decoration: none;
}
.list-1 li,
.list-2 li,
.list-3 li,
.list-4 li,
.list-5 li {
  display: inline-block;
  padding: 0 20px/2;
  vertical-align: top;
  background-image: none;
}
.list-1 img.responsive,
.list-2 img.responsive,
.list-3 img.responsive,
.list-4 img.responsive,
.list-5 img.responsive {
  margin-bottom: 20px;
}
.list-1 {
  margin-left: 0;
  margin-right: 0;
}
.list-1 li {
  display: block;
  padding: 0;
}
.list-2 li {
  width: 50%;
}
.list-3 li {
  width: 33.33%;
}
.list-4 li {
  width: 25%;
}
.list-5 li {
  width: 20%;
}
.module a,
.widget a {
  display: block;
}
@media only screen and (min-width: 1000px) {
  #main p,
  #main ul,
  #main ol,
  #main h1,
  #main h2,
  #main h3,
  #main h4,
  #main h5,
  #main h6 {
    max-width: 700px;
  }
  #main ul.module,
  #main ul.widget {
    max-width: none;
  }
}
#search-results h3 {
  margin-bottom: 0;
}
#search-results h3 a {
  text-decoration: none;
  font-weight: normal;
}
#search-results .url {
  text-decoration: none;
  color: #999;
  font-size: 0.9em;
}
#breadcrumb {
  font-size: 16px;
}
#breadcrumb a {
  text-decoration: none;
  padding-right: 15px;
  background: url('/img/li.png') right 2px center no-repeat;
  color: #009fe3 !important;
}
#breadcrumb a:hover {
  text-decoration: underline;
}
.rsnav {
  clear: both;
  padding: 13px 0;
}
.rsnav a {
  display: block;
  width: 29px;
  height: 29px;
  margin-right: 7px;
  padding-top: 5px;
  text-align: center;
  text-decoration: none;
  background: #FFF;
  border: 1px solid #CCCCCC;
  color: #808080;
}
.rsnav a:hover,
.rsnav a.active {
  background: #DBDBDB;
}
.rsnav div {
  display: table;
  margin: 0 auto;
}
.rsnav div span {
  float: left;
  display: table-cell;
  margin-right: 7px;
}
.rsnav div a {
  float: left;
  display: table-cell;
}
.rsnav .back {
  float: left;
}
.rsnav .next {
  float: right;
  margin-top: -29px;
}
.frm-bldr label,
.frm-bldr .fake-label {
  width: 150px;
}
.frm-bldr input[type="submit"],
.frm-bldr button[type="submit"] {
  margin-left: 150px;
}
.frm-bldr li {
  clear: both;
  padding: 0;
  background: none;
  margin-bottom: 7px;
}
.frm-bldr .form-rows {
  width: 200px;
  display: inline-block;
  margin: 0 0 5px 0;
}
.frm-bldr .form-rows .form-row {
  margin: 0 0 5px 0;
}
.frm-bldr .form-rows .form-row label {
  display: block;
  margin-left: 22px;
}
.frm-bldr .form-rows .form-row input[type="checkbox"],
.frm-bldr .form-rows .form-row input[type="radio"] {
  float: left;
  margin-top: 2px;
}
.frm-bldr .error {
  display: inline-block;
}
.frm-bldr .error span {
  display: block;
  margin-top: 3px;
}
.checkbox {
  opacity: 0;
  position: absolute !important;
}
.checkbox,
.checkbox-label {
  display: block;
  vertical-align: middle;
  margin-right: 5px;
  cursor: pointer;
}
.checkbox-label {
  position: relative;
  padding-left: 30px;
}
.checkbox + .checkbox-label:before {
  content: '';
  background: #FFF;
  border: 1px solid #00be5c;
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  margin: -3px 10px 0 0;
  text-align: center;
  position: absolute;
  left: 0;
  top: 5px;
}
.checkbox[disabled] + .checkbox-label:before {
  cursor: default;
}
.checkbox:checked[disabled] + .checkbox-label:before {
  border: none;
  cursor: default;
}
.checkbox:checked + .checkbox-label:before {
  content: "\e90d";
  font-family: "icon-font" !important;
  font-size: 12px;
  line-height: 1.3;
  color: #00be5c;
}
@media only screen and (max-width: 400px) {
  .frm-bldr label,
  .frm-bldr .fake-label {
    width: auto;
  }
  .frm-bldr input[type="submit"],
  .frm-bldr button[type="submit"] {
    margin-left: 0;
  }
  .frm-bldr .form-rows {
    width: 100%;
  }
  .frm-bldr .error {
    display: block;
  }
}
.custom-form td {
  padding-bottom: 7px;
  padding-right: 10px;
}
@media only screen and (max-width: 400px) {
  .custom-form table {
    width: 100%;
  }
  .custom-form td {
    display: block;
    padding-right: 0;
  }
}
#bar-preview {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 25px;
  padding: 5px 0 5px 0;
  font-size: 12px;
  font-weight: bold;
  color: #FFF;
  text-align: center;
  background: #000;
}
#bar-preview a {
  float: right;
  display: inline-block;
  margin-right: 10px;
}
#hmn {
  display: none;
}
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
}
.lt-ie8 .ir {
  text-indent: -9999px;
}
.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}
.hidden {
  display: none !important;
  visibility: hidden;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.lt-ie8 .clearfix {
  zoom: 1;
}
.removed-item {
  background: #ededed none repeat scroll 0 0;
  margin-bottom: 20px;
  padding: 15px 15px 1px;
}
@font-face {
  font-family: 'icon-font';
  font-display: swap;
  src: url('/fonts/icon-font.ttf?4o45wk') format('truetype'), url('/fonts/icon-font.woff?4o45wk') format('woff'), url('/fonts/icon-font.svg?4o45wk#icon-font') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"],
[class*=" icon-"],
.icon,
.read-more:after {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icon-font' !important;
  font-display: swap;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-twitter:before {
  content: "\e914";
}
.icon-mail1:before {
  content: "\e911";
}
.icon-phone:before {
  content: "\e912";
}
.icon-whatsapp1:before {
  content: "\e913";
}
.icon-location:before {
  content: "\e910";
}
.icon-whatsapp:before {
  content: "\e90f";
}
.icon-01:before {
  content: "\e900";
}
.icon-02:before {
  content: "\e901";
}
.icon-03:before {
  content: "\e902";
}
.icon-04:before {
  content: "\e903";
}
.icon-05:before {
  content: "\e904";
}
.icon-06:before {
  content: "\e905";
}
.icon-07:before {
  content: "\e906";
}
.icon-08:before {
  content: "\e907";
}
.icon-09:before {
  content: "\e908";
}
.icon-10:before {
  content: "\e909";
}
.icon-11:before {
  content: "\e90a";
}
.icon-12:before {
  content: "\e90b";
}
.icon-13:before {
  content: "\e90c";
}
.icon-14:before {
  content: "\e90d";
}
.icon-15:before {
  content: "\e90e";
}
.icon-printer:before {
  content: "\e954";
}
.icon-play3:before {
  content: "\ea1c";
}
.icon-mail:before {
  content: "\ea83";
}
.icon-facebook:before {
  content: "\ea90";
}
.icon-linkedin2:before {
  content: "\eaca";
}
#logo {
  float: left;
  padding: 16px 16px 16px 0;
}
header nav ul {
  margin-bottom: 0;
}
header nav li {
  float: left;
  position: relative;
  padding: 0;
  background: none;
  list-style: none;
}
header nav a {
  display: block;
  text-decoration: none;
  font-family: "circe-rounded", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
}
header nav li ul {
  display: none;
  position: absolute;
  min-width: 100%;
  left: 0;
  margin: 0;
  background: #ff7006;
  z-index: 101;
}
header nav li:hover > ul {
  display: block;
}
header nav li ul li {
  float: none;
}
header nav li ul li ul {
  left: 100%;
  top: 0;
}
#main-nav-switch {
  float: right;
  background: none;
  cursor: pointer;
  display: block;
  position: relative;
  transform: rotate(0deg);
  transition: all 0.5s ease-in-out 0s;
  padding: 0;
  z-index: 99999;
  /*margin: 23px 15px 15px;
	padding: 7px 10px;*/
  padding: 17px 0 50px 5px;
  display: none;
  color: #1e1e1e;
}
#main-nav {
  background: #ff7006;
}
#main-nav-tree {
  margin-left: -15px;
  font-size: 17px;
}
#main-nav-tree a {
  display: block;
  color: #FFF;
  padding: 34px 14px 26px;
}
#main-nav-tree a:hover,
#main-nav-tree a.active {
  color: #ffc69b;
  background: #ff7006;
}
#main-nav-tree ul li a {
  padding: 10px 0 10px 15px;
  color: #FFF;
  border-top: 1px solid #e66505;
}
#main-nav-tree ul li a:hover,
#main-nav-tree ul li a.active {
  color: #FFF;
  background: #994304;
}
#main-nav-tree .nav-item-23 {
  float: right;
}
#main-nav-tree .nav-item-23 a:hover,
#main-nav-tree .nav-item-23 a.hover {
  background: #FFF;
  color: #ff7006;
  padding: 12px 22px 19px 17px;
  margin-top: 22px;
  opacity: 1;
  border-radius: 5px 5px 0;
}
#main-nav-tree .nav-item-23 a:after {
  content: "\e90b";
  font-family: "icon-font" !important;
  font-size: 15px;
  margin-left: 10px;
}
#top-nav-tree {
  position: absolute;
  top: 10px;
  left: 23px;
  font-size: 17px;
}
#top-nav-tree a {
  color: #1e1e1e;
  padding: 5px 17px;
  font-size: 16px;
  font-weight: 400;
  text-transform: none;
}
#top-nav-tree a:hover,
#top-nav-tree a.active {
  color: #808080;
}
#top-nav-tree li:first-child i {
  position: relative;
  top: 2px;
  padding-right: 18px;
  font-size: 18px;
}
.nav-item-18,
.nav-item-24,
.nav-item-25 {
  display: none;
}
@media only screen and (min-width: 750px) {
  #main-nav .nav-item-19 a {
    padding-left: 0;
  }
}
#favorite {
  display: inline-block;
  float: left;
}
#favorite a {
  text-decoration: none;
  font-size: 12px;
  display: block;
  padding: 0 26px 1px 10px;
  color: #da1067;
}
#favorite a:hover #nr {
  background: #da1067;
  color: #FFF;
}
#favorite a:hover #nr + span {
  text-decoration: underline;
}
#favorite i {
  color: #da1067;
  margin-right: 10px;
  font-size: 30px;
  position: relative;
  top: 2px;
}
#favorite #nr {
  background: #FFF;
  border-radius: 9px;
  display: inline-block;
  height: 18px;
  position: absolute;
  text-align: center;
  width: 18px;
  margin-left: -21px;
  top: -1px;
  border: 1px solid #da1067;
}
#favorite #nr span {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  font-size: 11px;
  font-family: "circe-rounded", sans-serif;
  font-weight: 400;
  width: 17px;
}
#favorite #nr + span {
  font-size: 16px;
  font-family: "circe-rounded", sans-serif;
  font-weight: 400;
  position: relative;
  top: -5px;
}
#header-contact {
  display: none;
  z-index: 9999;
}
#header-contact:before {
  display: block;
  background: #FFF;
  position: absolute;
  right: 0;
  width: 145px;
  top: -30px;
  height: 30px;
  z-index: 1;
  pointer-events: none;
}
#header-contact .span-3 {
  float: right;
  position: absolute;
  right: 0;
  background: #FFF;
  box-shadow: -1px 4px 12px 0 rgba(0, 49, 97, 0.5);
  top: -20px;
  padding: 30px 22px 20px;
  border-radius: 5px 0 5px 5px;
}
#header-contact .span-3 a {
  font-size: 17px;
  text-transform: none;
  margin-bottom: 20px;
  display: block;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  padding-left: 34px;
  position: relative;
}
#header-contact .span-3 a:hover {
  text-decoration: underline;
}
#header-contact .span-3 a:last-child {
  margin-bottom: 0;
}
#header-contact .span-3 a i {
  font-size: 24px;
  position: absolute;
  left: 0;
  top: 2px;
}
#tools-nav {
  /*float:right;*/
  margin: 5px 0 0 0;
  top: 5px;
  right: 23px;
  position: absolute;
}
#search {
  /*border: @toolsBorder;*/
  float: left;
  position: relative;
  margin-left: 8px;
}
#search .toggle {
  padding: 6px;
  font-size: 24px;
  position: relative;
  top: 2px;
  color: #1e1e1e;
}
#search .toggle:hover {
  opacity: 0.8;
}
#search .panel {
  right: -1px;
  top: 45px;
  width: 300px;
  z-index: 20;
}
#search #search-btn {
  float: right;
  margin-top: 2px;
  padding: 0;
  width: 30px;
  font-size: 25px;
  background: #FFF;
  color: #1e1e1e;
}
#search #search-field {
  width: 100%;
  font-size: 16px;
  border: none;
  background: #FFF;
}
#search form {
  background: #FFF;
  padding: 5px;
  margin: 0;
  width: 100%;
}
#search form span {
  display: block;
  overflow: hidden;
  padding: 0 5px;
}
#languages {
  position: relative;
  float: left;
  margin-left: 8px;
}
#languages .toggle {
  padding: 2px 28px 2px 10px;
  border: 1px solid #CCCCCC;
  background: url("/img/arrow_bottom.png") no-repeat 40px 10px;
}
#languages .panel {
  top: 26px;
  padding: 8px 0;
  width: 60px;
  z-index: 20;
}
#languages li {
  padding-left: 0;
  background: none;
}
#languages li img {
  padding: 5px 10px;
}
@media only screen and (max-width: 1150px) {
  #main-nav-tree a {
    padding: 34px 12px 26px;
  }
}
@media only screen and (max-width: 1075px) {
  header {
    padding-top: 0;
  }
  #main-nav-switch {
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    cursor: pointer;
    display: block;
  }
  #main-nav-switch .hamburger-container {
    position: relative;
    margin: 0 8px;
    width: 30px;
    top: 2px;
  }
  #main-nav-switch span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #FFF;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
  }
  #main-nav-switch span:nth-child(1) {
    top: 5px;
  }
  #main-nav-switch span:nth-child(2),
  #main-nav-switch span:nth-child(3) {
    top: 15px;
  }
  #main-nav-switch span:nth-child(4) {
    top: 25px;
  }
  #main-nav-switch.open {
    color: #FFF;
  }
  #main-nav-switch.open span:nth-child(1) {
    top: 15px;
    width: 0;
    left: 50%;
  }
  #main-nav-switch.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #main-nav-switch.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  #main-nav-switch.open span:nth-child(4) {
    top: 15px;
    width: 0%;
    left: 50%;
  }
  #main-nav {
    display: none;
    background: #ff7006;
    overflow-y: auto;
    position: absolute;
    width: 100%;
    z-index: 9999;
    left: 0;
    top: 0px;
    height: 100%;
  }
  #main-nav ul {
    display: block;
    position: relative;
  }
  #main-nav li {
    float: none;
  }
  #main-nav .row {
    padding: 0;
  }
  #main-nav-tree,
  #top-nav-tree {
    font-size: 17px;
  }
  #main-nav-tree a,
  #top-nav-tree a {
    padding: 10px 0 10px 15px;
    color: #FFF;
  }
  #main-nav-tree a:hover,
  #top-nav-tree a:hover,
  #main-nav-tree a.active,
  #top-nav-tree a.active {
    color: #FFF;
    background: #994304;
  }
  #main-nav-tree li li a:before,
  #top-nav-tree li li a:before {
    content: url('/img/li.png') "\00a0\00a0";
  }
  #main-nav-tree li li li a:before,
  #top-nav-tree li li li a:before {
    content: "\00a0\00a0\00a0" url('/img/li.png') "\00a0\00a0";
  }
  #main-nav-tree {
    margin-left: 0;
    margin-top: 80px;
    margin-bottom: 10px;
  }
  #main-nav-tree .nav-item-23 {
    float: none;
  }
  #main-nav-tree .nav-item-23 a:after {
    content: " ";
  }
  #main-nav-tree .nav-item-23 a:hover,
  #main-nav-tree .nav-item-23 a.hover {
    color: #FFF;
    background: #994304;
    margin-top: 0;
    border-radius: inherit;
    padding: 10px 0 10px 15px;
    opacity: 1;
  }
  #top-nav-tree {
    position: relative;
    top: 0;
    left: 0;
  }
  header nav li {
    float: none;
    border-top: 1px solid #e66505;
  }
  header nav li ul {
    display: block;
    position: relative;
    background: none;
  }
  header nav li ul li {
    border-top: none;
  }
  header nav li ul li ul {
    left: 0;
  }
  #logo img {
    display: none;
  }
  #logo .hide {
    display: block;
  }
  #tools-nav {
    right: 100px;
    top: 16px;
  }
  #favorite a,
  #favorite i {
    color: #FFF;
  }
  #favorite #nr {
    border: 1px solid #ff7006;
    color: #ff7006;
  }
  #header-contact {
    display: block !important;
    margin-bottom: 20px;
  }
  #header-contact:before {
    content: none;
  }
  #header-contact .span-3 {
    width: 100%;
    position: relative;
    float: none;
    background: none;
    box-shadow: none;
    top: inherit;
    padding: 0;
    border-radius: inherit;
    margin-bottom: 0;
  }
  #header-contact .span-3 a {
    padding: 10px 0 10px 49px;
    color: #FFF;
    margin-bottom: 0;
    font-size: 16px;
    text-decoration: none;
  }
  #header-contact .span-3 a:hover,
  #header-contact .span-3 a.active {
    color: #FFF;
    background: #994304;
  }
  #header-contact .span-3 a i {
    left: 15px;
    top: 12px;
  }
  #search .panel {
    top: 51px;
  }
  #search .toggle {
    color: #FFF;
    font-weight: bold;
  }
}
@media only screen and (max-width: 550px) {
  #logo {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  #tools-nav {
    position: static;
    margin-right: 45px;
    padding-top: 5px;
    float: right;
    right: 0;
    top: 0;
  }
  #search {
    position: static;
  }
  #search .toggle {
    font-size: 28px;
    font-weight: bold;
  }
  #search .panel {
    width: 100%;
    position: absolute;
    left: 0;
    top: 60px;
  }
  #main-nav-switch {
    padding: 9px 0 35px 5px;
    position: absolute;
    right: 10px;
  }
  #favorite a {
    padding-right: 0;
  }
  #favorite #nr + span {
    display: none;
  }
  #favorite #nr {
    margin-left: -17px;
    top: 10px;
  }
}
footer {
  line-height: 1.5;
  font-size: 16px;
  color: #FFF;
  font-family: 'Roboto', sans-serif;
  padding: 50px 0;
}
footer svg {
  top: -1px;
}
footer .row {
  margin-top: 35px;
}
footer h4 {
  font-size: 20px;
  color: #FFF;
  margin-bottom: 15px;
}
footer p,
footer a {
  color: #FFF;
  font-size: 16px;
}
footer a {
  text-decoration: none;
}
footer a:hover {
  text-decoration: underline;
}
footer .span-3 div {
  margin-left: 28px;
}
footer li {
  background: none;
  padding-left: 0;
}
footer #social h4 {
  margin-bottom: 13px;
}
footer #social li {
  display: inline-block;
  vertical-align: top;
  padding-right: 15px;
}
#cookiewall {
  background: rgba(99, 99, 99, 0.9);
  z-index: 16000003;
  position: fixed;
  bottom: 0;
  width: 100%;
}
#cookiewall p {
  color: #FFF;
  text-align: center;
  font-size: 16px;
  padding: 13px 0;
  margin: 0 20px;
  max-width: none;
}
#cookiewall a {
  color: #FFF;
  text-decoration: underline;
  font-size: 17px;
}
#cookiewall a:hover {
  text-decoration: none;
}
#cookiewall .btn {
  background: #ff7006;
  text-decoration: none;
  font-size: 18px;
  padding: 8px 16px;
  margin-left: 100px;
  display: inline-block;
  cursor: pointer;
  color: #FFF;
  border: none;
}
#cookiewall .btn:hover {
  opacity: 0.8;
}
@media only screen and (max-width: 750px) {
  footer .row {
    margin-top: 10px;
  }
  footer h4 {
    margin-bottom: 10px;
  }
  footer li {
    margin-bottom: 10px;
  }
  footer svg {
    display: none !important;
  }
  footer .span-3,
  footer .span-4,
  footer .span-5 {
    width: 100%;
    margin-bottom: 20px;
  }
  footer .span-3 div {
    margin: 0;
  }
}
@media only screen and (max-width: 400px) {
  #cookiewall .btn {
    margin-left: 0;
    margin-top: 10px;
    display: block;
  }
}
.no-scroll {
  overflow: hidden;
}
.hide {
  display: none;
}
.right {
  float: right;
}
.mb-20 {
  margin-bottom: 20px;
}
.mb-50 {
  margin-bottom: 50px;
}
.mt-50 {
  margin-top: 50px;
}
.pt-50 {
  padding-top: 50px;
}
.mb-65 {
  margin-bottom: 65px;
}
.mb-95 {
  margin-bottom: 95px;
}
.pb-95 {
  padding-bottom: 95px;
}
.nmt-100 {
  margin-top: -100px;
}
.ml-1 {
  margin-left: 8.33% !important;
}
.ml-2 {
  margin-left: 16.66% !important;
}
.ml-3 {
  margin-left: 25% !important;
}
.ml-4 {
  margin-left: 33.33% !important;
}
.green {
  background: #00be5c;
}
.purple {
  background: #da1067;
}
.orange {
  background: #ff7006;
}
.blue {
  background: #009fe3;
}
.light-blue {
  background: #e6f5fc;
}
#tpl-vacatures-werkenbij #main,
#tpl-testimonials-werkenbij #main,
#tpl-team-details-werkenbij #main,
#tpl-wide-alt-bg #main,
#tpl-default-blue-werkenbij #main,
#tpl-video-banner-werkenbij #main {
  background: #e6f5fc !important;
}
#tpl-default-blue-werkenbij #intro,
#tpl-video-banner-werkenbij #intro {
  background: #e6f5fc;
}
.white {
  background: #FFF;
}
.center {
  text-align: center;
}
.static {
  position: static;
}
.row .span-12 .span-4,
.row .span-12 .span-8 {
  padding-right: 0px;
  padding-left: 0px;
}
#tpl-testimonials-werkenbij #main-container p:last-of-type {
  margin-bottom: 0;
}
#tpl-home-werkenbij #intro {
  padding: 20px 80px;
}
#intro {
  position: relative;
  margin-top: -100px;
  padding: 32px 50px;
}
#intro h1 {
  display: inline-block;
  line-height: 1.3;
}
#intro p {
  font-size: 21px;
  display: block;
  max-width: none;
}
#intro a {
  color: #FFF;
}
#intro h1 {
  color: #009fe3;
  margin-bottom: 7px;
  font-weight: 900;
}
#intro.blue h1,
#intro.blue p {
  color: #FFF;
}
#main .refurl-share {
  background-image: none !important;
  padding-left: 0;
}
#main .refurl-share .refurl-button {
  margin-right: 5px;
}
#main .share-block {
  margin-top: 80px;
}
#main .share-block p {
  font-weight: 400;
  font-size: 17px;
  margin-bottom: 5px;
}
.checkmark-list li {
  background-image: none;
  padding-left: 25px;
  position: relative;
  margin-bottom: 5px;
  font-size: 17px;
}
.checkmark-list li:before {
  content: "\e90d";
  position: absolute;
  font-family: "icon-font" !important;
  font-size: 12px;
  color: #00be5c;
  display: inline-block;
  left: 0;
  top: 5px;
}
.content li {
  background-image: none;
  padding-left: 25px;
  position: relative;
  margin-bottom: 5px;
  font-size: 17px;
}
.content li:before {
  content: "\e90d";
  position: absolute;
  font-family: "icon-font" !important;
  font-size: 12px;
  color: #00be5c;
  display: inline-block;
  left: 0;
  top: 5px;
}
.content .captions {
  padding: 65px 93px;
}
.content .captions p {
  color: #FFF;
  font-size: 18px;
  line-height: 2.1;
  font-weight: 300;
  max-width: none !important;
}
#main-container.white,
#main-container.light-blue {
  padding: 20px 50px;
}
#main-container h2 + ul {
  margin-top: 25px;
}
#banner,
footer {
  position: relative;
}
#banner .svg,
footer .svg {
  position: absolute;
  display: inline-block;
  bottom: -1px;
  left: 0;
}
footer .svg {
  top: 0;
}
#banner {
  overflow: hidden;
}
.best-employer.banner {
  position: absolute;
  width: 145px;
  left: 50px;
  margin-top: -100px;
}
.best-employer.footer {
  max-width: 110px;
  margin-left: 40px;
}
#breadcrumb {
  font-size: 0;
  font-family: 'Roboto Slab', serif;
  margin-bottom: 12px;
}
#breadcrumb span {
  display: none;
}
#breadcrumb span:last-child {
  display: inline-block;
}
#breadcrumb span:last-child a {
  font-size: 16px;
  background: none;
}
#breadcrumb span:last-child a:before {
  content: "\e908";
  font-family: "icon-font" !important;
  display: inline;
  padding-right: 10px;
  font-size: 12px;
}
#breadcrumb span:last-child a:hover {
  text-decoration: none;
  opacity: 0.8;
}
.btn {
  display: inline-block;
  font: 'Roboto Slab', serif;
  font-weight: 400;
  color: #00be5c;
  font-size: 15px;
  padding: 10px 10px 12px;
  text-decoration: none;
  border-radius: 3px;
  border: 1px solid #00be5c;
  margin-right: 5px;
  margin-bottom: 5px;
}
.btn.green {
  color: #FFF;
  font-size: 18px;
  font-weight: 900;
  padding: 10px 19px;
}
.btn.no-label {
  padding-left: 10px;
  padding-right: 6px;
  margin-right: 0;
}
.btn:hover {
  opacity: 0.8;
}
.btn:hover:hover .icon-11:before {
  content: "\e907";
  font-family: "icon-font" !important;
  color: #00be5c;
}
.btn i {
  pointer-events: none;
}
.btn i:before {
  padding-right: 5px;
  font-size: 23px;
  position: relative;
  top: 2px;
}
#detail-container {
  position: relative;
}
.right .inner {
  padding: 30px;
}
.right .best-employer {
  margin: 50px auto 20px;
  max-width: 142px;
}
.right.sticky {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -o-sticky;
  position: -ms-sticky;
  position: sticky;
  top: 0;
  z-index: 999;
}
.right .green h2,
.right .green h3,
.right .green h4,
.right .green p,
.right .green li,
.right .green a {
  color: #FFF;
}
.right .green .btn:hover .icon-11:before {
  content: "\e907";
  font-family: "icon-font" !important;
  color: #FFF;
}
.right .green a {
  text-decoration: none;
}
.right .green .best-employer {
  margin: 0 auto;
  position: absolute;
  top: -170px;
  left: 0;
  right: 0;
}
.right h4 {
  font-size: 16px;
  margin-bottom: 10px;
}
.right p {
  font-size: 16px;
}
.right li {
  font-size: 16px;
}
.right .large-icons i {
  position: relative;
  display: inline-block;
  top: 3px;
  font-size: 21px;
  width: 30px;
}
.right .large-icons .icon-06 {
  font-size: 24px;
  left: -2px;
}
.saved .icon-11:before {
  font-family: "icon-font" !important;
  content: "\e907";
}
#action-buttons .btn,
.jobs-detail-info .btn {
  border: 1px solid #FFF;
  color: #FFF;
  margin-bottom: 30px;
}
#action-buttons .btn.green,
.jobs-detail-info .btn.green {
  color: #00be5c;
  background: #FFF;
}
#action-buttons h4,
.jobs-detail-info h4 {
  padding-top: 10px;
}
#action-buttons h4 + p,
.jobs-detail-info h4 + p {
  padding-bottom: 15px;
  margin: 0;
  border-bottom: 1px solid #008949;
}
#action-buttons h4 + p:last-child,
.jobs-detail-info h4 + p:last-child {
  border-bottom: none;
}
#action-buttons ul,
.jobs-detail-info ul {
  padding: 15px 0;
  border-bottom: 1px solid #008949;
  margin: 0;
}
#action-buttons ul li,
.jobs-detail-info ul li {
  display: inline-block;
  vertical-align: top;
  background: none;
  padding: 0 10px 0 0;
  margin-bottom: 5px;
}
#action-buttons ul li:before,
.jobs-detail-info ul li:before {
  content: "\e90d";
  font-family: "icon-font" !important;
  font-size: 12px;
  color: #FFF;
  display: inline-block;
  position: relative;
  padding-right: 10px;
}
#action-buttons {
  background: #00be5c;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 10px;
  text-align: center;
  z-index: 100;
}
#action-buttons .btn,
#action-buttons .btn.green,
#action-buttons a {
  margin-bottom: 0;
  margin-right: 5px;
  padding: 7px 8px 8px;
  font-size: 16px;
}
#action-buttons .btn.green {
  padding: 10px 8px 8px;
}
#action-buttons .btn.no-label {
  padding: 7px 8px 8px 12px;
}
#more-jobs {
  padding: 80px 0;
}
#more-jobs h2 {
  color: #009fe3;
  font-size: 30px;
  display: block;
  max-width: none;
  margin-bottom: 30px;
}
#more-jobs h3 {
  font-size: 21px;
  margin-bottom: 35px;
}
#more-jobs .span-4 {
  padding-left: 10px;
}
#more-jobs .span-4 a {
  border: 2px solid white;
  padding: 30px 75px 30px 35px;
  margin-bottom: 15px;
  color: #009fe3;
  font-family: 'Roboto', sans-serif;
  font-weight: 900;
  font-size: 21px;
  text-decoration: none;
  position: relative;
  display: block;
}
#more-jobs .span-4 a.arrow:after {
  color: #009fe3;
  bottom: 25px;
  font-size: 26px;
}
#more-jobs .span-4 a:hover {
  opacity: 0.8;
}
#job-not-found {
  display: block;
  width: 100%;
  background: #CC0033;
  padding: 30px 25px 25px 35px;
  margin-bottom: 10px !important;
}
#job-not-found p {
  color: #FFF !important;
}
#job-alert {
  background: #da1067;
  padding: 20px;
  color: #FFF;
  border: none !important;
  display: block;
  text-decoration: none;
  margin-bottom: 20px;
}
#job-alert h3,
#job-alert p {
  color: #FFF;
}
#job-alert h3 {
  margin-bottom: 3px;
}
#job-alert p {
  font-family: 'Roboto Slab', serif;
  font-size: 16px;
  font-weight: normal;
  margin: 0;
}
#job-alert.arrow:after {
  color: #FFF !important;
}
#job-alert:hover {
  opacity: 0.8;
}
#open-sollicaties {
  background: #009fe3;
  padding: 20px;
  color: #FFF;
  border: none !important;
  display: block;
  text-decoration: none;
  margin-bottom: 20px;
}
#open-sollicaties h3,
#open-sollicaties p {
  color: #FFF;
}
#open-sollicaties h3 {
  margin-bottom: 3px;
}
#open-sollicaties p {
  font-family: 'Roboto Slab', serif;
  font-size: 16px;
  font-weight: normal;
  margin: 0;
}
#open-sollicaties.arrow:after {
  color: #FFF !important;
}
#open-sollicaties:hover {
  opacity: 0.8;
}
#stage-button {
  background: #ff7006;
  padding: 20px;
  color: #FFF;
  border: none !important;
  display: block;
  text-decoration: none;
  margin-bottom: 20px;
}
#stage-button h3,
#stage-button p {
  color: #FFF;
}
#stage-button h3 {
  margin-bottom: 3px;
}
#stage-button p {
  font-family: 'Roboto Slab', serif;
  font-size: 16px;
  font-weight: normal;
  margin: 0;
}
#stage-button.arrow:after {
  color: #FFF !important;
}
#stage-button:hover {
  opacity: 0.8;
}
.social-share {
  position: relative;
  margin-bottom: 10px;
  margin-top: 100px;
  clear: both;
}
.social-share a {
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-right: 3px;
  padding-top: 2px;
  text-align: center;
  text-decoration: none;
  color: #FFF;
  background: #ff7006;
  border-radius: 5px;
}
.social-share a:hover {
  opacity: 0.8;
}
.social-share .twitter {
  background: #000;
}
.social-share .facebook {
  background: #3b5998;
}
.social-share .linkedin {
  background: #0077B5;
}
.social-share .whatsapp {
  background: #00be5c;
}
.social-share .print {
  background: #808080;
}
@media only screen and (min-width: 750px) {
  .social-share .whatsapp {
    display: none;
  }
}
#left .inner {
  padding: 25px 28px;
}
.job-form strong {
  font-family: 'Roboto', sans-serif;
  margin-bottom: 20px;
  font-size: 21px;
  font-weight: 700;
  color: #FFF;
  display: block;
  position: relative;
  cursor: pointer;
}
.job-form strong:after {
  position: absolute;
  right: 0;
  content: "\e90b";
  font-family: "icon-font" !important;
  font-size: 12px;
  top: 8px;
}
.job-form .expand {
  margin-bottom: 30px;
  background: #FFF;
  border-radius: 5px;
  padding: 20px 20px 0 20px;
}
.job-form label {
  margin-bottom: 25px;
  font-size: 15px;
  font-family: 'Roboto', sans-serif;
}
.job-form label span {
  display: block;
}
.job-form label .show-more-options {
  font-size: 16px;
  margin-bottom: 15px;
  display: block;
}
.job-form .option_filter_text.close strong {
  border-bottom: 1px solid #008949;
  padding-bottom: 20px;
}
.job-form .option_filter_text.close strong:after {
  transform: rotate(180deg);
}
.job-form .option_filter_text-first strong {
  border-bottom: 1px solid #008949;
  padding-bottom: 20px;
}
.job-form .option_filter_text-first strong:after {
  transform: rotate(180deg);
}
.job-form .option_filter_text-first + .expand {
  display: none;
}
.job-form .close + .expand {
  display: none;
}
@media only screen and (min-width: 750px) {
  .job-form .option_filter_text-first + .expand {
    display: block;
  }
}
.block-list-items .block-view:nth-child(odd) {
  padding-right: 40px;
}
.block-list-items .block-view:nth-child(even) {
  padding-left: 40px;
}
.block-view {
  position: relative;
  margin-bottom: 25px;
  display: table;
  width: 100%;
}
.block-view .container {
  display: table-row;
}
.block-view .inner {
  padding: 40px 45px 20px;
  min-height: 300px;
  position: relative;
}
.block-view .img-container {
  width: 33.33%;
  display: table-cell;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}
.block-view .text {
  width: 66.66%;
  display: table-cell;
  color: #FFF;
  position: relative;
}
.block-view .text div {
  float: left;
}
.block-view .text a {
  text-decoration: none;
  display: inline-block;
}
.block-view .text a:hover {
  opacity: 0.8;
}
.block-view h2,
.block-view p,
.block-view li,
.block-view a {
  color: #FFF;
}
.block-view h2 {
  margin-bottom: 15px;
  font-size: 30px;
}
.block-view p {
  /*&:first-of-type{
      margin-bottom: 20px;
      font-size: @fontSizeXL;
      font-family:@font2;
    }*/
  font-size: 18px;
  font-family: 'Roboto', sans-serif;
  line-height: 1.8;
}
.block-view .icon {
  position: absolute;
  background: rgba(0, 0, 0, 0.2);
  display: block;
  left: 0;
  top: 0;
  height: 100%;
  width: 170px;
}
.block-view i:before {
  font-size: 120px;
  left: 0;
  top: 20%;
  padding: 20px;
  position: absolute;
}
.block-view .icon + .inner {
  padding-left: 215px;
}
.block-view ul {
  list-style-type: disc;
  margin-left: 20px;
}
.block-view ul li {
  padding-left: 10px;
  background: none;
}
.block-view ul li:before {
  content: "";
  display: none;
}
.read-more {
  padding: 6px 20px;
  border: 1px solid #FFF;
  border-radius: 3px;
  color: #FFF;
  font-weight: bold;
  line-height: 1.6;
  background: #00be5c;
  text-decoration: none;
  margin-right: 10px;
}
.read-more:after {
  content: "\e909";
  margin-left: 10px;
}
.read-more:hover {
  opacity: 0.8;
}
.purple .read-more {
  background: #da1067;
}
.orange .read-more {
  background: #ff7006;
}
.blue .read-more {
  background: #009fe3;
}
.load-more {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: bold;
  border: 2px solid #FFF;
  padding: 4px 18px 6px;
  display: inline-block;
  text-decoration: none;
  margin-bottom: 20px;
}
.load-more:before {
  content: '+';
  padding-right: 14px;
}
.load-more:hover {
  opacity: 0.8;
}
h2.arrow {
  position: relative;
  padding-right: 40px;
}
h2.arrow:after {
  position: absolute;
  right: 20px;
  bottom: 6px;
  right: 0;
  font-size: 34px;
}
.arrow:after {
  content: "\e909";
  font-family: "icon-font" !important;
  bottom: 25px;
  right: 40px;
  font-size: 24px;
  color: #FFF;
  position: absolute;
}
.arrow:hover {
  text-decoration: none;
}
.custom-list {
  max-width: none !important;
  margin-bottom: 0;
}
.custom-list li {
  width: 33.33%;
  display: inline-block;
  vertical-align: top;
  padding: 0 10px;
  position: relative;
  background-image: none;
}
.custom-list li:hover {
  opacity: 0.8;
}
.custom-list a {
  display: block;
  text-decoration: none;
}
.custom-list.white h2,
.custom-list.white p {
  color: #FFF;
}
.custom-list.white h2 {
  font-size: 34px;
  margin-bottom: 0;
  font-weight: 900;
  line-height: 1.5;
}
.custom-list.white p {
  font-size: 21px;
}
#vacancy-level a {
  padding: 33px 28px;
  min-height: 270px !important;
}
#vacancy-level .arrow:after {
  font-size: 36px;
}
#page-list li {
  width: 50%;
}
#page-list .content-container {
  position: relative;
  top: -37px;
  background: #FFF;
  display: inline-block;
  text-align: center;
  padding: 18px 60px;
}
#page-list h3 {
  font-family: 'Roboto Slab', serif;
  font-size: 21px;
  margin-bottom: 5px;
}
#testimonials-widget {
  overflow: hidden;
}
#testimonials-list-clean {
  margin: 50px -10px;
}
#testimonials-list-clean .content-container {
  position: relative;
  background: #e6f5fc;
  display: inline-block;
  padding: 40px 30px;
  text-align: left;
  min-height: 270px;
  width: 100%;
}
#testimonials-list-clean h3 {
  font-family: 'Roboto Slab', serif;
  font-size: 20px;
  font-weight: normal;
  margin-bottom: 25px;
  color: #1e1e1e;
  line-height: 1.5;
}
#testimonials-list-clean p {
  margin: 0 !important;
  font-size: 16px;
}
#testimonials-list-clean span {
  color: #009fe3;
}
#testimonials-list-clean.lazy {
  position: static;
  margin-top: 0;
}
#testimonials-list-clean.lazy li {
  padding: 0;
  /*padding: 0 5px;*/
  background-image: none;
  position: relative;
}
#testimonials-list-clean.lazy .content-container {
  background: #FFF;
}
#testimonials-list-clean.lazy .slick-next {
  right: 0;
}
#testimonials-list-clean.lazy .slick-next:before {
  content: "\e909";
  font-family: "icon-font" !important;
  bottom: 25px;
  right: 40px;
  font-size: 35px;
  color: #009fe3;
}
#testimonials-list-clean.lazy .slick-prev {
  left: 0;
}
#testimonials-list-clean.lazy .slick-prev:before {
  content: "\e908";
  font-family: "icon-font" !important;
  bottom: 25px;
  right: 40px;
  font-size: 35px;
  color: #009fe3;
}
#testimonials-list-clean.lazy .slick-next,
#testimonials-list-clean.lazy .slick-prev {
  top: 0;
  height: 100%;
  background: none;
  width: 80px;
  text-indent: 0;
  color: #cee5f0;
}
.jobs-list {
  max-width: none !important;
}
.jobs-list li {
  display: block;
  width: 100%;
  background: #FFF;
  padding: 30px 25px 25px 35px;
  margin-bottom: 10px !important;
}
.jobs-list li:before {
  display: none !important;
}
.jobs-list a {
  text-decoration: none;
  display: block;
}
.jobs-list a:hover {
  opacity: 0.8;
}
.jobs-list a .icon-11:hover:before {
  content: "\e907";
  font-family: "icon-font" !important;
  color: #da1067;
}
.jobs-list .icon-11 {
  float: right;
  font-size: 28px;
  color: #da1067;
  position: relative;
  top: -5px;
  padding: 5px 0 10px 5px;
}
.jobs-list h3 {
  margin-bottom: 25px !important;
}
.jobs-list p {
  margin-bottom: 0;
  font-size: 16px;
}
.jobs-list p span {
  color: #009fe3;
  padding-right: 15px;
}
.jobs-list p span i {
  padding-right: 8px;
}
.jobs-list p.excerpt {
  margin-bottom: 20px;
}
#lower h2,
#lower-2 h2,
#testimonials h2,
#lower h2 a,
#lower-2 h2 a,
#testimonials h2 a {
  display: inline-block;
  font-size: 44px;
  max-width: 450px;
  color: #009fe3;
}
#lower p,
#lower-2 p,
#testimonials p {
  margin: 0 auto 20px;
}
#lower h2 a:hover,
#lower-2 h2 a:hover,
#testimonials h2 a:hover {
  opacity: 0.8;
}
#testimonials h2 {
  max-width: 600px;
}
#benefits {
  margin-bottom: 50px;
  margin-top: 50px;
}
#benefits li {
  width: 25%;
}
#benefits i {
  font-size: 124px;
  color: #FFF;
  margin-bottom: 20px;
  display: block;
}
#benefits a {
  padding: 23px 25px;
  min-height: 360px !important;
}
#benefits h2 {
  font-size: 22px;
  display: block;
  margin-bottom: 30px;
  color: #FFF;
}
#benefits p {
  font-size: 16px;
  margin: 0;
}
#cta .container,
.blue-block .container {
  padding: 0 10px;
}
#cta .span-6,
.blue-block .span-6 {
  padding: 0;
}
#cta .txt,
.blue-block .txt {
  float: right;
  padding: 35px 40px;
  text-align: left;
}
#cta h2,
.blue-block h2 {
  color: #FFF;
  font-size: 40px;
}
#cta p,
.blue-block p {
  color: #FFF;
}
#cta small,
.blue-block small {
  font-size: 15px;
  opacity: 0.8;
}
#cta p,
.blue-block p {
  margin-bottom: 0;
}
#cta a,
.blue-block a {
  color: #FFF;
  font-family: 'Roboto', sans-serif;
  font-size: 24px;
  display: block;
  text-decoration: none;
  margin-bottom: 6px;
}
#cta a:last-child,
.blue-block a:last-child {
  font-size: 24px;
}
#cta a:hover,
.blue-block a:hover {
  opacity: 0.8;
}
#cta i:before,
.blue-block i:before {
  font-size: 40px;
  margin-right: 10px;
  position: relative;
  top: 8px;
}
#cta i.icon-whatsapp,
.blue-block i.icon-whatsapp {
  display: inline-block;
  width: 58px;
  margin-left: 10px;
  margin-top: 8px;
}
#cta i.icon-whatsapp:before,
.blue-block i.icon-whatsapp:before {
  top: 5px;
  font-size: 32px;
}
#cta .icon-05:before,
.blue-block .icon-05:before {
  top: 12px;
}
#cta .img-container.img,
.blue-block .img-container.img {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 330px;
}
.blue-block h2 {
  margin-bottom: 5px;
}
.blue-block p {
  font-size: 18px;
  margin-bottom: 10px;
}
.blue-block .nf {
  float: none;
}
.blue-block .container .txt-container {
  float: right;
}
.blue-block .txt {
  float: none;
}
.blue-block .custom h2 {
  margin-bottom: 15px;
}
.blue-block .custom i:before {
  font-size: 48px;
}
.blue-block .custom strong {
  display: block;
  font-size: 26px;
  font-weight: normal;
  color: #FFF;
}
.blue-block .custom a {
  margin-bottom: 5px;
  font-size: 24px;
}
.blue-block .custom .img-container.img {
  background-position: center right;
}
#logo-bottom {
  display: inline-block;
}
.detail-wide {
  margin: 70px -50px;
}
.subTitle {
  font-size: 18px;
  margin-bottom: 30px;
  display: block;
  color: #009fe3;
}
.subTitle span {
  color: #1e1e1e;
}
ol li {
  padding: 0 !important;
  background: none !important;
}
ol li:before {
  content: " " !important;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  /* IE10+ specific styles go here */
  html {
    background: #000;
  }
}
@media only screen and (max-width: 1150px) {
  #benefits a {
    min-height: 400px !important;
  }
  #cta .span-10 {
    width: 66.66%;
    margin-left: 16.66% !important;
  }
  #cta .span-6 {
    width: 100%;
  }
  .nmt-100 {
    margin-top: -50px;
  }
}
@media only screen and (max-width: 1075px) {
  .best-employer.banner {
    left: 15px;
  }
  #vacancy-level a {
    padding: 20px 10px;
    min-height: 200px !important;
  }
  #vacancy-level .arrow:after {
    font-size: 24px;
    bottom: 10px;
  }
  #vacancy-level h1 {
    font-size: 36px;
  }
  #vacancy-level h2 {
    font-size: 21px;
  }
  #vacancy-level p {
    font-size: 14px;
    margin-bottom: 0;
  }
  .block-view .img-container {
    width: 41.66%;
  }
  .block-view .text {
    width: 58.33%;
  }
  #cta h2,
  .blue-block h2 {
    font-size: 35px;
  }
  #cta a,
  .blue-block a {
    margin-bottom: 15px;
  }
  .right .best-employer {
    margin: -55px 0 0 20px;
    max-width: 110px;
  }
  .right .green .best-employer {
    top: -135px;
  }
}
@media only screen and (max-width: 800px) {
  .best-employer.banner {
    width: 105px;
    margin-top: -126px;
  }
  .block-view .img-container {
    width: 50%;
  }
  .block-view .text {
    width: 50%;
  }
  .block-view .icon + .inner {
    padding-left: 20px;
    padding-right: 20px;
  }
  .block-view .icon {
    position: relative;
    float: none;
    width: 100%;
    height: auto;
    padding: 10px 0 15px;
    text-align: center;
  }
  .block-view .icon i:before {
    position: relative;
    top: auto;
    font-size: 80px;
  }
  #cta .span-6 {
    width: 100%;
  }
  .blue-block .txt-container,
  .blue-block .img-container {
    width: 100%;
  }
  .nmt-100 {
    margin-top: -30px;
  }
}
@media only screen and (max-width: 750px) {
  .ml-1,
  .ml-2,
  .ml-3,
  .ml-4 {
    margin-left: 0 !important;
  }
  .mb-95,
  .mb-50 {
    margin-bottom: 20px;
  }
  .pb-95 {
    padding-bottom: 20px;
  }
  .pt-50 {
    padding-top: 20px;
  }
  .center {
    text-align: left;
  }
  .nmt-100 {
    margin-top: 0;
  }
  #lower h2,
  #lower-2 h2,
  #testimonials h2 {
    font-size: 21px;
    margin-bottom: 30px;
  }
  #lower {
    padding-top: 20px;
  }
  #main .span-10 {
    width: 100%;
  }
  #cta .span-10 {
    width: 100% !important;
    margin-left: 0 !important;
  }
  #left {
    width: 100%;
  }
  #left .inner {
    padding-left: 20px;
    padding-right: 20px;
  }
  #banner .svg,
  footer .svg {
    display: none;
  }
  footer {
    padding: 10px 0;
  }
  #main-content.span-8 {
    width: 100%;
  }
  #main-container.span-8,
  #main-container.span-6 {
    width: 100%;
  }
  #main-container.white,
  #main-container.light-blue {
    padding-left: 20px;
    padding-right: 20px;
  }
  .row .span-12 .span-8,
  .row .span-12 .span-4 {
    width: 100%;
  }
  .row .span-12 .inner {
    padding-left: 20px;
    padding-right: 20px;
  }
  .right.sticky {
    position: relative;
  }
  .right .green .best-employer {
    padding: 20px 0 0;
    position: static;
  }
  .jobs-detail-info .btn {
    display: none;
  }
  #more-jobs {
    padding: 30px 0;
  }
  #more-jobs .span-4 {
    padding-left: 0;
  }
  #tpl-home-werkenbij #intro {
    padding: 20px 20px;
  }
  #tpl-home-werkenbij #intro h1 {
    font-size: 32px;
    line-height: 1.2;
  }
  #intro {
    margin: 0;
    padding: 20px;
  }
  #intro h1 {
    font-size: 24px;
    line-height: 1.1;
    margin-bottom: 10px;
  }
  #intro p {
    font-size: 18px;
  }
  .custom-list li {
    width: 100% !important;
  }
  #vacancy-level a {
    min-height: auto !important;
  }
  #vacancy-level .arrow:after {
    right: 20px;
  }
  #page-list {
    margin: 0 -10px;
  }
  #page-list li {
    text-align: center;
  }
  #page-list h3 {
    font-size: 18px;
  }
  #benefits {
    margin: 20px 0;
  }
  #benefits li a {
    min-height: auto !important;
    padding: 15px 10px;
  }
  #benefits i {
    font-size: 90px;
    float: left;
    margin-right: 20px;
  }
  #benefits p {
    display: none;
  }
  #benefits h2 {
    margin-top: 30px;
  }
  #testimonials .row {
    margin-bottom: 0;
  }
  #testimonials h3 {
    font-size: 20px;
  }
  #cta .mb-50 {
    margin: 0;
  }
  #cta .txt {
    float: left;
  }
  #cta .span-6 {
    width: 100%;
  }
  #cta .container {
    padding: 0;
  }
  #cta h2 {
    font-size: 32px;
    line-height: 1.1;
  }
  #cta p {
    font-size: 14px;
  }
  .blue-block .span-6 {
    width: 100%;
  }
  .blue-block .container {
    padding: 0;
  }
  .block-list-items .block-view:nth-child(odd) {
    padding-right: 0;
  }
  .block-list-items .block-view:nth-child(even) {
    padding-left: 0;
  }
  .block-list-items .block-view:nth-child(even) .container {
    flex-direction: column-reverse;
  }
  .block-view {
    display: block;
    width: 100%;
    margin-bottom: 0;
    display: flex;
    flex-direction: row;
  }
  .block-view .container {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .block-view .img-container {
    width: 100%;
    display: block;
    min-height: 400px;
  }
  .block-view .text {
    width: 100%;
    display: block;
  }
  .block-view .inner {
    min-height: auto;
  }
  .block-view h2 {
    font-size: 18px;
  }
  .block-view p {
    font-size: 15px;
  }
  .block-view p:first-of-type {
    font-size: 18px;
  }
  .block-view ul {
    margin-left: 15px;
  }
  .block-view ul li {
    padding-left: 5px !important;
  }
  .detail-wide {
    margin: 40px -20px;
  }
  #bottom {
    display: none;
  }
  .jobs-list {
    padding: 0;
  }
  .jobs-list.overview {
    padding: 0 20px;
  }
  .load-more {
    margin-left: 20px;
    margin-right: 20px;
    display: block;
  }
  /* padding reset .row and span items */
  .np {
    padding-left: 0;
    padding-right: 0;
  }
  .np .span-12,
  .np .span-10,
  .np .span-8,
  .np .span-6,
  .np .span-4 {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width: 550px) {
  .best-employer.banner {
    width: 90px;
    margin-top: -110px;
  }
  #main {
    overflow: hidden;
  }
  h1 {
    font-size: 21px;
  }
  h2 {
    font-size: 18px;
    margin-bottom: 8px;
  }
  p {
    font-size: 16px;
  }
  p {
    margin-bottom: 30px;
  }
  #main-container h2 + ul {
    margin-top: 0;
  }
  #main-container li {
    font-size: 14px;
    padding-left: 20px;
    line-height: 2.1;
    margin-bottom: 2px;
  }
  #main-container li:before {
    top: 2px;
  }
  .content p:first-of-type {
    font-size: 17px;
  }
  .content .captions {
    padding: 30px 20px;
  }
  .content .captions p {
    line-height: 1.8;
  }
  #benefits i {
    font-size: 65px;
  }
  #benefits h2 {
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  #cta h2,
  .blue-block h2 {
    font-size: 32px;
    line-height: 1.1;
    margin-bottom: 10px;
  }
  #cta h2.arrow:after,
  .blue-block h2.arrow:after {
    bottom: 0;
  }
  #cta .txt,
  .blue-block .txt {
    padding: 30px 20px 40px;
  }
  #cta a,
  .blue-block a {
    font-size: 20px !important;
  }
  #cta i:before,
  .blue-block i:before {
    font-size: 45px;
  }
  .blue-block .mb-50 {
    margin-bottom: 0;
  }
  .blue-block h2 {
    font-size: 28px;
    margin-bottom: 20px;
  }
  #more-jobs {
    padding: 30px 0 20px;
  }
  #more-jobs h2 {
    font-size: 21px;
    margin-bottom: 20px;
  }
  #more-jobs h3 {
    font-size: 16px;
  }
  #more-jobs .span-4 a {
    padding: 15px 40px 15px 15px;
    font-size: 16px;
  }
  #more-jobs .span-4 a.arrow:after {
    bottom: 8px;
    font-size: 22px;
    right: 20px;
  }
  .jobs-list {
    margin-bottom: 15px;
  }
  .jobs-list li {
    padding: 15px 35px 15px 15px;
  }
  .jobs-list p {
    font-size: 13px;
  }
  .jobs-list p span {
    padding-right: 5px;
  }
  .jobs-list .icon-11 {
    font-size: 21px;
    top: -1px;
    right: -20px;
  }
  #job-alert p {
    font-size: 14px;
  }
  #job-alert.arrow:after {
    bottom: 29px;
  }
  .page-share {
    margin-top: 50px;
  }
  .btn.green {
    padding: 10px 15px;
  }
  #lower h2 {
    margin-bottom: 5px;
  }
  .arrow:after {
    bottom: 15px;
    right: 20px;
    font-size: 21px;
  }
  .block-view .img-container {
    min-height: 250px;
  }
  #main-content .span-6 {
    width: 100%;
  }
}
@media only screen and (max-width: 400px) {
  #cta h2,
  .blue-block h2 {
    font-size: 28px;
  }
  #cta .img-container.img,
  .blue-block .img-container.img {
    min-height: 200px;
  }
  #cta i:before,
  .blue-block i:before {
    font-size: 40px;
    margin-right: 10px;
  }
}
.testimonial-content {
  background: #FFF;
  padding: 30px;
  line-height: 1.6;
}
.testimonial-content p {
  margin-bottom: 0;
}
.testimonial-category {
  font-family: 'Roboto', sans-serif;
  font-weight: 900;
  font-size: 16px;
}
.testimonial-teaser {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
}
.testimonials-load {
  text-align: center;
}
.testimonials-list a {
  text-decoration: none;
}
.testimonials-list h3 {
  font-weight: 900;
  margin-bottom: 0;
  color: #1e1e1e;
}
.testimonials-list li {
  position: relative;
  padding: 20px 20px 0 20px;
  background: none;
}
.testimonials-list li:nth-child(8n + 1) .testimonial-teaser {
  display: none;
}
.testimonials-list li:nth-child(8n + 3) a {
  background: #009fe3;
}
.testimonials-list li:nth-child(8n + 3) a:hover {
  background: #007fb6;
}
.testimonials-list li:nth-child(8n + 3) a:hover .testimonial-content {
  background: #007fb6;
}
.testimonials-list li:nth-child(8n + 3) .testimonial-image {
  display: none;
}
.testimonials-list li:nth-child(8n + 3) .testimonial-content {
  background: #009fe3;
}
.testimonials-list li:nth-child(8n + 3) .testimonial-category {
  color: #FFF;
}
.testimonials-list li:nth-child(8n + 3) h3 {
  font-size: 30px;
  color: #FFF;
}
.testimonials-list li:nth-child(8n + 3) .testimonial-teaser {
  display: none;
}
.testimonials-list li:nth-child(8n + 5) a {
  background: #da1067;
}
.testimonials-list li:nth-child(8n + 5) a:hover {
  background: #ae0d52;
}
.testimonials-list li:nth-child(8n + 5) a:hover .testimonial-content {
  background: #ae0d52;
}
.testimonials-list li:nth-child(8n + 5) .testimonial-image {
  display: none;
}
.testimonials-list li:nth-child(8n + 5) .testimonial-content {
  background: #da1067;
}
.testimonials-list li:nth-child(8n + 5) .testimonial-category {
  color: #FFF;
}
.testimonials-list li:nth-child(8n + 5) h3 {
  font-size: 30px;
  color: #FFF;
}
.testimonials-list li:nth-child(8n + 5) .testimonial-teaser {
  display: none;
}
.testimonials-list li:nth-child(8n + 6) .testimonial-teaser {
  display: none;
}
.testimonials-list li:nth-child(8n + 8) a {
  background: #00be5c;
}
.testimonials-list li:nth-child(8n + 8) a:hover {
  background: #00984a;
}
.testimonials-list li:nth-child(8n + 8) a:hover .testimonial-content {
  background: #00984a;
}
.testimonials-list li:nth-child(8n + 8) .testimonial-content {
  background: #00be5c;
}
.testimonials-list li:nth-child(8n + 8) .testimonial-category {
  color: #FFF;
}
.testimonials-list li:nth-child(8n + 8) h3 {
  color: #FFF;
}
.testimonials-list li:nth-child(8n + 8) .testimonial-teaser {
  color: #FFF;
}
.testimonials-list li .testimonial-image {
  padding-bottom: 50%;
}
/* IE 11 Grid */
.testimonials-list {
  display: -ms-grid;
  -ms-grid-columns: 1fr 30px 1fr 30px 1fr 30px 1fr;
  -ms-grid-rows: auto 30px auto 30px auto 30px auto 30px auto 30px auto 30px auto;
}
.testimonials-list li:nth-child(1) {
  -ms-grid-column: 3;
  -ms-grid-column-span: 5;
  -ms-grid-row-span: 3;
}
.testimonials-list li:nth-child(2) {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  -ms-grid-row: 3;
  -ms-grid-row-span: 3;
}
.testimonials-list li:nth-child(3) {
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  -ms-grid-row: 5;
  -ms-grid-row-span: 1;
}
.testimonials-list li:nth-child(4) {
  -ms-grid-column: 5;
  -ms-grid-column-span: 3;
  -ms-grid-row: 5;
  -ms-grid-row-span: 3;
}
.testimonials-list li:nth-child(5) {
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  -ms-grid-row: 7;
  -ms-grid-row-span: 3;
}
.testimonials-list li:nth-child(6) {
  -ms-grid-column: 5;
  -ms-grid-column-span: 3;
  -ms-grid-row: 9;
  -ms-grid-row-span: 3;
}
.testimonials-list li:nth-child(7) {
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  -ms-grid-row: 11;
  -ms-grid-row-span: 3;
}
.testimonials-list li:nth-child(8) {
  -ms-grid-column: 5;
  -ms-grid-column-span: 3;
  -ms-grid-row: 13;
  -ms-grid-row-span: 1;
}
@media only screen and (min-width: 750px) {
  .testimonials-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }
  .testimonials-list li {
    padding: 0;
  }
  .testimonials-list li:nth-child(8n + 1) {
    grid-row: span 2;
    grid-column: 2 / span 2;
  }
  .testimonials-list li:nth-child(8n + 2) {
    grid-row: 2 / span 2;
    grid-column: 1;
    align-self: end;
  }
  .testimonials-list li:nth-child(8n + 2) .testimonial-image {
    position: relative;
    padding-bottom: 75%;
    overflow: hidden;
  }
  .testimonials-list li:nth-child(8n + 2) .testimonial-image img {
    position: absolute;
    top: 0;
    height: 100% !important;
    width: auto !important;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .testimonials-list li:nth-child(8n + 3) a {
    display: flex;
    height: 100%;
    justify-content: center;
    flex-direction: column;
  }
  .testimonials-list li:nth-child(8n + 4) {
    grid-row: span 2;
  }
  .testimonials-list li:nth-child(8n + 5) {
    grid-row: span 2;
    grid-column: span 2;
  }
  .testimonials-list li:nth-child(8n + 5) a {
    display: flex;
    height: 100%;
    justify-content: center;
    flex-direction: column;
  }
  .testimonials-list li:nth-child(8n + 5) .testimonial-category {
    font-size: 25px;
  }
  .testimonials-list li:nth-child(8n + 5) h3 {
    font-size: 50px;
  }
  .testimonials-list li:nth-child(8n + 7) {
    grid-row: span 2;
    grid-column: span 2;
  }
  .testimonials-list li:nth-child(8n + 7) .testimonial-image {
    position: relative;
    padding-bottom: 50%;
    overflow: hidden;
  }
  .testimonials-list li:nth-child(8n + 7) .testimonial-image img {
    position: absolute;
    top: 50%;
    left: 0;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
@media only screen and (min-width: 1075px) {
  .testimonials-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }
  .testimonials-list li:nth-child(8n + 1) {
    grid-column: 2 / span 3;
    align-self: end;
  }
  .testimonials-list li:nth-child(8n + 1) .testimonial-image {
    position: relative;
    padding-bottom: 48%;
    overflow: hidden;
  }
  .testimonials-list li:nth-child(8n + 1) .testimonial-image img {
    position: absolute;
    top: 50%;
    left: 0;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .testimonials-list li:nth-child(8n + 1) .testimonial-content {
    position: absolute;
    width: 80%;
    bottom: 0;
    left: 10%;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .testimonials-list li:nth-child(8n + 4) {
    grid-column: 3 / span 2;
    grid-row: 3 / span 2;
  }
  .testimonials-list li:nth-child(8n + 6) {
    grid-row: span 2;
    grid-column: span 2;
    align-self: start;
  }
  .testimonials-list li:nth-child(8n + 6) .testimonial-image {
    position: relative;
    padding-bottom: 70%;
    overflow: hidden;
  }
  .testimonials-list li:nth-child(8n + 6) .testimonial-image img {
    position: absolute;
    top: 0;
    height: 100% !important;
    width: auto !important;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .testimonials-list li:nth-child(8n + 6) .testimonial-content {
    position: absolute;
    width: 80%;
    bottom: 0;
    left: 10%;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .testimonials-list li:nth-child(8n + 8) {
    grid-column: span 2;
  }
  .testimonials-list li:nth-child(8n + 8) a {
    display: flex;
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 260px;
  }
  .testimonials-list li:nth-child(8n + 8) .testimonial-image {
    position: relative;
    flex-basis: 50%;
    height: 100%;
    min-height: 260px;
    align-self: center;
    justify-self: stretch;
    overflow: hidden;
  }
  .testimonials-list li:nth-child(8n + 8) .testimonial-image img {
    position: absolute;
    top: 0;
    height: 100% !important;
    width: auto !important;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .testimonials-list li:nth-child(8n + 8) .testimonial-content {
    flex-basis: 50%;
    background: #00be5c;
  }
}
.testimonial-detail .image {
  float: left;
  padding-right: 10px;
  width: 110px;
}
.testimonial-detail .image img {
  border-radius: 50%;
  overflow: hidden;
}
.testimonial-detail .sub-title {
  text-decoration: none;
  position: relative;
  font-size: 16px;
  margin-left: 120px;
}
.testimonial-detail .sub-title a:after {
  display: inline-block;
  padding-left: 10px;
  content: "\e909";
  font-family: "icon-font" !important;
  font-size: 1.2em;
}
.testimonial-detail .sub-title a:hover {
  text-decoration: underline;
}
.testimonial-detail .sub-title span {
  color: #1e1e1e;
}
.testimonial-detail .iframe-wrapper {
  margin-bottom: 30px;
}
@media only screen and (min-width: 750px) {
  .testimonial-detail .article {
    margin-left: auto;
    margin-right: auto;
    max-width: 860px;
  }
  .testimonial-detail .image {
    padding-right: 30px;
    width: 250px;
  }
  .testimonial-detail .sub-title {
    margin-left: 280px;
    font-size: 18px;
  }
  .testimonial-detail .content {
    clear: both;
  }
  .testimonial-detail .iframe-wrapper {
    margin-left: -60px;
    margin-right: -60px;
  }
}
.testimonials-widget a {
  text-decoration: none;
}
.testimonials-widget h2 {
  margin-top: 20px;
  color: #009fe3;
  font-size: 28px;
  text-align: center;
}
.testimonials-widget h3 {
  font-weight: 900;
  margin-bottom: 0;
  color: #1e1e1e;
}
.testimonials-widget li {
  padding: 20px 20px 0 20px;
  background: none;
}
.testimonials-widget li:nth-child(1) a {
  background: #00be5c;
}
.testimonials-widget li:nth-child(1) a:hover {
  background: #00984a;
}
.testimonials-widget li:nth-child(1) a:hover .testimonial-content {
  background: #00984a;
}
.testimonials-widget li:nth-child(1) .testimonial-content {
  background: #00be5c;
}
.testimonials-widget li:nth-child(2) a {
  background: #da1067;
}
.testimonials-widget li:nth-child(2) a:hover {
  background: #ae0d52;
}
.testimonials-widget li:nth-child(2) a:hover .testimonial-content {
  background: #ae0d52;
}
.testimonials-widget li:nth-child(2) .testimonial-content {
  background: #da1067;
}
.testimonials-widget li h3,
.testimonials-widget li .testimonial-category {
  color: #FFF;
}
/* IE 11 Grid */
.testimonials-widget ul {
  display: -ms-grid;
  -ms-grid-columns: 1fr 30px 1fr 30px 1fr;
  -ms-grid-rows: auto 30px auto 30px auto 30px auto 30px auto 30px auto 30px auto;
}
.testimonials-widget ul li:nth-child(1) {
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
}
.testimonials-widget ul li:nth-child(2) {
  -ms-grid-column: 5;
  -ms-grid-column-span: 1;
}
@media only screen and (min-width: 750px) {
  .testimonials-widget {
    margin-left: auto;
    margin-right: auto;
    max-width: 860px;
  }
  .testimonials-widget h2 {
    text-align: left;
  }
  .testimonials-widget ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }
  .testimonials-widget li {
    padding: 0;
  }
  .testimonials-widget li a {
    min-height: 260px;
  }
  .testimonials-widget li:nth-child(1) {
    grid-column: span 2;
  }
  .testimonials-widget li:nth-child(1) a {
    display: flex;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .testimonials-widget li:nth-child(1) .testimonial-image {
    position: relative;
    flex-basis: 50%;
    height: 100%;
    min-height: 260px;
    align-self: center;
    justify-self: stretch;
    overflow: hidden;
  }
  .testimonials-widget li:nth-child(1) .testimonial-image img {
    position: absolute;
    top: 0;
    height: 100% !important;
    width: auto !important;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .testimonials-widget li:nth-child(1) .testimonial-content {
    flex-basis: 50%;
  }
  .testimonials-widget li:nth-child(2) .testimonial-image {
    display: none;
  }
  .testimonials-widget li h3 {
    font-size: 30px;
  }
}
.testimonials-blogger-widget a {
  text-decoration: none;
}
.testimonials-blogger-widget h2 {
  margin-top: 20px;
  color: #009fe3;
  font-size: 28px;
  text-align: center;
}
.testimonials-blogger-widget h3 {
  font-weight: 900;
  margin-bottom: 0;
  color: #1e1e1e;
}
.testimonials-blogger-widget li {
  padding: 20px 20px 0 20px;
  background: none;
}
.testimonials-blogger-widget li:nth-child(6n+2) a {
  background: #00be5c;
}
.testimonials-blogger-widget li:nth-child(6n+2) a:hover {
  background: #00984a;
}
.testimonials-blogger-widget li:nth-child(6n+2) a:hover .testimonial-content {
  background: #00984a;
}
.testimonials-blogger-widget li:nth-child(6n+2) .testimonial-content {
  background: #00be5c;
}
.testimonials-blogger-widget li:nth-child(6n+3) a {
  background: #da1067;
}
.testimonials-blogger-widget li:nth-child(6n+3) a:hover {
  background: #ae0d52;
}
.testimonials-blogger-widget li:nth-child(6n+3) a:hover .testimonial-content {
  background: #ae0d52;
}
.testimonials-blogger-widget li:nth-child(6n+3) .testimonial-content {
  background: #da1067;
}
.testimonials-blogger-widget li:nth-child(6n+6) a {
  background: #009fe3;
}
.testimonials-blogger-widget li:nth-child(6n+6) a:hover {
  background: #007fb6;
}
.testimonials-blogger-widget li:nth-child(6n+6) a:hover .testimonial-content {
  background: #007fb6;
}
.testimonials-blogger-widget li:nth-child(6n+6) .testimonial-content {
  background: #009fe3;
}
.testimonials-blogger-widget li:nth-child(6n+2) h3,
.testimonials-blogger-widget li:nth-child(6n+3) h3,
.testimonials-blogger-widget li:nth-child(6n+6) h3,
.testimonials-blogger-widget li:nth-child(6n+2) .testimonial-category,
.testimonials-blogger-widget li:nth-child(6n+3) .testimonial-category,
.testimonials-blogger-widget li:nth-child(6n+6) .testimonial-category,
.testimonials-blogger-widget li:nth-child(6n+2) .testimonial-teaser,
.testimonials-blogger-widget li:nth-child(6n+3) .testimonial-teaser,
.testimonials-blogger-widget li:nth-child(6n+6) .testimonial-teaser {
  color: #FFF;
}
@media only screen and (min-width: 750px) {
  .testimonials-blogger-widget li {
    float: left;
    position: relative;
    width: 50%;
    padding: 15px;
    margin-bottom: 15px;
  }
  .testimonials-blogger-widget li:nth-child(2n+1) {
    clear: left;
    margin-top: -30px;
  }
}
.team-detail .image {
  float: left;
  padding-right: 10px;
  width: 110px;
}
.team-detail .image img {
  border-radius: 50%;
  overflow: hidden;
}
@media only screen and (min-width: 750px) {
  .team-detail .article {
    margin-left: auto;
    margin-right: auto;
    max-width: 860px;
  }
  .team-detail .header-wrap {
    display: flex;
    flex: 50%;
  }
  .team-detail .image {
    padding-right: 30px;
    flex: 50%;
  }
  .team-detail .image img {
    max-width: 360px;
    max-height: 360px;
  }
  .team-detail .header {
    flex: 50%;
    align-self: end;
  }
  .team-detail .content {
    clear: both;
  }
  .team-detail .iframe-wrapper {
    margin-left: -60px;
    margin-right: -60px;
  }
}
@media only screen and (min-width: 1075px) {
  #tpl-video-banner-werkenbij #main-content {
    position: relative;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    width: 83.33333333%;
    margin-left: 8.33% !important;
  }
}
#tpl-video-banner-werkenbij .iframe-wrapper {
  max-height: calc(100vh - 73px);
}
@media only screen and (min-width: 1075px) {
  #tpl-video-banner-werkenbij .iframe-wrapper {
    max-height: calc(100vh - 144px);
  }
}
#tpl-video-banner-werkenbij .best-employer.banner {
  display: none;
}
@media only screen and (min-width: 1075px) {
  #tpl-video-banner-werkenbij .best-employer.banner {
    display: block;
  }
}
/** DETAIL ======================================*/
.testimonial-detail .content img {
  margin-bottom: 30px;
}
/** OVERVIEW ======================================*/
#testimonials-list ul {
  max-width: none;
}
#testimonials-list .testimonials-list--flex > li {
  padding: 20px 20px 0 20px;
  margin-bottom: 0;
}
@media only screen and (min-width: 750px) {
  #testimonials-list .testimonials-list--flex > li {
    padding: 20px 10px 0;
  }
}
.testimonials-list--flex .icon-10 {
  display: inline-block;
  font-size: 25px;
}
.testimonials-list--flex > li {
  padding: 0;
  background: none;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  flex-wrap: wrap;
}
.testimonials-list--flex > li a {
  width: 100%;
  text-decoration: none;
}
.testimonials-list--flex > li .image img {
  width: 100%;
  height: auto;
  display: block;
}
.testimonials-list--flex > li:nth-child(3n + 1) .job-block {
  background-color: #da1067;
}
.testimonials-list--flex > li:nth-child(3n + 1) .job-block h2,
.testimonials-list--flex > li:nth-child(3n + 1) .job-block p,
.testimonials-list--flex > li:nth-child(3n + 1) .job-block .icon-10 {
  color: #FFF;
}
.testimonials-list--flex > li:nth-child(3n + 1) .testimonial-flex-content {
  background-color: #FFF;
  position: relative;
}
.testimonials-list--flex > li:nth-child(3n + 1) .testimonial-flex-content .icon-10 {
  position: absolute;
  bottom: 15px;
  right: 25px;
}
.testimonials-list--flex > li:nth-child(3n + 1) .testimonial-flex-content .quote {
  font-weight: 400;
}
.testimonials-list--flex > li:nth-child(3n + 2) p,
.testimonials-list--flex > li:nth-child(3n + 2) h3,
.testimonials-list--flex > li:nth-child(3n + 2) .icon-10 {
  color: #FFF;
}
.testimonials-list--flex > li:nth-child(3n + 2) .job-block {
  background-color: #009fe3;
}
.testimonials-list--flex > li:nth-child(3n + 2) .job-block h2 {
  display: none;
}
.testimonials-list--flex > li:nth-child(3n + 2) .testimonial-flex-content {
  background-color: #00be5c;
}
.testimonials-list--flex > li:nth-child(3n + 3) .job-block {
  background-color: #ff7006;
}
.testimonials-list--flex > li:nth-child(3n + 3) .job-block h2,
.testimonials-list--flex > li:nth-child(3n + 3) .job-block p,
.testimonials-list--flex > li:nth-child(3n + 3) .job-block .icon-10 {
  color: #FFF;
}
.testimonials-list--flex > li:nth-child(3n + 3) .testimonial-flex-content {
  background-color: #FFF;
}
.testimonials-list--flex > li:nth-child(3n + 3) .testimonial-flex-content .quote {
  font-weight: 400;
}
.testimonials-list--flex .testimonial-flex-content {
  padding: 25px;
}
.testimonials-list--flex .testimonial-flex-content h3 {
  margin-bottom: 20px;
}
.testimonials-list--flex .testimonial-flex-content .quote {
  margin-bottom: 20px;
  line-height: 1.5;
}
.testimonials-list--flex .testimonial-flex-content .quote p {
  font-family: 'Roboto Slab', serif;
  font-weight: 400;
}
.testimonials-list--flex .job-block {
  padding: 25px;
}
.testimonials-list--flex .job-block h2 {
  margin-bottom: 20px;
}
.testimonials-list--flex .job-block .icon-10 {
  display: inline-block;
  font-size: 25px;
}
.testimonials-list--flex .job-block p {
  line-height: initial;
  margin-bottom: 20px;
}
.testimonials-list--flex .job-block p span {
  font-weight: 900;
}
@media only screen and (min-width: 750px) {
  .testimonials-list--flex > li {
    position: relative;
  }
  .testimonials-list--flex > li:nth-child(3n + 1) {
    flex-wrap: nowrap;
  }
  .testimonials-list--flex > li:nth-child(3n + 1) a:first-child {
    flex: 1 1 80%;
  }
  .testimonials-list--flex > li:nth-child(3n + 1) a:first-child .image {
    padding-bottom: 48.27%;
  }
  .testimonials-list--flex > li:nth-child(3n + 1) a:last-child {
    flex: 1 1 20%;
    padding-left: 20px;
  }
  .testimonials-list--flex > li:nth-child(3n + 2) .image {
    position: relative;
    overflow: hidden;
  }
  .testimonials-list--flex > li:nth-child(3n + 2) .image img {
    width: auto !important;
    height: 100% !important;
    left: 50%;
    transform: translate(-50%, 0);
  }
  .testimonials-list--flex > li:nth-child(3n + 2) .quote {
    font-size: 22px;
    font-weight: 900;
    line-height: initial;
  }
  .testimonials-list--flex > li:nth-child(3n + 2) a:first-child {
    display: flex;
  }
  .testimonials-list--flex > li:nth-child(3n + 2) a:first-child .image {
    order: 2;
    flex: 1 1 70%;
  }
  .testimonials-list--flex > li:nth-child(3n + 2) a:first-child .testimonial-flex-content {
    order: 1;
    flex: 1 1 30%;
  }
  .testimonials-list--flex > li:nth-child(3n + 2) a:last-child {
    position: absolute;
    right: 10px;
    bottom: 0;
    width: 40%;
  }
  .testimonials-list--flex > li:nth-child(3n + 3) {
    flex-wrap: nowrap;
  }
  .testimonials-list--flex > li:nth-child(3n + 3) .image {
    position: relative;
    overflow: hidden;
  }
  .testimonials-list--flex > li:nth-child(3n + 3) .image img {
    width: auto !important;
    height: 100% !important;
    left: 50%;
    transform: translate(-50%, 0);
  }
  .testimonials-list--flex > li:nth-child(3n + 3) a:first-child {
    order: 2;
    flex: 1 1 80%;
    display: flex;
    flex-wrap: nowrap;
  }
  .testimonials-list--flex > li:nth-child(3n + 3) a:first-child .image {
    flex: 0 1 72%;
  }
  .testimonials-list--flex > li:nth-child(3n + 3) a:first-child .testimonial-flex-content {
    flex: 0 1 28%;
    position: relative;
  }
  .testimonials-list--flex > li:nth-child(3n + 3) a:first-child .testimonial-flex-content .icon-10 {
    position: absolute;
    right: 25px;
    bottom: 13px;
  }
  .testimonials-list--flex > li:nth-child(3n + 3) a:last-child {
    order: 1;
    flex: 1 1 20%;
    padding-right: 20px;
  }
}
@media only screen and (min-width: 1075px) {
  .testimonials-list--flex > li:nth-child(3n + 2) {
    position: relative;
  }
  .testimonials-list--flex > li:nth-child(3n + 2) .quote {
    font-size: 26px;
    font-weight: 900;
  }
  .testimonials-list--flex > li:nth-child(3n + 2) .job-block {
    display: flex;
  }
  .testimonials-list--flex > li:nth-child(3n + 2) .job-block p {
    flex: 1 1 80%;
    margin-bottom: 0;
  }
  .testimonials-list--flex > li:nth-child(3n + 2) .job-block p span {
    display: block;
  }
  .testimonials-list--flex > li:nth-child(3n + 2) .job-block .icon-10 {
    flex: 1 1 20%;
    align-self: flex-end;
  }
}
.video-widget {
  width: 100%;
  padding: 0 20px;
  margin-bottom: 2rem;
}
.video-widget:nth-child(even) {
  float: right;
}
.video-widget:after {
  clear: both;
  content: "";
  display: block;
}
@media only screen and (min-width: 750px) {
  .video-widget {
    width: calc(50% - 10px);
    float: left;
    padding: 0;
  }
}
.education {
  margin: 50px 0;
}
@media only screen and (min-width: 750px) {
  .educations-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 0;
  }
  .educations-list:first-child {
    grid-template-columns: repeat(2, 1fr);
  }
  .educations-list:first-child .education-trigger-desktop {
    grid-column: 1 / span 2;
  }
}
.educations-list > div {
  margin: 30px 0;
  position: relative;
}
@media only screen and (min-width: 750px) {
  .educations-list > div {
    margin: 0;
  }
}
.educations-list > div:first-child {
  margin-top: 0;
}
.educations-list > div div {
  position: relative;
}
.educations-list > div:nth-child(4n+1) a,
.educations-list > div:nth-child(4n+1) li {
  background: #da1067;
}
.educations-list > div:nth-child(4n+1) a.disabled,
.educations-list > div:nth-child(4n+1) li.disabled {
  background: rgba(218, 16, 103, 0.2);
}
.educations-list > div:nth-child(4n+1) span {
  border-color: #da1067;
  color: #da1067;
}
.educations-list > div:nth-child(4n+2) a,
.educations-list > div:nth-child(4n+2) li {
  background: #00be5c;
}
.educations-list > div:nth-child(4n+2) a.disabled,
.educations-list > div:nth-child(4n+2) li.disabled {
  background: rgba(0, 190, 92, 0.2);
}
.educations-list > div:nth-child(4n+2) span {
  border-color: #00be5c;
  color: #00be5c;
}
.educations-list > div:nth-child(4n+3) a,
.educations-list > div:nth-child(4n+3) li {
  background: #ff7006;
}
.educations-list > div:nth-child(4n+3) a.disabled,
.educations-list > div:nth-child(4n+3) li.disabled {
  background: rgba(255, 112, 6, 0.2);
}
.educations-list > div:nth-child(4n+3) span {
  border-color: #ff7006;
  color: #ff7006;
}
.educations-list > div:nth-child(4n+4) a,
.educations-list > div:nth-child(4n+4) li {
  background: #009fe3;
}
.educations-list > div:nth-child(4n+4) a.disabled,
.educations-list > div:nth-child(4n+4) li.disabled {
  background: rgba(0, 159, 227, 0.2);
}
.educations-list > div:nth-child(4n+4) span {
  border-color: #009fe3;
  color: #009fe3;
}
.educations-list > div .education-item--head {
  margin-bottom: 30px;
}
@media only screen and (min-width: 750px) {
  .educations-list > div .education-item--head {
    margin-bottom: 20px;
  }
}
.educations-list > div .education-item--head a {
  display: block;
  color: #FFF;
  min-height: 140px;
  padding: 25px;
  text-decoration: none;
}
.educations-list > div .education-item--head a:hover {
  opacity: 0.8;
}
.educations-list > div .education-item--head a h3 {
  color: #FFF;
  font-size: 18px;
}
.educations-list > div ul {
  display: none;
  margin: 10px 0 20px;
}
.educations-list > div ul li {
  height: 100px;
  width: 100%;
  margin: 10px 0;
  padding: 0;
  display: inline-block;
}
.educations-list > div ul li:not(.disabled):hover {
  opacity: 0.8;
}
@media only screen and (min-width: 750px) {
  .educations-list > div ul li {
    margin-top: 0;
  }
}
.educations-list > div ul li:last-child {
  margin-bottom: 0;
}
.educations-list > div ul li.disabled {
  display: none;
}
@media only screen and (min-width: 750px) {
  .educations-list > div ul li.disabled {
    display: inline-block;
  }
}
.educations-list > div ul a {
  color: #FFF;
  font-size: 18px;
  text-decoration: none;
  padding: 20px;
  display: block;
  height: 100%;
  width: 100%;
}
.educations-list .education-trigger {
  display: block;
  position: absolute;
  bottom: -25px;
  background: #FFF;
  border: 1px solid;
  left: 25px;
  right: 25px;
  font-size: 16px;
  font-weight: 700;
  line-height: 34px;
  text-align: center;
  padding: 10px;
  cursor: pointer;
  border-radius: 3px;
}
@media only screen and (min-width: 750px) {
  .educations-list .education-trigger {
    display: none;
  }
}
.educations-list .education-trigger i {
  transform: rotate(180deg) scaleX(-1);
  display: inline-block;
}
.educations-list .education-trigger.active i {
  transform: rotate(0);
}
.educations-list .education-trigger-desktop {
  display: none;
}
@media only screen and (min-width: 750px) {
  .educations-list .education-trigger-desktop {
    display: block;
    font-size: 18px;
    font-weight: 700;
    border: 2px solid #009fe3;
    color: #009fe3;
    grid-column: 1 / span 3;
    padding: 12px;
    border-radius: 3px;
    text-align: center;
    cursor: pointer;
    margin-bottom: 20px;
  }
  .educations-list .education-trigger-desktop i {
    transform: rotate(180deg) scaleX(-1);
    display: inline-block;
  }
  .educations-list .education-trigger-desktop.active i {
    transform: rotate(0);
  }
}
@media only screen and (min-width: 750px) {
  .educations-branches-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 0;
  }
}
.educations-branches-list a {
  margin: 0 0 15px;
  text-decoration: none;
  display: flex;
  flex-direction: column;
}
.educations-branch-content {
  background: #e6f5fc;
  padding: 20px;
  text-align: left;
  flex: 1;
}
@media only screen and (min-width: 750px) {
  .educations-branch-content {
    padding: 30px;
  }
}
.educations-branch-content p {
  font-weight: lighter !important;
}
.educations-branch-content p:last-child {
  margin-bottom: 0;
}
.educations-branch-content h3 {
  margin-bottom: 6px;
}
.zorgfunctie {
  background: #00be5c;
  padding: 20px;
  max-width: 970px;
  margin: 0 auto 50px;
}
@media only screen and (min-width: 750px) {
  .zorgfunctie {
    padding: 25px 28px;
    text-align: center;
  }
}
.zorgfunctie h3,
.zorgfunctie p {
  color: #FFF;
  max-width: none !important;
}
.zorgfunctie ul {
  margin-bottom: 0;
  max-width: none !important;
}
.zorgfunctie li {
  background: none;
  padding: 0 !important;
  margin-bottom: 10px !important;
}
@media only screen and (min-width: 750px) {
  .zorgfunctie li {
    display: inline-block;
  }
}
.zorgfunctie li:last-child {
  margin-bottom: 0 !important;
}
.zorgfunctie a {
  display: block;
  padding: 10px;
  background: #FFF;
  color: #00be5c;
  text-decoration: none;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
  border: 3px solid #FFF;
  border-radius: 3px;
}
.zorgfunctie a:hover {
  background: #00be5c;
  color: #FFF;
}
.accordion--panel {
  max-height: 0;
  overflow: hidden;
  transition: all 0.2s ease-out;
  position: relative;
}
.txt-odd {
  margin-bottom: 25px;
  padding-left: 20px;
  padding-right: 10px;
}
.txt-odd li {
  background-image: none;
  padding-left: 25px;
  position: relative;
  margin-bottom: 5px;
  font-size: 17px;
}
.txt-odd li:before {
  content: "\e90d";
  position: absolute;
  font-family: "icon-font" !important;
  font-size: 12px;
  color: #00be5c;
  display: inline-block;
  left: 0;
  top: 5px;
}
.img-odd {
  margin-bottom: 25px;
  padding-left: 10px;
  padding-right: 20px;
}
.img-odd img {
  border-radius: 8px;
  overflow: hidden;
}
.txt-even {
  margin-bottom: 25px;
  padding-left: 20px;
  padding-right: 10px;
  padding-left: 10px;
  padding-right: 20px;
}
.txt-even li {
  background-image: none;
  padding-left: 25px;
  position: relative;
  margin-bottom: 5px;
  font-size: 17px;
}
.txt-even li:before {
  content: "\e90d";
  position: absolute;
  font-family: "icon-font" !important;
  font-size: 12px;
  color: #00be5c;
  display: inline-block;
  left: 0;
  top: 5px;
}
.img-even {
  margin-bottom: 25px;
  padding-left: 10px;
  padding-right: 20px;
  float: right;
  padding-left: 20px;
  padding-right: 10px;
}
.img-even img {
  border-radius: 8px;
  overflow: hidden;
}
@media only screen and (max-width: 750px) {
  .txt-odd,
  .txt-even,
  .img-odd,
  .img-even {
    width: 100%;
    float: none;
    padding-left: 10px;
    padding-right: 10px;
  }
}
.marente-clips {
  text-align: center;
}
.marente-clips h2 {
  margin-top: 50px;
  color: #ff7006;
  font-family: "circe-rounded", sans-serif;
}
.marente-clips h2 a {
  color: #ff7006;
  text-decoration: none;
}
.marente-clips h2 a:hover {
  text-decoration: underline;
}
.marente-clips img {
  max-width: 365px;
  margin-left: auto;
  margin-right: auto;
}
.marente-clips .video {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}
.marente-clips .video:before {
  display: block;
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  margin-left: 7px;
  border-style: solid;
  border-width: 15px 0 15px 26px;
  border-color: transparent transparent transparent #FFFFFF;
  z-index: 2;
}
.marente-clips .video:after {
  display: block;
  content: "";
  position: absolute;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #ff7006;
  z-index: 1;
}
.marente-clips .video:hover:after {
  background: #cc5a05;
}
.marente-clips .video:hover img {
  opacity: 0.8;
}
.marente-clips .all-items-link {
  float: none;
}
@media only screen and (max-width: 750px) {
  .marente-clips {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 400px;
    margin: 0 auto;
  }
  .marente-clips h2 {
    margin-top: 20px;
    margin-bottom: 0px;
  }
  .marente-clips h2 a {
    margin-bottom: 0px;
  }
  .marente-clips .video {
    margin-top: 5px;
  }
  .marente-clips .video:before {
    border-width: 10px 0 10px 17.5px;
  }
  .marente-clips .video:after {
    width: 40px;
    height: 40px;
  }
}
/* ==========================================================================
// HTML5 Boilerplate Print styles
// Inlined to avoid required HTTP connection: h5bp.com/r
// ========================================================================== 

// NOTE: Removed content insertion after a[href]:after and abbr[title]:after
*/
@media print {
  * {
    background: transparent !important;
    color: #1e1e1e !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  p {
    font-size: 14px !important;
    margin-bottom: 20px !important;
    font-weight: normal !important;
  }
  li {
    font-size: 14px !important;
    font-weight: normal !important;
  }
  h1 {
    font-size: 26px !important;
  }
  header,
  #banner,
  #scrollupContainer,
  #more-jobs,
  #breadcrumb,
  #tpl-vacatures-werkenbij #left,
  #load-more,
  .btn,
  .share-block,
  #bottom,
  #benefits,
  #lower-2,
  .jobs-list .mark-favorite,
  #cta,
  #blue-block #testimonials,
  footer {
    display: none;
  }
  .ml-1,
  .ml-2,
  .ml-3 {
    margin-left: 0;
  }
  .span-4,
  .span-8 {
    width: 100% !important;
    float: none;
  }
  .nmt-100 {
    margin-top: 0;
  }
  .right.green .content h1,
  #main-content .content h1 {
    display: none;
  }
  .green {
    position: relative;
    background: #FFF;
    border-bottom: 1px solid #1e1e1e;
  }
  .green h2,
  .green h3,
  .green h4,
  .green li,
  .green p {
    color: #1e1e1e;
  }
  .green .print-pagetitle {
    display: block !important;
    margin-top: 30px;
    border-bottom: 1px solid #1e1e1e;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    line-height: 1.2;
    color: #009fe3;
    text-decoration: none;
    margin-bottom: 13px;
  }
  .green .print-pagetitle h1 {
    margin-bottom: 15px;
  }
  .green .inner {
    padding-bottom: 0;
  }
  #action-buttons h4 + p,
  .jobs-detail-info h4 + p,
  #action-buttons ul,
  .jobs-detail-info ul {
    border-bottom: none;
    margin-bottom: 0;
    padding: 0;
  }
  ul li:before {
    color: #1e1e1e !important;
    padding-left: 15px;
  }
  .jobs-list li {
    padding: 0 !important;
  }
  @page {
    margin: 0.5cm;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  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;
  }
  .social-share {
    display: none;
  }
  .whatsapp-notice {
    display: none;
  }
  .best-employer {
    display: none;
  }
  .green {
    width: 680px;
    margin-left: auto;
    margin-right: auto;
  }
  .right.sticky {
    position: relative;
  }
  @page print {
    margin: 2.5cm;
  }
  #cookiewall {
    display: none;
  }
}
/*@import (inline) "magnific-popup.css";*/
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  -webkit-opacity: 0.8;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  filter: alpha(opacity=80);
}
.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}
.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
  display: none;
}
.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-inline-holder .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}
.mfp-ajax-cur {
  cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}
.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
  cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.mfp-loading.mfp-figure {
  display: none;
}
.mfp-hide {
  display: none !important;
}
.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #cccccc;
}
.mfp-preloader a:hover {
  color: white;
}
.mfp-s-ready .mfp-preloader {
  display: none;
}
.mfp-s-error .mfp-content {
  display: none;
}
button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}
.mfp-close:active {
  top: 1px;
}
.mfp-close-btn-in .mfp-close {
  color: #333333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}
.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px;
}
.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after,
.mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}
.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
  border-right: 17px solid white;
  margin-left: 31px;
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f;
}
.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
  border-left: 17px solid white;
  margin-left: 39px;
}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
  border-left: 27px solid #3f3f3f;
}
.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 400px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}
.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 400px;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: black;
}
/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}
/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444444;
}
.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}
.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}
.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px;
}
.mfp-image-holder .mfp-content {
  max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
	* Remove all paddings around the image on small screen
	*/
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-ie7 .mfp-img {
  padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
  padding: 0;
}
.mfp-ie7 .mfp-content {
  padding-top: 44px;
}
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0;
}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}



.slick-prev, .slick-next {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    position: absolute;
    top: -50px;
    width: 50%;
    z-index: 800;
    border:none;
    text-indent: -9999px;
}

.slick-prev {
    background: url("/img/banner-prev.png") no-repeat scroll left 50% rgba(0, 0, 0, 0);
    left: 7px;
}

.slick-next {
    right: 7px;
    background: url("/img/banner-next.png") no-repeat scroll right 50% rgba(0, 0, 0, 0);
}


.lazy-aanbod .slick-prev,
.lazy-aanbod .slick-next{
    opacity: 0.4;
}

.slick-prev:hover {
    background: url("/img/banner-prev.png") no-repeat scroll left 50% rgba(0, 0, 0, 0);
}
.slick-next:hover {
    background: url("/img/banner-next.png") no-repeat scroll right 50% rgba(0, 0, 0, 0);
}
.slick-prev:hover, .slick-next:hover {
    opacity: 1;
}



/*custom marente*/

.slick-next {
    right: 0;
}
.slick-next:before{
     content: "\e909";
     font-family: 'icomoon' !important;
     bottom:25px;
     right:40px;
     font-size: 35px;
     color: #009fe3;
}

.slick-prev {
    left: 0;
}

.slick-prev:before{
     content: "\e908";
     font-family: 'icomoon' !important;
     bottom:25px;
     right:40px;
     font-size: 35px;
     color: #009fe3;
}

.slick-next, .slick-prev{
    top:0;
    height: 100%;
    background: #cee5f0;
    width:80px;
    text-indent: 0;
    color: #cee5f0;
}

.slick-list{
    padding: 75px 0;
}

.slick-active + .slick-active {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    transform: scale(1.2);
    z-index: 10;
    padding: 0;
    -webkit-box-shadow: 0px 2px 12px 0px #000000;
    box-shadow: 0px 2px 12px 0px #000000;
}
.slick-active + .slick-active .content-container {
    background: #009fe3;
}


.slick-active + .slick-active .content-container h3,
.slick-active + .slick-active .content-container p,
.slick-active + .slick-active .content-container span{
    color: #FFFFFF;
}

.slick-active + .slick-active + .slick-active {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    z-index: 5;
    padding: 0 10px;
    box-shadow: none;
}

.slick-active + .slick-active + .slick-active .content-container {
    background: #FFFFFF;
}
.slick-active + .slick-active + .slick-active h3,
.slick-active + .slick-active + .slick-active p{
    color: #1e1e1e;
}

.slick-active + .slick-active + .slick-active span {
    color: #009fe3;
}
/*# sourceMappingURL=main.css.map */