<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*files:/home/houseofwork/domains/houseofwork.nl/public_html/compiled/less/base.css*/
/*base.css*/
/* Less variables */
@font-face {
  font-family: 'Exo';
  src: url('//houseofwork.nl/css/fonts/Exo Light.eot');
  src: url('//houseofwork.nl/css/fonts/Exo Light.eot?#iefix') format('embedded-opentype'), url('//houseofwork.nl/css/fonts/Exo Light.woff2') format('woff2'), url('//houseofwork.nl/css/fonts/Exo Light.woff') format('woff'), url('//houseofwork.nl/css/fonts/Exo Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Exo';
  src: url('//houseofwork.nl/css/fonts/Exo Light Italic.eot');
  src: url('//houseofwork.nl/css/fonts/Exo Light Italic.eot?#iefix') format('embedded-opentype'), url('//houseofwork.nl/css/fonts/Exo Light Italic.woff2') format('woff2'), url('//houseofwork.nl/css/fonts/Exo Light Italic.woff') format('woff'), url('//houseofwork.nl/css/fonts/Exo Light Italic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'Exo';
  src: url('//houseofwork.nl/css/fonts/Exo Regular.eot');
  src: url('//houseofwork.nl/css/fonts/Exo Regular.eot?#iefix') format('embedded-opentype'), url('//houseofwork.nl/css/fonts/Exo Regular.woff2') format('woff2'), url('//houseofwork.nl/css/fonts/Exo Regular.woff') format('woff'), url('//houseofwork.nl/css/fonts/Exo Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Exo';
  src: url('//houseofwork.nl/css/fonts/Exo Italic.eot');
  src: url('//houseofwork.nl/css/fonts/Exo Italic.eot?#iefix') format('embedded-opentype'), url('//houseofwork.nl/css/fonts/Exo Italic.woff2') format('woff2'), url('//houseofwork.nl/css/fonts/Exo Italic.woff') format('woff'), url('//houseofwork.nl/css/fonts/Exo Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'Exo';
  src: url('//houseofwork.nl/css/fonts/Exo Bold.eot');
  src: url('//houseofwork.nl/css/fonts/Exo Bold.eot?#iefix') format('embedded-opentype'), url('//houseofwork.nl/css/fonts/Exo Bold.woff2') format('woff2'), url('//houseofwork.nl/css/fonts/Exo Bold.woff') format('woff'), url('//houseofwork.nl/css/fonts/Exo Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Exo';
  src: url('//houseofwork.nl/css/fonts/Exo Bold Italic.eot');
  src: url('//houseofwork.nl/css/fonts/Exo Bold Italic.eot?#iefix') format('embedded-opentype'), url('//houseofwork.nl/css/fonts/Exo Bold Italic.woff2') format('woff2'), url('//houseofwork.nl/css/fonts/Exo Bold Italic.woff') format('woff'), url('//houseofwork.nl/css/fonts/Exo Bold Italic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
}
/* Bootstrap Media Queries */
/* General variables */
/*
 * Fonts
 */
/* Families */
/* Line heights */
/* Sizes */
/* Weights */
/*
 * Colors
 */
/* General */
/* Menu */
/* Headings, paragraphs and links */
/* Main colors */
/* Buttons */
/* Default */
/* Primary */
/* Secondary */
/* Tertiary */
/* Complimentary colors */
/* Standard colors */
/* General styling*/
html {
  height: 100%;
  width: 100%;
}
body {
  background-color: #ffffff;
  color: #00334a;
  font-family: "Exo";
  font-weight: 300;
  line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6,
#applicationForm fieldset legend,
#programContainer .sessionBlock h2 &gt; a {
  font-family: "Exo";
  line-height: 1.2;
}
h1 {
  color: #00334a;
  font-size: 2.5rem;
  font-weight: 700;
}
h2,
#programContainer .sessionBlock h2 &gt; a {
  color: #7abad3;
  font-size: 1.75rem;
  font-weight: 700;
}
h3,
#applicationForm fieldset legend {
  color: #7abad3;
  font-size: 1.125rem;
  font-weight: 700;
}
h4 {
  color: #f6a51e;
  font-size: 1.5rem;
  font-weight: 700;
}
h5 {
  color: #00334a;
  font-size: 1.125rem;
  font-weight: 700;
}
h6 {
  color: #00334a;
  font-size: 1.125rem;
  font-weight: 700;
}
p {
  font-size: 1rem;
  font-weight: 300;
  color: #00334a;
}
a {
  color: #00808c;
  font-size: 1rem;
  font-weight: 300;
}
a:hover {
  color: #7abad3;
  text-decoration: none;
}
img {
  height: auto;
  max-width: 100%;
}
strong {
  font-weight: 700;
}
#pageWrapper {
  overflow: hidden;
}
.home-content,
.page-content {
  padding: 6.25rem 0;
}
.btn {
  border: 0;
  border-radius: 0;
  font-weight: 700;
  padding: 8px 20px;
  color: #fff;
  white-space: nowrap;
  transition: none;
}
.btn-default,
.button {
  background-color: #f6a51e;
  color: #ffffff;
  position: relative;
}
.btn-default:hover,
.button:hover,
.btn-default:focus,
.button:focus {
  background-color: #f6a51e;
  color: #ffffff;
}
.btn-default:hover:after,
.button:hover:after,
.btn-default:focus:after,
.button:focus:after {
  background-image: url(//houseofwork.nl/files/images/bg-button-orange.png);
}
.btn-default:not(:disabled):not(.disabled):active,
.button:not(:disabled):not(.disabled):active {
  background-color: #f6a51e;
  color: #ffffff;
}
.btn-default:not(:disabled):not(.disabled):active:after,
.button:not(:disabled):not(.disabled):active:after {
  background-image: url(//houseofwork.nl/files/images/bg-button-darkblue.png);
}
.btn-default:after,
.button:after {
  content: "";
  width: 53px;
  height: 40px;
  background-image: url(//houseofwork.nl/files/images/bg-button-orange.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 0;
  right: -34px;
}
.btn-primary,
#applicationForm .btn-apply,
.cookie-notification button {
  background-color: #00334a;
  color: #ffffff;
  position: relative;
}
.btn-primary:hover,
.btn-primary:focus,
#applicationForm .btn-apply:hover,
.cookie-notification button:hover {
  background-color: #f6a51e;
  color: #ffffff;
}
.btn-primary:hover:after,
.btn-primary:focus:after {
  background-image: url(//houseofwork.nl/files/images/bg-button-orange.png);
}
.btn-primary:not(:disabled):not(.disabled):active {
  background-color: #f6a51e;
  color: #ffffff;
}
.btn-primary:not(:disabled):not(.disabled):active:after {
  background-image: url(//houseofwork.nl/files/images/bg-button-orange.png);
}
.btn-primary:after {
  content: "";
  width: 53px;
  height: 40px;
  background-image: url(//houseofwork.nl/files/images/bg-button-darkblue.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 0;
  right: -34px;
}
.btn-secondary {
  background-color: #f6a51e;
  color: #ffffff;
  position: relative;
}
.btn-secondary:hover,
.btn-secondary:focus {
  background-color: #7abad3;
  color: #ffffff;
}
.btn-secondary:hover:after,
.btn-secondary:focus:after {
  background-image: url(//houseofwork.nl/files/images/bg-button-blue.png);
}
.btn-secondary:not(:disabled):not(.disabled):active {
  background-color: #7abad3;
  color: #ffffff;
}
.btn-secondary:not(:disabled):not(.disabled):active:after {
  background-image: url(//houseofwork.nl/files/images/bg-button-blue.png);
}
.btn-secondary:after {
  content: "";
  width: 53px;
  height: 40px;
  background-image: url(//houseofwork.nl/files/images/bg-button-orange.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 0;
  right: -34px;
}
.btn-tertiary,
.vacancy-block-v2 .detail-link .btn-primary {
  background-color: #ffffff;
  color: #00334a;
  position: relative;
}
.btn-tertiary:hover,
.btn-tertiary:focus,
.vacancy-block-v2 .detail-link .btn-primary:hover {
  background-color: #00334a;
  color: #ffffff;
}
.btn-tertiary:hover:after,
.btn-tertiary:focus:after {
  background-image: url(//houseofwork.nl/files/images/bg-button-darkblue.png);
}
.btn-tertiary:not(:disabled):not(.disabled):active {
  background-color: #00334a;
  color: #ffffff;
}
.btn-tertiary:not(:disabled):not(.disabled):active:after {
  background-image: url(//houseofwork.nl/files/images/bg-button-darkblue.png);
}
.btn-tertiary:after {
  content: "";
  width: 53px;
  height: 40px;
  background-image: url(//houseofwork.nl/files/images/bg-button-white.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 0;
  right: -34px;
}
.alt-hover:hover,
.alt-hover:focus,
body.vacancies-detail section.vacancies-detail .actions .btn:hover {
  background-color: #00334a;
  color: #fff;
}
.alt-hover:hover:after,
.alt-hover:focus:after {
  background-image: url(//houseofwork.nl/files/images/bg-button-darkblue.png);
}
.alt-hover:not(:disabled):not(.disabled):active {
  background-color: #00334a;
  color: #fff;
}
.alt-hover:not(:disabled):not(.disabled):active:after {
  background-image: url(//houseofwork.nl/files/images/bg-button-purple.png);
}
.level1 .mm-listitem_opened .level2 {
  display: block;
  background-color: #7abad3;
  border: none;
}
.level1 .mm-listitem_opened .level2 li {
  color: white;
}
.level1 .mm-listitem_opened .level2 li.active {
  background-color: #7abad3;
  border-bottom: 2px solid white;
}
#header {
  background-color: transparent;
  z-index: 9999;
  width: 100%;
  transition: all 0.3s ease-in-out;
  position: absolute;
  padding-top: 35px;
  top: 0;
  left: 0;
}
#header .mobileMenu {
  order: 2;
}
#header #headerHomeButton {
  display: block;
  width: 50px;
  height: 50px;
  float: left;
  text-align: center;
  order: 1;
}
#header #headerHomeButton img {
  width: 23px;
  height: 30px;
  margin: 10px 0 0 25px;
}
#header .navbar-toggler {
  color: #ffffff;
  transition: all 0.3s ease-in-out;
}
#header .navbar-toggler:before {
  font-size: 2rem;
}
@media (min-width: 992px) {
  #header .dropdown {
    position: initial;
  }
  #header .dropdown .dropdown-item {
    padding: 0.25rem 0.25rem;
    clear: both;
    width: auto;
    white-space: initial;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    background-color: transparent;
    border: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  #header {
    background-color: #00334a;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    padding: 5px 140px;
    position: fixed;
  }
}
@media (min-width: 350px) and (max-width: 768px) {
  #header {
    background-color: #00334a;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    padding: 5px 15px;
    position: fixed;
  }
}
#header .header-container {
  max-width: 1400px;
}
#header.portal {
  position: relative;
  padding-top: 0;
}
#header.portal .navbar-toggler {
  color: #fff;
}
#header .header-block {
  background-color: #ffffff;
  top: -17px;
  position: relative;
  line-height: 50px;
}
@media (max-width: 1200px) {
  #header .header-block {
    top: 9px;
    background-color: #00334a;
  }
  #header .header-block a,
  #header .header-block p {
    font-size: 16px !important;
  }
}
@media (min-width: 1200px) and (max-width: 1500px) {
  #header .header-block:after {
    display: none;
  }
}
@media (min-width: 1500px) {
  #header .header-block:after {
    content: "";
    width: 66px;
    height: 50px;
    background-image: url(//houseofwork.nl/files/images/bg-button-white.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    top: 0;
    right: -65px;
  }
}
#header nav {
  background-color: #ffffff;
  display: flex;
  position: relative;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  top: -25px;
}
#header .logo {
  padding: 5px 15px;
  max-width: 165px;
  max-height: 145px;
}
@media (max-width: 992px) {
  #header .logo {
    margin-left: -55px;
  }
}
#header .logo:before {
  display: block;
  content: "";
  width: 1060px;
  height: 365px;
  background-color: #00334a;
  -ms-transform: skew(0, 6.5deg);
  -webkit-transform: skew(0, 6.5deg);
  transform: skew(0, 6.5deg);
  position: absolute;
  top: -230px;
  left: -720px;
  z-index: -1;
}
@media (max-width: 1199px) {
  #header .logo:before {
    width: 1060px;
    height: 330px;
  }
}
@media (max-width: 1199px) {
  #header .logo:before {
    display: none;
  }
}
@media (min-width: 1200px) {
  #header .logo img {
    margin-top: -40px;
    margin-left: 60px;
  }
}
@media (max-width: 1199px) {
  #header .logo img {
    max-height: 50px;
  }
}
#header .logo div,
#header .logo p {
  margin-bottom: 0;
}
#header .navbar {
  padding: 0;
}
#header .menuTree {
  line-height: 50px;
  display: flex;
  flex-direction: row;
}
#header .menuTree li {
  margin-left: 35px !important;
}
#header .menuTree li .level2 li {
  margin-left: 0px !important;
}
#header .menuTree li.item-index {
  position: relative;
  text-align: center;
  width: 2rem;
  max-height: 50px;
}
#header .menuTree li.item-index a {
  font-size: 0;
}
#header .menuTree li.item-index a:after {
  content: "\f015";
  font-family: FontAwesome;
  font-size: 2rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#header .menuTree li.active &gt; a {
  color: #7abad3;
}
#header .menuTree li:last-child a {
  color: #f6a51e;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}
#header .menuTree li:last-child a:hover {
  color: #f6a51e;
}
#header .menuTree li a {
  color: #0d2e4d;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  text-decoration: none;
}
@media (max-width: 1199px) {
  #header .menuTree li a {
    font-size: 1rem;
  }
}
#header .menuTree li a:hover {
  color: #7abad3;
}
#header .menuTree li:hover .menuTree {
  display: block;
}
@media (min-width: 992px) {
  #header .menuTree li:hover .menuTree {
    display: flex;
  }
}
#header .menuTree .menuTree.level2 {
  background-color: #ffffff;
  display: none;
  padding-left: 15px;
  position: absolute;
  left: auto;
  top: 95%;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
  justify-content: initial;
  flex-wrap: wrap;
  border-radius: 0;
  border: none;
}
#header .menuTree .menuTree.level2 li {
  float: left;
  margin-right: 10px;
}
#header .menuTree .menuTree.level2 li:first-child {
  padding-left: 0;
}
#header .menuTree .menuTree.level2 li a {
  font-weight: 300;
  font-size: 1rem;
}
#header .header-right {
  display: flex;
  justify-content: flex-end;
  line-height: 50px;
  margin-left: 15px;
}
#header .header-right p {
  margin-bottom: 0;
}
#header .header-text {
  margin-right: 15px;
}
#header .header-text a,
#header .header-text p {
  display: block;
  color: #f6a51e;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: right;
  text-decoration: none;
}
#header .top-header {
  background-color: #e5e5e5;
  padding: 10px 0;
}
#header .middle-header {
  background-color: #fff;
}
#header .middle-header .navbar-brand {
  display: block;
  text-align: center;
  padding: 20px 0;
}
#header .middle-header .navbar-brand img {
  max-height: 70px;
}
#header .bottom-header {
  background-color: #00334a;
}
#header .bottom-header nav {
  background-color: transparent;
  box-shadow: none;
}
#header .bottom-header nav:after {
  display: none;
}
#header .bottom-header .navbar {
  min-height: 50px;
  padding: 0 1rem;
}
@media (min-width: 768px) {
  #header .bottom-header .navbar {
    min-height: 70px;
  }
}
#header .bottom-header .navbar .menuTree {
  flex: 1;
  line-height: 70px;
}
@media (min-width: 768px) {
  #header .bottom-header .navbar .menuTree.level1 &gt; li {
    min-height: 70px;
  }
}
#header .bottom-header .navbar .menuTree.level1 &gt; li &gt; a {
  color: #fff;
}
#header .bottom-header .navbar .menuTree.level1 &gt; li &gt; a:hover {
  color: #fff;
}
#header .bottom-header .navbar .menuTree.level1 li {
  position: relative;
}
#header .bottom-header .navbar .menuTree .menuTree {
  width: auto;
  padding: 20px;
  left: 50%;
  transform: translateX(-50%);
}
#header .bottom-header .navbar .menuTree .menuTree li {
  padding: 0;
  line-height: 1.2;
}
#header .bottom-header .navbar .menuTree .menuTree li a:hover {
  color: #7abad3;
}
@media (min-width: 992px) {
  #header .menuTree.level2 {
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 100%;
  }
}
#header .header-login {
  text-align: right;
}
#header .header-login p {
  display: none;
}
#header .header-login #loginHeader .loginHeaderText span {
  display: inline-block;
}
#header .header-login #loginHeader .loginHeaderText .salutation {
  display: none;
}
#header .header-login #loginHeader .loginHeaderText .loginArrow {
  display: none;
}
#header .header-login #loginHeader .loginHeaderText .loginHeaderActions {
  margin: 0;
  padding-left: 20px;
}
#header .header-login #loginHeader .loginHeaderText .loginHeaderActions li {
  list-style: none;
  display: inline-block;
}
#header .header-login #loginHeader .loginHeaderText .loginHeaderActions li:nth-child(2) {
  display: none;
}
.page-head {
  position: relative;
  max-height: 940px;
  overflow: hidden;
}
.page-head:before {
  content: "";
  width: 200%;
  height: 600px;
  background-color: #fff;
  position: absolute;
  bottom: -600px;
  right: 0;
  z-index: 5;
  transform-origin: bottom right;
  transform: rotate(6.5deg);
}
.page-head.google-map {
  transition: all 0.4s ease-in-out 0s;
}
.page-head.google-map:before {
  left: -50%;
  bottom: -510px;
  transform-origin: center top;
}
.page-head.google-map.big-map {
  max-height: 850px;
}
@media (max-width: 1199px) {
  .page-head.google-map.big-map {
    max-height: 750px;
  }
}
@media (max-width: 991px) {
  .page-head.google-map.big-map {
    max-height: 600px;
  }
}
.page-head.google-map.big-map .googlemap {
  height: 850px;
}
@media (max-width: 1199px) {
  .page-head.google-map.big-map .googlemap {
    height: 750px;
  }
}
@media (max-width: 991px) {
  .page-head.google-map.big-map .googlemap {
    height: 600px;
  }
}
.page-head.google-map .googlemap {
  height: 650px;
  transition: all 0.4s ease-in-out 0s;
}
@media (max-width: 1199px) {
  .page-head.google-map .googlemap {
    height: 550px;
  }
}
@media (max-width: 991px) {
  .page-head.google-map .googlemap {
    height: 400px;
  }
}
@media (max-width: 575px) {
  .page-head.google-map .googlemap {
    height: 300px;
  }
}
.page-head.google-map .googlemap .gm-style [aria-label="Map"] {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.page-head.google-map .googlemap .gmnoprint,
.page-head.google-map .googlemap .gm-fullscreen-control {
  display: none;
}
.page-head.google-map .map-toggle-wrapper .container {
  position: relative;
}
.page-head.google-map .map-toggle-wrapper .map-toggle {
  display: block;
  padding: 35px 40px;
  position: absolute;
  left: 15px;
  bottom: 140px;
  cursor: pointer;
  z-index: 1;
}
@media (max-width: 1199px) {
  .page-head.google-map .map-toggle-wrapper .map-toggle {
    bottom: 130px;
  }
}
@media (max-width: 991px) {
  .page-head.google-map .map-toggle-wrapper .map-toggle {
    bottom: 110px;
  }
}
@media (max-width: 767px) {
  .page-head.google-map .map-toggle-wrapper .map-toggle {
    bottom: 100px;
  }
}
@media (max-width: 575px) {
  .page-head.google-map .map-toggle-wrapper .map-toggle {
    display: none;
  }
}
.page-head.google-map .map-toggle-wrapper .map-toggle:before {
  width: 100%;
  height: 300px;
  content: "";
  position: absolute;
  top: -15px;
  left: 0;
  background-color: rgba(122, 186, 211, 0.8);
  transform-origin: top left;
  transform: skew(0, 6.5deg);
}
.page-head.google-map .map-toggle-wrapper .map-toggle p {
  color: #fff;
  font-weight: 700;
  margin-bottom: 0;
  font-size: 1.75rem;
}
.page-head.google-map .map-toggle-wrapper .map-toggle #toggleBlock2 {
  display: none;
}
.page-head.google-map .map-toggle-wrapper .map-toggle .content-block {
  position: relative;
}
.page-head .page-head-image {
  text-align: center;
}
.page-head .carousel-page-head .arrow {
  display: none !important;
}
#templateHome .page-head .page-head-image img {
  width: 100%;
  height: 100%;
  max-height: 940px;
  object-fit: cover;
}
@media (min-width: 992px) and (max-width: 1200px) {
  #templateHome .page-head .page-head-image img {
    height: 750px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  #templateHome .page-head .page-head-image img {
    height: 700px;
  }
}
@media (min-width: 350px) and (max-width: 768px) {
  #templateHome .page-head .page-head-image img {
    height: 750px;
  }
}
#templateHome .page-head .page-head-image ::before {
  width: 100%;
  height: 100%;
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  background: #00334A;
  opacity: 0.3;
}
#templateHome .page-head {
  overflow: hidden;
  position: relative;
}
#templateHome .page-head .overlay {
  color: #ffffff;
  min-height: 50px;
  position: absolute;
  top: 40%;
  left: 45%;
  right: 0;
}
@media (min-width: 992px) and (max-width: 1600px) {
  #templateHome .page-head .overlay {
    left: 35%;
    top: 35%;
  }
}
@media (min-width: 576px) and (max-width: 992px) {
  #templateHome .page-head .overlay {
    top: 29% !important;
    left: 35%;
  }
}
@media (min-width: 350px) and (max-width: 576px) {
  #templateHome .page-head .overlay {
    top: 25% !important;
    left: 0%;
  }
}
#templateHome .page-head .overlay .overlay-text1 {
  min-height: 50px;
  position: relative;
  white-space: nowrap;
}
@media (max-width: 576px) {
  #templateHome .page-head .overlay .overlay-text1 {
    text-align: center;
  }
}
#templateHome .page-head .overlay .overlay-text1 h1 {
  color: #fff;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  font-size: 60px;
  line-height: 0.75;
}
@media (min-width: 350px) and (max-width: 576px) {
  #templateHome .page-head .overlay .overlay-text1 h1 {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  #templateHome .page-head .overlay .overlay-text1 h1 {
    font-size: 45px;
    line-height: 0.85;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  #templateHome .page-head .overlay .overlay-text1 h1 {
    font-size: 45px;
    line-height: 0.85;
  }
}
@media (min-width: 992px) and (max-width: 1250px) {
  #templateHome .page-head .overlay .overlay-text1 h1 {
    font-size: 50px;
    line-height: 0.85;
  }
}
#templateHome .page-head .overlay .overlay-text1 .connect-text {
  line-height: 1.5;
}
@media (min-width: 350px) and (max-width: 576px) {
  #templateHome .page-head .overlay .overlay-text1 .connect-text {
    font-size: 32px;
    line-height: 1.5;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  #templateHome .page-head .overlay .overlay-text1 .connect-text {
    font-size: 32px;
    line-height: 0.95;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  #templateHome .page-head .overlay .overlay-text1 .connect-text {
    font-size: 45px;
    line-height: 0.85;
  }
}
@media (min-width: 992px) and (max-width: 1250px) {
  #templateHome .page-head .overlay .overlay-text1 .connect-text {
    font-size: 50px;
    line-height: 0.85;
  }
}
#templateHome .page-head .overlay .overlay-text1 .mission-text {
  font-size: 35px;
  margin: 2px 0 4px;
}
@media (min-width: 350px) and (max-width: 576px) {
  #templateHome .page-head .overlay .overlay-text1 .mission-text {
    font-size: 20px;
    line-height: 1;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  #templateHome .page-head .overlay .overlay-text1 .mission-text {
    font-size: 22px;
    line-height: 0.95;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  #templateHome .page-head .overlay .overlay-text1 .mission-text {
    font-size: 30px;
    line-height: 0.95;
  }
}
#templateHome .page-head .overlay .overlay-text1 .HoW-text {
  font-size: 42px;
  margin: 2px 0 4px;
}
@media (min-width: 350px) and (max-width: 576px) {
  #templateHome .page-head .overlay .overlay-text1 .HoW-text {
    font-size: 28px;
    line-height: 1;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  #templateHome .page-head .overlay .overlay-text1 .HoW-text {
    font-size: 29px;
    line-height: 0.95;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  #templateHome .page-head .overlay .overlay-text1 .HoW-text {
    font-size: 35px;
    line-height: 0.95;
  }
}
#templateHome .page-head .overlay .overlay-text1 p {
  color: #ffffff;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
  font-size: 0.9rem !important;
}
@media (min-width: 390px) {
  #templateHome .page-head .overlay .overlay-text1 p {
    font-size: 1rem !important;
  }
}
@media (min-width: 576px) {
  #templateHome .page-head .overlay .overlay-text1 p {
    font-size: 1.5rem !important;
  }
}
@media (min-width: 768px) {
  #templateHome .page-head .overlay .overlay-text1 p {
    font-size: 1.9rem !important;
  }
}
@media (min-width: 992px) {
  #templateHome .page-head .overlay .overlay-text1 p {
    font-size: 2.4rem !important;
  }
}
#footer {
  background-color: #00334a;
  margin-bottom: 30px;
  padding: 40px 0 0;
  position: relative;
  z-index: 1;
}
#footer:after {
  content: "";
  width: 200%;
  height: 600px;
  background: #fff;
  position: absolute;
  bottom: -600px;
  right: 0;
  transform-origin: bottom right;
  transform: rotate(6.5deg);
  z-index: -1;
}
@media (max-width: 767px) {
  #footer:after {
    display: none;
  }
}
@media (max-width: 767px) {
  #footer {
    margin-bottom: 0;
  }
}
#footer.portal-footer {
  margin: 0;
}
#footer h3 {
  color: #ffffff;
  margin-bottom: 20px;
}
#footer p {
  color: #ffffff;
}
#footer p:last-child {
  margin-bottom: 0;
}
#footer a {
  text-decoration: none;
  color: #ffffff;
}
#footer a:hover {
  color: #7abad3;
}
#footer .footer-row1 {
  min-height: 340px;
}
@media (max-width: 767px) {
  #footer .footer-row2 {
    background-color: #fff;
    padding: 30px 0 40px;
  }
}
#footer .footer-row2 p {
  color: #f9f9f9;
  font-size: 0.75rem;
}
#footer .footer-row2 a {
  border-bottom: 1px solid #00334a;
  color: #00334a;
  font-size: 0.75rem;
}
@media (max-width: 767px) {
  #footer .quick-links {
    margin-bottom: 40px;
  }
}
#footer .quick-links div,
#footer .quick-links p {
  display: flex;
  flex-wrap: wrap;
}
#footer .quick-links a {
  padding: 2px 12px;
  border: 1px solid #f6a51e;
  color: #f6a51e;
  margin: 0 12px 12px 0;
  font-weight: 700;
}
@media (max-width: 575px) {
  #footer .quick-links a {
    flex-grow: 1;
    text-align: center;
  }
}
#footer .quick-links a:hover {
  background-color: #f6a51e;
  border-color: #f6a51e;
  color: #fff;
}
.loginForm form {
  background-color: #7abad3;
  border-radius: 0.25rem;
  padding: 3rem;
}
.form-group {
  margin-bottom: 1rem;
}
.intl-tel-input .country-list li:before {
  display: none;
}
.register_vacancy {
  width: 100%;
  background-color: #fff;
  padding: 2rem;
  -webkit-box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.4);
  box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.4);
}
.register_vacancy dt {
  display: none;
}
.register_vacancy input {
  width: 100%;
}
.register_vacancy textarea {
  max-height: 10rem;
}
.register_vacancy .opt-in {
  padding: 1.2rem 0;
}
.zend_form input,
.zend_form select,
.zend_form textarea {
  border-radius: 0.25rem;
}
.zend_form textarea {
  max-height: 5rem;
}
.zend_form .opt-in {
  padding-left: 0;
}
.zend_form .opt-in label {
  padding-left: 3rem;
}
.zend_form .opt-in label:before {
  left: 11px;
}
.zend_form .opt-in label:after {
  left: 0;
}
.zend_form .error {
  border: 2px solid #dc3545;
}
.full-intake .page-head-breadcrumbs ul li:before {
  display: none;
}
.full-intake .btn-experience-add-another p {
  color: #ffffff !important;
}
.flexworker-form .btn:after {
  background: none;
  width: auto;
  height: auto;
  position: static;
}
.flexworker-form .input-group .btn {
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  color: currentColor;
  padding: .375rem .75rem;
  font-weight: 400;
  border-radius: 0.25rem 0 0 0.25rem;
}
form .input-group &gt; :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: auto !important;
}
form .glyphicon-phone:after {
  content: '\f3cd';
  font-family: 'Font Awesome 6 Pro';
  color: #000000;
  font-size: 1rem;
  font-weight: bold;
}
form .glyphicon-phone-alt:after {
  content: '\f095';
  font-family: 'Font Awesome 6 Pro';
  color: #000000;
  font-size: 1rem;
  font-weight: bold;
}
form .glyphicon-phone:after {
  content: '\f3cd';
  font-family: 'Font Awesome 6 Pro';
  color: #000000;
  font-size: 1rem;
  font-weight: bold;
}
form .glyphicon-envelope:after {
  content: '\f0e0';
  font-family: 'Font Awesome 6 Pro';
  color: #000000;
  font-size: 1rem;
  font-weight: bold;
}
form .glyphicon-calendar:after {
  content: '\f133';
  font-family: 'Font Awesome 6 Pro';
  color: #000000;
  font-size: 1rem;
  font-weight: bold;
}
form .glyphicon-list-alt:after {
  content: '\f022';
  font-family: 'Font Awesome 6 Pro';
  color: #000000;
  font-size: 1rem;
  font-weight: bold;
}
form span.glyphicon.validation {
  display: none !important;
}
form .form-group:has(.required) label:first-child::after {
  content: '\f06a';
  /* Unicode character for Font Awesome exclamation mark */
  font-family: 'Font Awesome 6 Pro';
  /* Make sure to use the correct Font Awesome font family */
  margin-left: 5px;
  /* Adjust the spacing if needed */
  color: #dc3545;
  /* Set the color of the exclamation mark */
}
form .form-group:has(.required):first-child::after {
  content: '\f06a';
  /* Unicode character for Font Awesome exclamation mark */
  font-family: 'Font Awesome 6 Pro';
  /* Make sure to use the correct Font Awesome font family */
  margin-left: 5px;
  /* Adjust the spacing if needed */
  color: #dc3545;
  /* Set the color of the exclamation mark */
  position: absolute;
  right: 10px;
  top: 22%;
}
form .form-group:has(label:first-child):first-child::after {
  display: none;
}
form .input-group:has(.required) label:first-child::after {
  content: '\f06a';
  /* Unicode character for Font Awesome exclamation mark */
  font-family: 'Font Awesome 6 Pro';
  /* Make sure to use the correct Font Awesome font family */
  margin-left: 5px;
  /* Adjust the spacing if needed */
  color: #dc3545;
  /* Set the color of the exclamation mark */
}
form .input-group:has(.required):first-child::after {
  content: '\f06a';
  /* Unicode character for Font Awesome exclamation mark */
  font-family: 'Font Awesome 6 Pro';
  /* Make sure to use the correct Font Awesome font family */
  margin-left: 5px;
  /* Adjust the spacing if needed */
  color: #dc3545;
  /* Set the color of the exclamation mark */
  position: absolute;
  right: 10px;
  top: 22%;
}
form .input-group:has(.required.is-valid) label:first-child::after,
form .form-group:has(.required.valid) label:first-child::after {
  content: '\f06a';
  /* Unicode character for Font Awesome exclamation mark */
  font-family: 'Font Awesome 6 Pro';
  /* Make sure to use the correct Font Awesome font family */
  margin-left: 5px;
  /* Adjust the spacing if needed */
  color: green;
  /* Set the color of the exclamation mark */
}
form .input-group:has(.required.is-valid):first-child::after,
form .form-group:has(.required.valid):first-child::after {
  display: none;
}
form .form-group:has(.opt-in):first-child::after {
  display: none !important;
}
form .form-group:has(.required.is-valid) label:first-child::after,
form .form-group:has(.required.valid) label:first-child::after {
  content: '\f06a';
  /* Unicode character for Font Awesome exclamation mark */
  font-family: 'Font Awesome 6 Pro';
  /* Make sure to use the correct Font Awesome font family */
  margin-left: 5px;
  /* Adjust the spacing if needed */
  color: green;
  /* Set the color of the exclamation mark */
}
form .form-group:has(.required.is-valid):first-child::after,
form .form-group:has(.required.valid):first-child::after {
  display: none;
}
form .form-group:has(.required) legend:first-child::after {
  content: '\f06a';
  /* Unicode character for Font Awesome exclamation mark */
  font-family: 'Font Awesome 6 Pro';
  /* Make sure to use the correct Font Awesome font family */
  margin-left: 5px;
  /* Adjust the spacing if needed */
  color: #dc3545;
  /* Set the color of the exclamation mark */
}
form .form-group:has(.required.is-valid) legend:first-child::after,
form .form-group:has(.required.valid) legend:first-child::after {
  content: '\f06a';
  /* Unicode character for Font Awesome exclamation mark */
  font-family: 'Font Awesome 6 Pro';
  /* Make sure to use the correct Font Awesome font family */
  margin-left: 5px;
  /* Adjust the spacing if needed */
  color: green;
  /* Set the color of the exclamation mark */
}
form .radio label:after {
  display: none !important;
}
.payroll-job-form .btn:after {
  background: none;
  width: auto;
  height: auto;
  position: static;
}
.hirer-form .btn:after {
  background: none;
  width: auto;
  height: auto;
  position: static;
}
#loginForm .btn:after {
  background: none;
  width: auto;
  height: auto;
  position: static;
}
#signupForm .btn:after {
  background: none;
  width: auto;
  height: auto;
  position: static;
}
#applicationForm .col-6.offset-3 {
  display: none;
}
#applicationForm .where-stay-now.form-group {
  margin-top: 20px;
}
#applicationForm div.opt-in input:checked ~ label:before {
  border-color: white !important;
  right: 11px;
  top: 45%;
}
#applicationForm div.opt-in label.required:before {
  right: 7px;
  top: 55%;
  color: #7abad3;
}
#applicationForm .btn-default.btn-apply {
  background-color: #00334a;
  color: #ffffff;
  position: relative;
  margin-right: 55px;
}
#applicationForm .btn-default.btn-apply:hover,
#applicationForm .btn-default.btn-apply:focus {
  background-color: #f6a51e;
  color: #ffffff;
}
#applicationForm .btn-default.btn-apply:hover:after,
#applicationForm .btn-default.btn-apply:focus:after {
  background: #f6a51e;
}
#applicationForm .btn-default.btn-apply:not(:disabled):not(.disabled):active {
  background-color: #f6a51e;
  color: #ffffff;
}
/* Plugins styling */
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
  margin: 0 -15px;
}
.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;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  margin: 0 15px;
  display: none;
}
[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-arrow.slick-hidden {
  display: none;
}
@charset "UTF-8";
/* Slider */
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background-color: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover,
.slick-next:hover,
.slick-prev:focus,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: #ffffff;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Icons */
}
@font-face {
  font-family: "slick";
  font-weight: normal;
  font-style: normal;
}
.slick-prev {
  left: -25px;
}
[dir="rtl"] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir="rtl"] .slick-prev:before {
  content: "→";
}
.slick-next {
  right: -25px;
}
[dir="rtl"] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir="rtl"] .slick-next:before {
  content: "←";
}
/* Dots */
.slick-dotted .slick-slider {
  margin-bottom: 30px;
}
.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 30px;
  line-height: 20px;
  text-align: center;
  color: #000000;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: #000000;
  opacity: 0.75;
}
/* templates */
#templateContact #contentRow1 {
  padding-bottom: 180px;
}
#templateContact .page-head .overlay {
  position: absolute;
  top: 50%;
  right: 50%;
  text-align: right;
  transform: translate(50%, -50%);
  width: 90%;
  z-index: 1;
}
#templateContact .page-head .overlay h1 {
  color: #00334a;
  font-size: 3.75rem;
  line-height: 1;
  margin-bottom: 0;
}
@media (max-width: 1199px) {
  #templateContact .page-head .overlay h1 {
    font-size: 2.875rem;
  }
}
@media (max-width: 991px) {
  #templateContact .page-head .overlay h1 {
    font-size: 2.5rem;
  }
}
@media (max-width: 767px) {
  #templateContact .page-head .overlay h1 {
    font-size: 2.25rem;
  }
}
@media (max-width: 575px) {
  #templateContact .page-head .overlay h1 {
    font-size: 1.875rem;
  }
}
#templateContact .page-head .overlay h2 {
  color: #00334a;
  font-size: 2.25rem;
  padding-right: 60px;
  margin-bottom: 0;
}
@media (max-width: 1199px) {
  #templateContact .page-head .overlay h2 {
    font-size: 1.625rem;
  }
}
@media (max-width: 767px) {
  #templateContact .page-head .overlay h2 {
    font-size: 1.5rem;
    padding-right: 0;
  }
}
@media (max-width: 575px) {
  #templateContact .page-head .overlay h2 {
    font-size: 1.25rem;
  }
}
#templateContact .page-head .overlay p:last-child {
  margin-bottom: 0;
}
#templateContact .page-head .overlay a {
  margin-top: 50px;
  color: #ffffff;
}
#templateContact .page-head .overlay a:hover {
  margin-top: 50px;
  color: #ffffff;
}
#templateContact .page-head .googlemap {
  filter: grayscale(1);
}
@media (max-width: 992px) {
  #templateContact .page-head .googlemap {
    height: 500px !important;
  }
}
#templateHome .overlay-partners {
  width: 100%;
  position: absolute;
  bottom: 0;
}
#templateHome #contentRow1 {
  padding: 100px 0 60px 0;
}
@media (max-width: 991px) {
  #templateHome #contentRow1 {
    padding: 60px 0;
  }
}
#templateHome #contentRow1 h2 {
  font-size: 2.25rem;
  margin: 0 0 30px;
}
#templateHome #contentRow1 .vacancies-list {
  margin-top: 60px;
}
#templateHome #contentRow2 {
  position: relative;
  padding: 180px 0 200px;
}
@media (max-width: 991px) {
  #templateHome #contentRow2 {
    padding: 60px 0;
  }
}
#templateHome #contentRow2:before {
  content: "";
  width: 100%;
  height: 50%;
  background-color: #00334a;
  position: absolute;
  bottom: 0;
  right: 0;
}
#templateHome #contentRow2 .info-block {
  position: relative;
}
#templateHome #contentRow2 .info-block:nth-child(2) {
  top: 100px;
}
@media (max-width: 991px) {
  #templateHome #contentRow2 .info-block:nth-child(2) {
    top: 0;
  }
}
#templateHome #contentRow2 .info-block:nth-child(3) {
  top: -100px;
}
@media (max-width: 991px) {
  #templateHome #contentRow2 .info-block:nth-child(3) {
    top: 0;
  }
}
#templateHome #contentRow3 {
  padding: 15px 0 100px;
  background-color: #00334a;
  text-align: center;
}
@media (max-width: 991px) {
  #templateHome #contentRow3 {
    padding: 0 0 60px;
  }
}
@media (max-width: 575px) {
  #templateHome #contentRow3 {
    text-align: left;
  }
}
#templateHome #contentRow3 h2 {
  font-size: 80px;
  line-height: 0.7;
  color: #fff;
  border-left: 8px solid #fff;
  padding-left: 20px;
  margin-bottom: 40px;
}
#templateHome #contentRow3 h2 .org-text {
  margin-left: 6em;
  font-size: 0.65em;
}
#templateHome #contentRow3 h2 .company-text {
  font-size: 0.4em;
  margin-left: 3em;
}
@media (max-width: 1199px) {
  #templateHome #contentRow3 h2 {
    font-size: 2.5rem;
  }
}
@media (max-width: 575px) {
  #templateHome #contentRow3 h2 {
    font-size: 2.5rem;
    padding-left: 20px;
  }
}
#templateHome #contentRow3 p {
  color: #fff;
}
#templateHome #contentRow3Block1 {
  text-align: right;
  position: relative;
}
@media (max-width: 991px) {
  #templateHome #contentRow3Block1 {
    text-align: left;
  }
}
#templateHome #contentRow3Block1 a:last-child {
  position: absolute;
  bottom: -50px;
  left: 103%;
  transform: translateX(15px);
  z-index: 1;
}
@media (max-width: 991px) {
  #templateHome #contentRow3Block1 a:last-child {
    left: auto;
    position: relative;
    transform: none;
  }
}
#templateHome .page-head:before {
  display: none;
}
#templateHome .carousel-page-head .image {
  height: 800px;
}
@media (max-width: 1199px) {
  #templateHome .carousel-page-head .image {
    height: 750px;
  }
}
@media (max-width: 991px) {
  #templateHome .carousel-page-head .image {
    height: 600px;
  }
}
@media (max-width: 575px) {
  #templateHome .carousel-page-head .image {
    height: 550px;
  }
}
#templateHome .carousel-page-head .title {
  display: none !important;
}
#templateHome .carousel-page-head .mobile-title {
  text-align: left;
  position: absolute;
  top: 30px;
  left: 280px;
  z-index: 200;
  transform: none;
  width: auto;
  right: auto;
  display: block;
}
@media (max-width: 1199px) {
  #templateHome .carousel-page-head .mobile-title {
    top: -100px;
  }
}
@media (max-width: 991px) {
  #templateHome .carousel-page-head .mobile-title {
    width: 740px;
    left: -160px;
    top: -180px;
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  #templateHome .carousel-page-head .mobile-title {
    width: 100%;
    position: static;
    left: auto;
    top: auto;
    margin-top: 0;
  }
}
#templateHome .carousel-page-head .mobile-title h1 {
  white-space: nowrap;
  font-size: 4.375rem;
  padding-right: 60px;
  line-height: 1;
  text-shadow: 0 0 3px #000;
}
@media (max-width: 1199px) {
  #templateHome .carousel-page-head .mobile-title h1 {
    padding-right: 0;
    text-align: right;
  }
}
@media (max-width: 991px) {
  #templateHome .carousel-page-head .mobile-title h1 {
    font-size: 3.125rem;
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  #templateHome .carousel-page-head .mobile-title h1 {
    font-size: 1.625rem;
    line-height: 1.2em;
    padding-right: 0;
    white-space: normal;
    text-align: left;
    text-shadow: none;
    margin-bottom: 0.5rem;
  }
}
#templateHome .carousel-page-head .mobile-title h1 span {
  display: block;
  font-size: 0.6em;
  margin-top: 10px;
}
@media (max-width: 767px) {
  #templateHome .carousel-page-head .mobile-title h1 span {
    display: inline;
  }
}
#templateHome .carousel-page-head .mobile-title h1 span:nth-child(1) {
  margin-right: -100px;
  margin-left: 160px;
}
@media (max-width: 1199px) {
  #templateHome .carousel-page-head .mobile-title h1 span:nth-child(1) {
    margin-left: 0;
    margin-right: 0;
    padding-right: 90px;
  }
}
@media (max-width: 991px) {
  #templateHome .carousel-page-head .mobile-title h1 span:nth-child(1) {
    margin-left: 0;
    margin-right: 0;
    padding-right: 90px;
  }
}
@media (max-width: 767px) {
  #templateHome .carousel-page-head .mobile-title h1 span:nth-child(1) {
    padding: 0;
    margin: 0;
    font-size: 1em;
  }
}
#templateHome .carousel-page-head .mobile-title h1 span:nth-child(2) {
  font-size: 0.4em;
  margin-left: 80px;
}
@media (max-width: 1199px) {
  #templateHome .carousel-page-head .mobile-title h1 span:nth-child(2) {
    margin-left: 0;
    padding-right: 40px;
  }
}
@media (max-width: 991px) {
  #templateHome .carousel-page-head .mobile-title h1 span:nth-child(2) {
    margin-left: 0;
    padding-right: 40px;
  }
}
@media (max-width: 767px) {
  #templateHome .carousel-page-head .mobile-title h1 span:nth-child(2) {
    padding: 0;
    margin: 0;
    font-size: 1em;
  }
}
#templateHome .carousel-page-head .mobile-title h2 {
  display: none;
}
@media (max-width: 1199px) {
  body.home .page-head {
    height: 750px !important;
  }
}
body.home #footer {
  background-color: #f9f9f9;
}
body.home #footer p {
  color: #00334a;
}
body.home #footer a {
  color: #00334a;
}
body.home #footer a:hover {
  color: #f6a51e;
}
body.home #footer h3 {
  color: #00334a;
}
body.home #footer .footer-row2 a:hover {
  border-bottom: 1px #f6a51e solid;
}
@media (max-width: 767px) {
  body.home #footer .quick-links {
    margin-bottom: 40px;
  }
}
body.home #footer .quick-links div,
body.home #footer .quick-links p {
  display: flex;
  flex-wrap: wrap;
}
body.home #footer .quick-links a {
  padding: 2px 12px;
  border: 1px solid #f6a51e;
  color: #f6a51e;
  margin: 0 12px 12px 0;
  font-weight: 700;
}
@media (max-width: 575px) {
  body.home #footer .quick-links a {
    flex-grow: 1;
    text-align: center;
  }
}
body.home #footer .quick-links a:hover {
  background-color: #f6a51e;
  border-color: #f6a51e;
  color: #fff;
}
#templatePage #contentRow1 {
  padding: 0 0 100px 0;
}
@media (max-width: 991px) {
  #templatePage #contentRow1 {
    padding: 60px 0;
  }
}
#templatePage .carousel-page-head .title h1,
#templatePage .carousel-page-head .title h2 {
  margin-bottom: 0;
}
.page-team .content-block {
  margin-bottom: 50px;
}
@media (min-width: 992px) {
  .page-team .content-block {
    margin-bottom: auto;
  }
}
@media (min-width: 1400px) {
  .page-team .content-block {
    width: 500px;
  }
}
.page-team .content-block h2 {
  color: #003249;
  font-size: 2.3rem;
  font-weight: 700;
  margin-bottom: 40px;
}
.page-team .content-block p,
.page-team .content-block a {
  margin-bottom: 0px;
  font-size: 1.1rem;
  text-decoration: none;
  color: #00334a;
  font-weight: 500;
}
.page-team .btn {
  font-size: 1rem !important;
}
.page-team .image-block {
  margin-bottom: 35px;
}
#templatePartners .page-head .overlay {
  display: none;
}
#templatePartners #contentRow1 {
  padding: 0 0 50px 0;
}
@media (max-width: 991px) {
  #templatePartners #contentRow1 {
    padding: 60px 0;
  }
}
#templatePartners #contentRow2 {
  padding: 0 0 100px 0;
}
@media (max-width: 991px) {
  #templatePartners #contentRow2 {
    padding: 60px 0;
  }
}
#templatePartners .side-block {
  text-align: center;
}
@media (max-width: 768px) {
  #templatePartners .side-block {
    text-align: left;
  }
}
#templatePartners .carousel-page-head .title h1,
#templatePartners .carousel-page-head .title h2 {
  margin-bottom: 0;
}
.img-fluid {
  max-width: 100%;
  height: auto;
  float: right;
}
#templatePageOverview #contentRow1 {
  margin: 0 0 40px 0;
}
#templatePageOverview #contentRow2 {
  padding: 0 0 100px 0;
}
@media (max-width: 991px) {
  #templatePageOverview #contentRow2 {
    padding: 60px 0;
  }
}
#templatePageOverview #contentRow2 .contact-image p {
  margin-bottom: 0;
}
#templatePageOverview #contentRow2 .content-block:not(:empty) {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding-bottom: 40px;
  border-bottom: 1px solid #ddd;
}
#templatePageOverview #contentRow2 .content-block p:last-child {
  margin: 0;
}
#templateVacancies #contentRow1 {
  padding: 0 0 40px 0;
}
#templateVacancies #contentRow1 h2 {
  margin-bottom: 30px;
}
#templateVacancies #contentRow1Block2 {
  text-align: center;
}
@media (max-width: 991px) {
  #templateVacancies #contentRow1Block2 {
    text-align: left;
  }
}
#templateVacancies .vacancies-overview .header {
  display: none;
}
#templateVacanciesDetail #contentRow1 {
  padding-bottom: 180px;
}
#templatePortalContact #contentRow1 {
  margin-top: 1em;
}
#templatePortalHome {
  background-color: #fff;
}
#templatePortalHome #contentRow1 {
  margin-top: 1em;
  padding: 1.5em 0;
}
#templatePortalHome #contentRow2 .content-block {
  background-color: #f1f1f1;
  padding: 2.5em;
  height: 100%;
  display: flex;
  flex-direction: column;
}
#templatePortalHome #contentRow2 .content-block p:first-child,
#templatePortalHome #contentRow2 .content-block div:first-child {
  display: flex;
  flex-direction: column;
  height: 100%;
  margin: initial;
}
#templatePortalHome #contentRow2 .content-block p:nth-last-child(2),
#templatePortalHome #contentRow2 .content-block div:nth-last-child(2) {
  flex-grow: 1;
}
#templatePortalHome #contentRow2 .content-block p:nth-last-child(1),
#templatePortalHome #contentRow2 .content-block div:nth-last-child(1) {
  margin: 0;
}
#templatePortalHome #contentRow2 .content-block a.btn {
  white-space: normal;
}
#templatePortalPage #contentRow1,
#templatePortalPage2Cols #contentRow1 {
  margin-top: 1em;
  padding: 1.5em 0;
}
#templatePortalPage #payroll .nav-tabs li a {
  color: #00334a;
}
#templatePortalPage .table thead th {
  border: 0;
}
#templatePortalPage .table tbody tr:first-of-type td {
  border-top: 0;
}
#templatePortalPage .table .thead-dark th {
  background-color: #e5e5e5;
}
#templatePortalPage .table .btn:after {
  background: none;
  width: auto;
  height: auto;
  position: static;
}
#templatePortalPage .detail-action .btn:after {
  background: none;
  width: auto;
  height: auto;
  position: static;
}
/* Vacancies styling*/
.vacancies-overview h3,
.vacancies-detail h3,
.vacancies-list h3 {
  color: #00334a;
}
.vacancies-overview a,
.vacancies-detail a,
.vacancies-list a {
  text-decoration: none !important;
}
.vacancies-overview a p,
.vacancies-detail a p,
.vacancies-list a p {
  font-size: 1rem;
  color: #000000;
}
.vacancies-overview .actions,
.vacancies-detail .actions,
.vacancies-list .actions {
  text-align: right;
}
.vacancies-overview .actions .btn,
.vacancies-detail .actions .btn,
.vacancies-list .actions .btn,
.vacancies-overview .actions .dropdown-menu,
.vacancies-detail .actions .dropdown-menu,
.vacancies-list .actions .dropdown-menu {
  vertical-align: top;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.vacancies-overview .actions .btn,
.vacancies-detail .actions .btn,
.vacancies-list .actions .btn {
  padding-bottom: 5px;
  padding-top: 5px;
}
.vacancies-overview .actions .glyphicon,
.vacancies-detail .actions .glyphicon,
.vacancies-list .actions .glyphicon {
  font-size: 16px;
}
.vacancies-overview .actions .addthis,
.vacancies-detail .actions .addthis,
.vacancies-list .actions .addthis {
  display: inline-block;
  vertical-align: top;
}
.vacancies-overview .actions .addthis .at-resp-share-element .at-share-btn,
.vacancies-detail .actions .addthis .at-resp-share-element .at-share-btn,
.vacancies-list .actions .addthis .at-resp-share-element .at-share-btn {
  margin-bottom: 0;
}
.vacancies-overview .header,
.vacancies-detail .header,
.vacancies-list .header {
  margin-bottom: 10px;
  position: relative;
}
.vacancies-overview .header h2,
.vacancies-detail .header h2,
.vacancies-list .header h2 {
  line-height: 34px;
  margin: 0;
}
.vacancies-overview .detail .demands,
.vacancies-detail .detail .demands,
.vacancies-list .detail .demands,
.vacancies-overview .detail .apply-process,
.vacancies-detail .detail .apply-process,
.vacancies-list .detail .apply-process {
  margin-top: 20px;
}
.vacancies-overview .glyphicon,
.vacancies-detail .glyphicon,
.vacancies-list .glyphicon {
  margin-right: 3px;
  top: 2px;
}
.vacancies-overview .overview-link,
.vacancies-detail .overview-link,
.vacancies-list .overview-link {
  float: left;
}
.vacancies-overview .row.row-vacancyImage img,
.vacancies-detail .row.row-vacancyImage img,
.vacancies-list .row.row-vacancyImage img {
  max-width: 100%;
}
.vacancy-hero-image .image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 650px;
}
@media (max-width: 1199px) {
  .vacancy-hero-image .image {
    height: 550px;
  }
}
@media (max-width: 991px) {
  .vacancy-hero-image .image {
    height: 400px;
  }
}
@media (max-width: 767px) {
  .vacancy-hero-image .image {
    height: 350px;
  }
}
@media (max-width: 575px) {
  .vacancy-hero-image .image {
    height: 300px;
  }
}
.vacancies-overview .vacancy-card:hover {
  background-color: #f8f8f8;
}
.vacancies-overview .equal-height &gt; [class*="col-"] {
  display: flex;
}
.applied {
  background-color: #eee;
}
.applied.applied-content {
  margin: 15px 0 0;
  padding: 5px 10px 5px 40px;
  position: relative;
}
.applied.applied-content .applied-mark {
  font-size: 20px;
  left: 10px;
  right: auto;
  top: auto;
}
.applied .applied-mark {
  color: green;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-size: 25px;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  position: absolute;
  right: 20px;
  top: 20px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.applied .applied-mark:before {
  content: "\e013";
}
.vacancy-card {
  border: 1px solid #ccc;
  margin-bottom: 25px;
  padding: 20px;
  position: relative;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.vacancy-card.list-item {
  border: none;
  border-bottom: 1px solid #ccc;
  margin: 0 0 7px;
  padding: 0 0 7px;
}
.vacancy-card.list-item a,
.vacancy-card.list-item h3 {
  font-size: 16px;
  margin: 0;
  text-decoration: none;
}
.vacancy-card.list-item .badges {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  margin-bottom: 0;
}
.vacancy-card.list-item .badges &gt; span {
  flex: 0 0 auto;
  margin-right: 10px;
}
.vacancy-card.list-item .badges .read-more {
  margin: 0 0 0 auto;
}
.vacancy-card .title {
  position: relative;
}
.vacancy-card .title .date {
  position: absolute;
  right: 15px;
  top: 0;
}
.vacancy-card .badges,
.vacancy-card .details {
  margin-bottom: 20px;
}
.vacancy-card .badges .badge,
.vacancy-card .details .badge {
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-weight: normal;
  line-height: 15px;
  padding: 4px 8px;
}
.vacancy-card .badges .badge.city,
.vacancy-card .details .badge.city {
  text-transform: uppercase;
}
.vacancy-card .details &gt; span:not(:first-child) {
  border-left: 1px solid #ccc;
  margin-left: 5px;
  padding-left: 10px;
}
.vacancy-card .intro,
.vacancy-card .description {
  line-height: 20px;
  overflow: hidden;
}
.vacancy-card .intro p,
.vacancy-card .description p {
  margin-bottom: 20px;
}
.vacancy-card .intro:not(.description),
.vacancy-card .description:not(.description) {
  max-height: 60px;
}
.vacancy-card .properties {
  margin-top: 20px;
}
.vacancy-card .properties .table td:first-child {
  font-weight: bold;
  width: 20%;
}
.vacancy-card .properties .table .city &gt; td:nth-child(2) {
  text-transform: uppercase;
}
.vacancy-card .detail-link {
  background-color: #00334a !important;
}
.vacancy-card .detail-link a {
  background-color: #00334a !important;
}
.vacancies-filter fieldset {
  margin-bottom: 20px;
}
.vacancies-filter ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.vacancies-filter ul .vacancy-filter {
  padding: 0;
  position: relative;
}
.vacancies-filter ul .vacancy-filter:after {
  display: none;
}
.vacancies-filter ul .vacancy-filter__title {
  border-bottom: 1px solid #ddd;
  cursor: pointer;
}
.vacancies-filter ul.filter-container {
  margin-bottom: 20px;
}
.vacancies-filter ul.filter-container li {
  border-bottom: none !important;
  margin-bottom: 12px;
  padding: 3px 0;
}
.vacancies-filter ul.filter-container li:last-child {
  border: none;
}
.vacancies-filter ul.filter-container label {
  margin: 0px;
  width: 100% !important;
}
.vacancies-filter ul.filter-container .badge {
  margin-top: 6px;
  padding-left: 0px;
  float: left !important;
  display: block;
  font-size: 0.9rem !important;
}
.vacancies-filter ul.filter-container .badge:before {
  content: '(';
}
.vacancies-filter ul.filter-container .badge:after {
  content: ')';
}
.vacancies-filter-v2 {
  background-color: transparent;
  margin-bottom: 75px;
}
@media (min-width: 992px) {
  .vacancies-filter-v2 {
    margin-bottom: 15px;
  }
}
.vacancies-filter-v2 li:before {
  display: none !important;
}
.vacancies-filter-v2 .vacancies-filter__title,
.vacancies-filter-v2 .total-vacancies {
  display: none;
}
.vacancies-filter-v2 .vacancy-filter {
  color: #ffffff !important;
  max-width: 350px;
  margin-bottom: 60px;
  height: 60px;
}
@media (min-width: 992px) {
  .vacancies-filter-v2 .vacancy-filter {
    background-color: #7abad3;
  }
}
.vacancies-filter-v2 .vacancy-filter.open .vacancy-filter__title:after {
  font-family: 'Font Awesome 6 Pro';
  content: '\f077' !important;
  font-size: 0.9rem;
  margin-left: 10px;
}
.vacancies-filter-v2 .vacancy-filter .vacancy-filter__title {
  border: none;
  line-height: 60px;
  text-align: center;
  margin-bottom: 0px;
}
.vacancies-filter-v2 .vacancy-filter .vacancy-filter__title:after {
  font-family: 'Font Awesome 6 Pro';
  content: '\f078';
  font-size: 0.9rem;
  margin-left: 10px;
}
.vacancies-filter-v2 .filter-hours {
  display: none;
}
.vacancies-filter-v2 .vacancy-mobile-link {
  display: none;
  padding: 20px 20px;
}
@media (max-width: 991px) {
  .vacancies-filter-v2 .vacancy-mobile-link {
    display: block;
  }
}
@media (max-width: 375px) {
  .vacancies-filter-v2 .vacancy-mobile-link {
    text-align: center;
  }
}
.vacancies-filter-v2 .vacancy-mobile-link span {
  cursor: pointer;
}
.vacancies-filter-v2 .vacancy-mobile-link {
  background-color: #7abad3;
  color: #ffffff;
}
.vacancies-filter-v2 .vacancy-mobile-link i {
  display: none;
}
.vacancies-filter-v2 .vacancy-mobile-link span:last-child {
  font-weight: 700;
  font-size: 1.125rem;
}
.vacancies-filter-v2 .vacancy-mobile-link span:last-child:after {
  content: '\f078';
  font-family: 'Font Awesome 6 Pro';
  float: right;
}
.vacancies-filter-v2 .vacancy-filter-wrapper {
  list-style: none;
  margin: 0;
  padding: 0 !important;
  position: relative;
}
@media (max-width: 991px) {
  .vacancies-filter-v2 .vacancy-filter-wrapper {
    background-color: transparent;
    height: 0px;
  }
}
@media (max-width: 991px) {
  .vacancies-filter-v2 .vacancy-filter-wrapper .title {
    display: none;
  }
  .vacancies-filter-v2 .vacancy-filter-wrapper .vacancy-filter {
    padding: 0px;
  }
  .vacancies-filter-v2 .vacancy-filter-wrapper .filter-container {
    top: 0px !important;
    max-height: 450px;
  }
}
.vacancies-filter-v2 .vacancy-filter {
  padding: 0px 0px 0px 0px;
  width: 100%;
  user-select: none;
}
.vacancies-filter-v2 .vacancy-filter.open .filter-container {
  display: flex;
}
.vacancies-filter-v2 .vacancy-filter h3,
.vacancies-filter-v2 .vacancy-filter h3:after {
  color: #ffffff !important;
}
@media (max-width: 991px) {
  .vacancies-filter-v2 .vacancy-filter {
    border-right: 0;
    padding: 20px 0;
  }
}
@media (min-width: 992px) {
  .vacancies-filter-v2 .vacancy-filter:not(:first-of-type) .fake-border {
    border-left: 2px solid #7abad3;
    position: absolute;
    top: 50%;
    bottom: 0;
    transform: translate(-31px, -50%);
  }
}
@media (min-width: 992px) {
  .vacancies-filter-v2 .vacancy-filter.filtered {
    background-color: #7abad3;
  }
}
@media (max-width: 991px) {
  .vacancies-filter-v2 .vacancy-filter.filtered .title {
    font-weight: 700;
    text-decoration: underline;
  }
}
.vacancies-filter-v2 .vacancy-filter.closed .title:after {
  content: "\f078";
}
@media (max-width: 991px) {
  .vacancies-filter-v2 .vacancy-filter.closed .title:after {
    content: "\f02c";
  }
}
.vacancies-filter-v2 .vacancy-filter.open .title:after {
  content: "\f077";
}
@media (max-width: 991px) {
  .vacancies-filter-v2 .vacancy-filter.open .title:after {
    content: "\f02c";
  }
}
@media (max-width: 991px) {
  .vacancies-filter-v2 .vacancy-filter.filter-list-industries .title:after {
    content: "\f275";
  }
}
@media (max-width: 991px) {
  .vacancies-filter-v2 .vacancy-filter.filter-list-functions .title:after {
    content: "\f0b1";
  }
}
@media (max-width: 991px) {
  .vacancies-filter-v2 .vacancy-filter.filter-list-regions .title:after {
    content: "\f0ac";
  }
}
@media (max-width: 991px) {
  .vacancies-filter-v2 .vacancy-filter.filter-hours .title:after {
    content: "\f017";
  }
}
@media (max-width: 991px) {
  .vacancies-filter-v2 .vacancy-filter.filter-salary .title:after {
    content: "\f02b";
  }
}
@media (max-width: 991px) {
  .vacancies-filter-v2 .vacancy-filter.filter-city .title:after {
    content: "\f041";
  }
}
@media (max-width: 991px) {
  .vacancies-filter-v2 .vacancy-filter.filter-country .title:after {
    content: "\f041";
  }
}
@media (max-width: 991px) {
  .vacancies-filter-v2 .vacancy-filter.filter-employment_period .title:after {
    content: "\f040";
  }
}
.vacancies-filter-v2 .filter-container {
  background-color: #7abad3;
  color: #ffffff !important;
  border-top: 1px solid #ffffff;
  display: none;
  position: relative;
  width: 100%;
  z-index: 1;
  top: -1px;
  left: 0;
  list-style: none;
  padding: 40px;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .vacancies-filter-v2 .filter-container {
    display: flex;
    flex-direction: column;
    top: 0;
    padding: 70px 40px 40px 40px;
    flex-wrap: nowrap;
    overflow-y: scroll;
    position: absolute;
  }
}
.vacancies-filter-v2 .filter-container li {
  width: 33.33333%;
  margin-bottom: 15px;
}
@media (max-width: 991px) {
  .vacancies-filter-v2 .filter-container li {
    width: 100%;
    display: flex;
    align-items: center;
    height: 48px;
  }
}
.vacancies-filter-v2 .filter-container input {
  margin-right: 12px;
  cursor: pointer;
}
.vacancies-filter-v2 .filter-container label {
  margin: 0;
  cursor: pointer;
  flex-grow: 1;
  width: 100%;
}
.vacancies-filter-v2 .filter-container .filter-form-close {
  width: 48px;
  height: 48px;
  font-size: 48px;
  position: absolute;
  top: 10px;
  right: 10px;
  line-height: 1;
  cursor: pointer;
}
@media (min-width: 992px) {
  .vacancies-filter-v2 .filter-container .filter-form-close {
    font-size: 21px;
    width: auto;
    height: auto;
  }
}
.vacancies-filter-v2 .filter-container .filter-form-button {
  margin: 30px 0 0 0;
  width: 100%;
}
@media (max-width: 991px) {
  .vacancies-filter-v2 .filter-container .filter-form-button {
    margin-top: auto;
  }
}
.vacancies-filter-v2 .title {
  margin: 0 10px 0 0;
  cursor: pointer;
  position: relative;
  font-weight: 700;
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
  height: 60px;
  line-height: 60px;
}
@media (max-width: 991px) {
  .vacancies-filter-v2 .title {
    margin: 0;
    padding-top: 30px;
    font-size: 15px;
    font-weight: 400;
    text-align: center;
  }
}
.vacancies-filter-v2 .title:after {
  font-family: "font awesome 6 pro";
  font-size: 12px;
  position: absolute;
  margin-left: 10px;
  left: 85%;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 991px) {
  .vacancies-filter-v2 .title:after {
    font-size: 18px;
    margin: 0;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (max-width: 991px) {
  .vacancies-filter-v2 .filter-submit {
    width: 15%;
  }
}
.vacancies-filter-v2 .filter-reset {
  position: absolute;
  top: 10px;
  right: 50px;
  transform: none;
  display: none;
}
.vacancies-filter-v2 .filter-reset:after {
  display: none;
}
@media (max-width: 375px) {
  .vacancies-filter-v2 .filter-reset {
    position: static;
    transform: none;
    margin: 0 0 20px 0;
    width: 100%;
  }
}
.vacancies-filter-v2 .filter-next {
  display: block;
  min-width: 110px;
  display: none;
}
.vacancies-filter-v2 fieldset .filter-next-item {
  position: absolute;
  bottom: 0px;
  left: 40px;
}
.vacancies-filter-v2 fieldset .filter-next-item .filter-next {
  display: block;
}
.editMode .vacancies-filter-v2 .filter-container {
  display: none;
}
.vacancies-summary h3 {
  margin-top: 0;
}
.vacancies-summary .info {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin-bottom: 10px;
}
.vacancies-summary .info .info-group {
  flex: 0 0 100%;
  margin-bottom: 10px;
}
.vacancies-summary .info .info-group .info-label {
  display: inline-block;
  min-width: 100px;
  font-weight: 900;
  float: left;
  width: 50%;
}
.vacancies-summary .info .info-group .info-label .glyphicon {
  margin-right: 5px;
  font-size: 16px;
}
.vacancies-summary .info .info-group .info-data {
  display: inline-block;
  float: right;
  width: 50%;
}
.vacancies-contact .info-group {
  word-break: break-word;
}
.equal-height &gt; [class*="col-"] {
  display: flex;
}
.vacancy-block .vacancy-block__views,
.vacancy-block .vacancy-block__date,
.vacancy-block .vacancy-block__hours,
.vacancy-block .vacancy-block__code,
.vacancy-block .vacancy-block__industry,
.vacancy-block .vacancy-block__contract-type {
  display: none;
}
.vacancy-blockv2 {
  margin-bottom: 25px;
}
.vacancy-blockv2 .vacancy-blockv2-inner {
  background-color: #fff;
  border: 1px solid #f4f4f4;
  border-radius: 3px;
  color: #000;
  display: block;
  height: 100%;
  position: relative;
  padding: 32px;
}
.vacancy-blockv2:hover {
  background-color: #f4f4f4;
  color: #000;
  text-decoration: none;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.vacancy-blockv2__info.image-top {
  padding: 15px 15px 15px 15px;
}
.vacancy-blockv2__info.image-left {
  padding: 15px 15px 15px 0;
}
@media (max-width: 425px) {
  .vacancy-blockv2__info.image-left {
    padding: 10px 10px 10px 0;
  }
}
.vacancy-blockv2__info.image-right {
  padding: 15px 0 15px 15px;
}
@media (max-width: 425px) {
  .vacancy-blockv2__info.image-right {
    padding: 10px 0 10px 15px;
  }
}
.vacancy-blockv2__info.image-right .link-detail {
  left: 30px;
}
.vacancy-blockv2 .title {
  margin-bottom: 10px;
  height: 71px;
}
.vacancy-blockv2 .title h3 a {
  color: black !important;
  font-weight: 700;
}
@media (max-width: 425px) {
  .vacancy-blockv2 .title h3 {
    font-size: 1.5rem;
  }
}
.vacancy-blockv2 .badges {
  margin: 0 0 10px 0;
  height: 40px;
  padding: 0;
}
.vacancy-blockv2 .badges i {
  margin-right: 5px;
  color: #00334a;
}
.vacancy-blockv2 .badges .glyphicon {
  margin-right: 3px;
  top: 2px;
}
.vacancy-blockv2__date,
.vacancy-blockv2__code,
.vacancy-blockv2__views,
.vacancy-blockv2__region,
.vacancy-blockv2__city,
.vacancy-blockv2__country,
.vacancy-blockv2__hours,
.vacancy-blockv2__salary,
.vacancy-blockv2__salary-min-max,
.vacancy-blockv2__function,
.vacancy-blockv2__function-category,
.vacancy-blockv2__industry,
.vacancy-blockv2__education,
.vacancy-blockv2__contract-type {
  display: inline-block;
  margin: 0 10px 0 0;
}
@media (max-width: 375px) {
  .vacancy-blockv2__date,
  .vacancy-blockv2__code,
  .vacancy-blockv2__views,
  .vacancy-blockv2__region,
  .vacancy-blockv2__city,
  .vacancy-blockv2__country,
  .vacancy-blockv2__hours,
  .vacancy-blockv2__salary,
  .vacancy-blockv2__salary-min-max,
  .vacancy-blockv2__function,
  .vacancy-blockv2__function-category,
  .vacancy-blockv2__industry,
  .vacancy-blockv2__education,
  .vacancy-blockv2__contract-type {
    display: none;
  }
}
@media (max-width: 575px) {
  .vacancy-blockv2__date,
  .vacancy-blockv2__code,
  .vacancy-blockv2__views,
  .vacancy-blockv2__region,
  .vacancy-blockv2__function,
  .vacancy-blockv2__function-category,
  .vacancy-blockv2__industry,
  .vacancy-blockv2__education,
  .vacancy-blockv2__contract-type {
    display: none;
  }
}
.vacancy-blockv2 .vacancyContent .intro {
  font-size: 1rem;
  height: 115px;
}
@media (max-width: 400px) {
  .vacancy-blockv2 .vacancyContent .intro {
    height: 150px;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .vacancy-blockv2 .vacancyContent .intro {
    height: 150px;
  }
}
.vacancy-blockv2 .vacancyContent p {
  margin: 0;
}
.vacancy-blockv2 .detail-link {
  text-align: center;
}
.vacancy-blockv2 .w-auto {
  width: auto !important;
}
.vacancy-block-v2 {
  margin-bottom: 30px;
}
.vacancy-block-v2:hover h3 {
  color: #23b573;
}
.vacancy-block-v2 a {
  border: 1px solid grey;
}
.vacancy-block-v2.left .info-wrapper {
  border-width: 1px 1px 1px 0;
}
.vacancy-block-v2.right {
  flex-direction: row-reverse;
}
.vacancy-block-v2.right .info-wrapper {
  border-width: 1px 0 1px 1px;
}
@media (max-width: 767px) {
  .vacancy-block-v2.left,
  .vacancy-block-v2.right {
    height: 500px;
  }
  .vacancy-block-v2.left a,
  .vacancy-block-v2.right a {
    flex-direction: column;
  }
}
@media (max-width: 991px) {
  .vacancy-block-v2.left.width-50,
  .vacancy-block-v2.right.width-50,
  .vacancy-block-v2.left.width-33,
  .vacancy-block-v2.right.width-33,
  .vacancy-block-v2.left.width-25,
  .vacancy-block-v2.right.width-25 {
    height: 500px;
  }
  .vacancy-block-v2.left.width-50 a,
  .vacancy-block-v2.right.width-50 a,
  .vacancy-block-v2.left.width-33 a,
  .vacancy-block-v2.right.width-33 a,
  .vacancy-block-v2.left.width-25 a,
  .vacancy-block-v2.right.width-25 a {
    flex-direction: column;
  }
  .vacancy-block-v2.left.width-50 .image-wrapper,
  .vacancy-block-v2.right.width-50 .image-wrapper,
  .vacancy-block-v2.left.width-33 .image-wrapper,
  .vacancy-block-v2.right.width-33 .image-wrapper,
  .vacancy-block-v2.left.width-25 .image-wrapper,
  .vacancy-block-v2.right.width-25 .image-wrapper {
    width: 100%;
    height: 250px;
  }
  .vacancy-block-v2.left.width-50 .info-wrapper,
  .vacancy-block-v2.right.width-50 .info-wrapper,
  .vacancy-block-v2.left.width-33 .info-wrapper,
  .vacancy-block-v2.right.width-33 .info-wrapper,
  .vacancy-block-v2.left.width-25 .info-wrapper,
  .vacancy-block-v2.right.width-25 .info-wrapper {
    flex-grow: 1;
    width: 100%;
    border-width: 0 1px 1px 1px;
    height: 250px;
  }
  .vacancy-block-v2.left.width-50 .detail-link,
  .vacancy-block-v2.right.width-50 .detail-link,
  .vacancy-block-v2.left.width-33 .detail-link,
  .vacancy-block-v2.right.width-33 .detail-link,
  .vacancy-block-v2.left.width-25 .detail-link,
  .vacancy-block-v2.right.width-25 .detail-link {
    text-align: right;
  }
}
.vacancy-block-v2.left.width-50 .badges,
.vacancy-block-v2.right.width-50 .badges,
.vacancy-block-v2.left.width-33 .badges,
.vacancy-block-v2.right.width-33 .badges,
.vacancy-block-v2.left.width-25 .badges,
.vacancy-block-v2.right.width-25 .badges {
  display: none;
}
@media (min-width: 992px) {
  .vacancy-block-v2.left.width-33 .info-wrapper,
  .vacancy-block-v2.right.width-33 .info-wrapper,
  .vacancy-block-v2.left.width-25 .info-wrapper,
  .vacancy-block-v2.right.width-25 .info-wrapper {
    justify-content: space-between;
  }
  .vacancy-block-v2.left.width-33 .description,
  .vacancy-block-v2.right.width-33 .description,
  .vacancy-block-v2.left.width-25 .description,
  .vacancy-block-v2.right.width-25 .description {
    display: none;
  }
  .vacancy-block-v2.left.width-33 .detail-link,
  .vacancy-block-v2.right.width-33 .detail-link,
  .vacancy-block-v2.left.width-25 .detail-link,
  .vacancy-block-v2.right.width-25 .detail-link {
    text-align: center;
  }
}
@media (max-width: 1199px) {
  .vacancy-block-v2.left.width-25,
  .vacancy-block-v2.right.width-25 {
    height: 500px;
  }
  .vacancy-block-v2.left.width-25 a,
  .vacancy-block-v2.right.width-25 a {
    flex-direction: column;
  }
  .vacancy-block-v2.left.width-25 .image-wrapper,
  .vacancy-block-v2.right.width-25 .image-wrapper {
    width: 100%;
    height: 230px;
  }
  .vacancy-block-v2.left.width-25 .info-wrapper,
  .vacancy-block-v2.right.width-25 .info-wrapper {
    flex-grow: 1;
    width: 100%;
    border-width: 0 1px 1px 1px;
  }
}
@media (max-width: 767px) {
  .vacancy-block-v2.left .image-wrapper,
  .vacancy-block-v2.right .image-wrapper {
    width: 100%;
    height: 230px;
  }
}
@media (max-width: 767px) {
  .vacancy-block-v2.left .info-wrapper,
  .vacancy-block-v2.right .info-wrapper {
    flex-grow: 1;
    width: 100%;
    border-width: 0 1px 1px 1px;
  }
}
.vacancy-block-v2.left .detail-link,
.vacancy-block-v2.right .detail-link {
  text-align: right;
}
@media (max-width: 767px) {
  .vacancy-block-v2.left .detail-link,
  .vacancy-block-v2.right .detail-link {
    text-align: center;
  }
}
.vacancy-block-v2.top {
  height: 500px;
}
.vacancy-block-v2.top a {
  flex-direction: column;
}
@media (max-width: 1199px) {
  .vacancy-block-v2.top.width-50 .badges {
    display: none;
  }
}
.vacancy-block-v2.top.width-33 .badges,
.vacancy-block-v2.top.width-25 .badges {
  display: none;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .vacancy-block-v2.top.width-25 .info-wrapper {
    justify-content: space-between;
  }
  .vacancy-block-v2.top.width-25 .description {
    display: none;
  }
}
.vacancy-block-v2.top .image-wrapper {
  height: 260px;
}
.vacancy-block-v2.top .info-wrapper {
  flex-grow: 1;
}
.vacancy-block-v2.top .detail-link {
  text-align: center;
}
.vacancy-block-v2 a {
  display: flex;
  height: 100%;
}
.vacancy-block-v2 .image-wrapper {
  overflow: hidden;
}
.vacancy-block-v2 .info-wrapper {
  display: flex;
  flex-direction: column;
  padding: 20px;
}
.vacancy-block-v2 .image {
  background-color: #808080;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  transition: all 300ms ease-in;
}
.vacancy-block-v2 .badges {
  margin: 0 0 5px 0;
}
@media (max-width: 475px) {
  .vacancy-block-v2 .badges {
    display: none;
  }
}
.vacancy-block-v2 .badge {
  display: inline-block;
  margin: 0 10px 0 0;
}
@media (max-width: 991px) {
  .vacancy-block-v2 .code,
  .vacancy-block-v2 .views,
  .vacancy-block-v2 .salary-min-max,
  .vacancy-block-v2 .function-category {
    display: none;
  }
}
.vacancy-block-v2 .description {
  flex-grow: 1;
}
@media (min-width: 768px) {
  .vacancy-block-v2 .description p:last-child {
    margin: 0;
  }
}
@media (min-width: 767px) {
  .vacancies-slider .slick-dots {
    display: none !important;
  }
}
.vacancies-slider .arrow {
  width: 55px;
  height: 55px;
  line-height: 55px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  z-index: 1;
  cursor: pointer;
}
@media (max-width: 767px) {
  .vacancies-slider .arrow {
    display: none !important;
  }
}
.vacancies-slider .arrow:after {
  color: #000;
  font-size: 3rem;
  font-family: "font awesome 6 pro";
  font-weight: 900;
  left: 0;
  position: absolute;
  right: 0;
}
.vacancies-slider .arrow.prev {
  right: 100%;
}
.vacancies-slider .arrow.prev:after {
  content: "\f104";
}
.vacancies-slider .arrow.next {
  left: 100%;
}
.vacancies-slider .arrow.next:after {
  content: "\f105";
}
.vacancies-slider .vacancy-slide {
  position: relative;
}
@media (max-width: 767px) {
  .vacancies-slider .vacancy-slide {
    padding: 0;
  }
}
.vacancies-slider .vacancy-slide:hover .info-wrapper {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.65);
}
.vacancies-slider .vacancy-slide .image {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.vacancies-slider .vacancy-slide .info-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: 0.5s ease;
  background-clip: content-box;
}
@media (max-width: 991px) {
  .vacancies-slider .vacancy-slide .info-wrapper {
    position: relative;
    opacity: 1;
    padding: 0;
    background-color: #808080;
  }
}
.vacancies-slider .vacancy-slide .info-wrapper .title {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 991px) {
  .vacancies-slider .vacancy-slide .info-wrapper .title {
    position: relative;
    transform: unset;
    padding: 15px;
    top: 0;
    left: 0;
  }
}
.vacancies-slider .vacancy-slide .info-wrapper .title h3 {
  color: #fff;
  margin: 0;
}
.popup-background {
  opacity: 0.75;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9998;
  background: #000;
  overflow: hidden;
  filter: alpha(opacity=50);
  display: none;
  cursor: pointer;
  transition: all 0.5s cubic-bezier(0.59, -0.17, 0.3, 1.67);
  width: 100%;
  height: 100%;
}
.loading-ring-icon {
  display: none;
  position: absolute;
  width: 64px;
  height: 64px;
  z-index: 9999;
}
@media (min-width: 576px) {
  .loading-ring-icon {
    position: fixed;
  }
}
.loading-ring-icon div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 51px;
  height: 51px;
  margin: 6px;
  border-width: 6px;
  border-style: solid;
  border-color: #000 transparent transparent transparent;
  border-radius: 50%;
  animation: loading-ring-icon 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
}
.loading-ring-icon div:nth-child(1) {
  animation-delay: -0.45s;
}
.loading-ring-icon div:nth-child(2) {
  animation-delay: -0.3s;
}
.loading-ring-icon div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes loading-ring-icon {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.application-popup {
  background-color: #fff;
  z-index: -9999;
  padding: 15px 5px;
  position: absolute;
  width: auto;
  max-width: 100%;
  opacity: 0;
  transition: all 0.5s cubic-bezier(0.59, -0.17, 0.3, 1.67);
  transform: translate(0px, 0px);
}
@media (min-width: 320px) {
  .application-popup {
    width: 320px;
  }
}
@media (min-width: 375px) {
  .application-popup {
    width: 375px;
  }
}
@media (min-width: 425px) {
  .application-popup {
    width: 425px;
  }
}
@media (min-width: 576px) {
  .application-popup {
    position: fixed;
    width: 576px;
  }
}
@media (min-width: 768px) {
  .application-popup {
    width: 768px;
  }
}
@media (min-width: 991px) {
  .application-popup {
    width: 775px;
  }
}
@media (min-width: 1100px) {
  .application-popup {
    width: 825px;
  }
}
.application-popup.is-open {
  opacity: 1;
  z-index: 9999;
}
.application-popup--wrapper {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 576px) {
  .application-popup--wrapper {
    flex-wrap: nowrap;
  }
}
@media (min-width: 576px) {
  .application-popup__application-wrapper {
    border-right: 2px solid #ccc;
  }
}
@media (max-width: 575px) {
  .application-popup__application-wrapper {
    margin-bottom: 30px;
  }
}
.application-popup__application-wrapper #applicationForm {
  display: block;
  border: 0;
  margin: 0;
  padding: 0 20px;
}
.application-popup__application-wrapper #applicationForm p {
  margin-bottom: 10px;
}
.application-popup__application-wrapper #applicationForm legend {
  margin: 0;
}
.application-popup__application-wrapper #applicationForm fieldset {
  margin: 0;
}
.application-popup__application-wrapper #applicationForm fieldset[name="credentials"] {
  display: none;
}
.application-popup__application-wrapper #applicationForm fieldset[name="optin"] .form-group {
  margin: 0;
}
.application-popup__application-wrapper #applicationForm fieldset[name="optin"] .opt-in {
  margin: 0;
}
.application-popup__application-wrapper #applicationForm fieldset[name="optin"] .opt-in label {
  font-weight: 500;
}
.application-popup__application-wrapper #applicationForm fieldset[name="optin"] .opt-in label:after {
  height: 20px;
  width: 20px;
  border: 1px solid #ccc;
  margin-top: -10px;
}
.application-popup__application-wrapper #applicationForm fieldset[name="optin"] .opt-in label:before {
  right: 3px;
  font-size: 12px;
}
.application-popup__application-wrapper #applicationForm .cv-upload-label {
  margin: 0;
}
.application-popup__application-wrapper #applicationForm .credentials-text {
  margin-top: 10px;
}
.application-popup__application-wrapper #applicationForm .form-actions .register {
  display: none;
  width: 100%;
  border: 0;
  height: 50px;
  line-height: 28px;
  margin: 10px 0 0 0;
}
.application-popup__application-wrapper #applicationForm .form-actions .apply {
  width: 100%;
  border: 0;
  height: 50px;
  line-height: 28px;
  margin: 10px 0 0 0;
}
.application-popup__header-application {
  padding: 0 8px;
}
.application-popup__login-wrapper #loginForm legend {
  display: none;
}
.application-popup__login-wrapper #loginForm label {
  display: none;
}
.application-popup__login-wrapper #loginForm .form-control {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  height: 34px;
  line-height: 1.42857143;
  padding: 6px 12px;
  color: #555;
  font-size: 14px;
  font-weight: inherit;
}
.application-popup__login-wrapper #loginForm button {
  width: 100%;
  padding: 0;
  margin-top: 10px;
}
@media (min-width: 576px) {
  .application-popup__login-wrapper #loginForm button {
    width: 95%;
    position: absolute;
    bottom: 0;
    margin-top: 0;
  }
}
.application-popup__login-wrapper #loginForm .loginLinks {
  float: right;
}
.application-popup__login-wrapper #forgotPassForm {
  display: none;
  margin: 0;
}
.application-popup__login-wrapper #forgotPassForm legend {
  display: none;
}
.application-popup__login-wrapper #forgotPassForm label {
  display: none;
}
.application-popup__login-wrapper #forgotPassForm .form-control {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  height: 34px;
  line-height: 1.42857143;
  padding: 6px 12px;
  color: #555;
  font-size: 14px;
  font-weight: inherit;
}
.application-popup__login-wrapper #forgotPassForm fieldset .close {
  display: none;
}
.application-popup__login-wrapper .logged-in-apply {
  width: 100%;
  border: 0;
  height: 50px;
  line-height: 40px;
  margin-top: 10px;
}
@media (min-width: 576px) {
  .application-popup__login-wrapper .logged-in-apply {
    width: 95%;
    position: absolute;
    bottom: 0;
    margin-top: 0;
  }
}
#cvGeneratorForm,
#applicationForm,
#companyForm,
#payrollForm,
#signupForm.portal-signup {
  border: 1px solid #ccc;
  display: none;
  margin: 25px 0;
  overflow: hidden;
  padding: 20px;
}
#cvGeneratorForm.quick-apply:not(.not-quick) fieldset:not(.quick-apply),
#applicationForm.quick-apply:not(.not-quick) fieldset:not(.quick-apply),
#companyForm.quick-apply:not(.not-quick) fieldset:not(.quick-apply),
#payrollForm.quick-apply:not(.not-quick) fieldset:not(.quick-apply),
#signupForm.portal-signup.quick-apply:not(.not-quick) fieldset:not(.quick-apply),
#cvGeneratorForm.quick-apply:not(.not-quick) fieldset .row &gt; div:not(.quick-apply),
#applicationForm.quick-apply:not(.not-quick) fieldset .row &gt; div:not(.quick-apply),
#companyForm.quick-apply:not(.not-quick) fieldset .row &gt; div:not(.quick-apply),
#payrollForm.quick-apply:not(.not-quick) fieldset .row &gt; div:not(.quick-apply),
#signupForm.portal-signup.quick-apply:not(.not-quick) fieldset .row &gt; div:not(.quick-apply) {
  display: none;
}
#cvGeneratorForm.quick-apply-mobile:not(.not-quick) fieldset:not(.quick-apply-mobile),
#applicationForm.quick-apply-mobile:not(.not-quick) fieldset:not(.quick-apply-mobile),
#companyForm.quick-apply-mobile:not(.not-quick) fieldset:not(.quick-apply-mobile),
#payrollForm.quick-apply-mobile:not(.not-quick) fieldset:not(.quick-apply-mobile),
#signupForm.portal-signup.quick-apply-mobile:not(.not-quick) fieldset:not(.quick-apply-mobile),
#cvGeneratorForm.quick-apply-mobile:not(.not-quick) fieldset .row &gt; div:not(.quick-apply-mobile),
#applicationForm.quick-apply-mobile:not(.not-quick) fieldset .row &gt; div:not(.quick-apply-mobile),
#companyForm.quick-apply-mobile:not(.not-quick) fieldset .row &gt; div:not(.quick-apply-mobile),
#payrollForm.quick-apply-mobile:not(.not-quick) fieldset .row &gt; div:not(.quick-apply-mobile),
#signupForm.portal-signup.quick-apply-mobile:not(.not-quick) fieldset .row &gt; div:not(.quick-apply-mobile) {
  display: none;
}
#cvGeneratorForm.quick-apply-mobile .btn-quick-apply,
#applicationForm.quick-apply-mobile .btn-quick-apply,
#companyForm.quick-apply-mobile .btn-quick-apply,
#payrollForm.quick-apply-mobile .btn-quick-apply,
#signupForm.portal-signup.quick-apply-mobile .btn-quick-apply {
  display: inline-block;
}
#cvGeneratorForm .btn-quick-apply:not(.btn-mobile),
#applicationForm .btn-quick-apply:not(.btn-mobile),
#companyForm .btn-quick-apply:not(.btn-mobile),
#payrollForm .btn-quick-apply:not(.btn-mobile),
#signupForm.portal-signup .btn-quick-apply:not(.btn-mobile) {
  display: none;
}
#cvGeneratorForm .header,
#applicationForm .header,
#companyForm .header,
#payrollForm .header,
#signupForm.portal-signup .header {
  margin-bottom: 20px;
}
#cvGeneratorForm .header h3 span,
#applicationForm .header h3 span,
#companyForm .header h3 span,
#payrollForm .header h3 span,
#signupForm.portal-signup .header h3 span {
  text-transform: lowercase;
}
#cvGeneratorForm fieldset,
#applicationForm fieldset,
#companyForm fieldset,
#payrollForm fieldset,
#signupForm.portal-signup fieldset {
  margin-bottom: 15px;
}
#cvGeneratorForm fieldset legend,
#applicationForm fieldset legend,
#companyForm fieldset legend,
#payrollForm fieldset legend,
#signupForm.portal-signup fieldset legend {
  display: block;
  font-size: 16px;
}
#cvGeneratorForm fieldset.certificates label.certificate,
#applicationForm fieldset.certificates label.certificate,
#companyForm fieldset.certificates label.certificate,
#payrollForm fieldset.certificates label.certificate,
#signupForm.portal-signup fieldset.certificates label.certificate {
  width: 100%;
  display: block;
}
#cvGeneratorForm fieldset.certificates .certificates-upload,
#applicationForm fieldset.certificates .certificates-upload,
#companyForm fieldset.certificates .certificates-upload,
#payrollForm fieldset.certificates .certificates-upload,
#signupForm.portal-signup fieldset.certificates .certificates-upload {
  overflow: hidden;
}
#cvGeneratorForm fieldset.certificates div.radio,
#applicationForm fieldset.certificates div.radio,
#companyForm fieldset.certificates div.radio,
#payrollForm fieldset.certificates div.radio,
#signupForm.portal-signup fieldset.certificates div.radio {
  display: inline-block;
  margin: 0 20px 0 0;
}
#cvGeneratorForm fieldset .input-group-btn label,
#applicationForm fieldset .input-group-btn label,
#companyForm fieldset .input-group-btn label,
#payrollForm fieldset .input-group-btn label,
#signupForm.portal-signup fieldset .input-group-btn label {
  margin: 0;
}
#cvGeneratorForm input[type="file"],
#applicationForm input[type="file"],
#companyForm input[type="file"],
#payrollForm input[type="file"],
#signupForm.portal-signup input[type="file"] {
  background: #fff;
  cursor: inherit;
  display: block;
  filter: alpha(opacity=0);
  font-size: 100px;
  height: 32px;
  min-width: 100%;
  opacity: 0;
  outline: none;
  position: absolute;
  right: 0;
  text-align: right;
  top: 0;
}
#cvGeneratorForm .form-group,
#applicationForm .form-group,
#companyForm .form-group,
#payrollForm .form-group,
#signupForm.portal-signup .form-group {
  position: relative;
}
#cvGeneratorForm .form-group.selectCheckbox,
#applicationForm .form-group.selectCheckbox,
#companyForm .form-group.selectCheckbox,
#payrollForm .form-group.selectCheckbox,
#signupForm.portal-signup .form-group.selectCheckbox {
  z-index: 2;
}
#cvGeneratorForm .form-group &gt; .input-group,
#applicationForm .form-group &gt; .input-group,
#companyForm .form-group &gt; .input-group,
#payrollForm .form-group &gt; .input-group,
#signupForm.portal-signup .form-group &gt; .input-group {
  z-index: 0;
}
#cvGeneratorForm .form-group .form-control.error,
#applicationForm .form-group .form-control.error,
#companyForm .form-group .form-control.error,
#payrollForm .form-group .form-control.error,
#signupForm.portal-signup .form-group .form-control.error {
  border-color: #f00;
}
#cvGeneratorForm .form-group .validation,
#applicationForm .form-group .validation,
#companyForm .form-group .validation,
#payrollForm .form-group .validation,
#signupForm.portal-signup .form-group .validation {
  color: #ccc;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
#cvGeneratorForm .form-group.select .validation,
#applicationForm .form-group.select .validation,
#companyForm .form-group.select .validation,
#payrollForm .form-group.select .validation,
#signupForm.portal-signup .form-group.select .validation {
  right: 20px;
}
#cvGeneratorForm .form-group label.validationError,
#applicationForm .form-group label.validationError,
#companyForm .form-group label.validationError,
#payrollForm .form-group label.validationError,
#signupForm.portal-signup .form-group label.validationError {
  color: #f00;
}
#cvGeneratorForm .form-group label.error,
#applicationForm .form-group label.error,
#companyForm .form-group label.error,
#payrollForm .form-group label.error,
#signupForm.portal-signup .form-group label.error {
  font-size: 14px;
}
#cvGeneratorForm .special-table .delete-row,
#applicationForm .special-table .delete-row,
#companyForm .special-table .delete-row,
#payrollForm .special-table .delete-row,
#signupForm.portal-signup .special-table .delete-row {
  cursor: pointer;
}
#cvGeneratorForm fieldset[name="languages"] .input-group-addon,
#applicationForm fieldset[name="languages"] .input-group-addon,
#companyForm fieldset[name="languages"] .input-group-addon,
#payrollForm fieldset[name="languages"] .input-group-addon,
#signupForm.portal-signup fieldset[name="languages"] .input-group-addon {
  border-radius: 0 4px 4px 0;
}
#cvGeneratorForm fieldset[name="languages"] .open-language-select,
#applicationForm fieldset[name="languages"] .open-language-select,
#companyForm fieldset[name="languages"] .open-language-select,
#payrollForm fieldset[name="languages"] .open-language-select,
#signupForm.portal-signup fieldset[name="languages"] .open-language-select {
  display: none;
}
#jobAlertForm fieldset {
  margin-bottom: 15px;
}
#jobAlertForm fieldset[name="optin"] {
  margin-bottom: 0;
}
#jobAlertForm input.error {
  border-color: #f00;
}
#jobAlertForm .header {
  margin-bottom: 20px;
}
#jobAlertForm .form-group,
#jobAlertForm .input-group {
  position: relative;
}
#jobAlertForm .form-group .validation,
#jobAlertForm .input-group .validation {
  color: #ccc;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
#companyForm,
#signupForm.portal-signup {
  display: block;
}
#companyForm .form-group div.error:not(:empty),
#signupForm.portal-signup .form-group div.error:not(:empty) {
  padding: 6px 12px;
}
#cvGenerator #cvGeneratorForm {
  background-color: #fcfcfc;
  border-top: none;
  display: block;
  margin-top: 0;
}
#cvGenerator #cvGeneratorForm fieldset[name="file"] {
  margin-bottom: 0;
}
#cvGenerator #cvGeneratorForm fieldset[name="file"] .form-group {
  margin-bottom: 0;
}
#cvGenerator #cvSaveMobile,
#cvGenerator #cvDownloadMobile {
  margin-top: 25px;
}
#cvGenerator #cvSave,
#cvGenerator #cvSaveMobile {
  margin-left: 10px;
}
#cvGenerator .btn .glyphicon {
  top: 2px;
}
#cvGenerator .ui-state-active a {
  background-color: #fcfcfc;
  border: 1px solid #ccc;
  border-bottom-color: #fcfcfc;
}
#cvGenerator .ui-state-active a:focus {
  outline: 0;
}
#cvGenerator .alert {
  display: none;
}
#cvGenerator #cvGeneratorFrame {
  background-color: #fff;
  border: 1px solid black;
  box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.2);
  display: none;
  position: fixed;
  top: 10px;
  left: 10px;
  height: 200px;
  width: 500px;
  z-index: 999;
}
#cvGenerator .special-table {
  font-size: 12px;
}
#cvGenerator .special-table p {
  margin: 0;
}
#cvGenerator .special-table .th-from,
#cvGenerator .special-table .th-to {
  width: 70px;
}
#cvGenerator .special-table .th-completed {
  width: 75px;
}
#cvGenerator .special-table .th-delete {
  width: 30px;
}
#cvGenerator .special-table .delete-row {
  cursor: pointer;
}
#cvGenerator .wysihtml5-toolbar a {
  text-decoration: none;
}
#cvGenerator .special-div-table {
  margin: 25px 0 10px;
}
#cvGenerator .special-div-table &gt; div {
  border: 1px solid #e5e5e5;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-size: 13px;
  margin-bottom: 10px;
  padding: 5px 10px;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
#cvGenerator .special-div-table &gt; div &gt; span {
  flex: 0 0 auto;
  line-height: 18px;
  margin-right: 10px;
  width: 30px;
}
#cvGenerator .special-div-table &gt; div &gt; span:nth-child(4) {
  width: auto;
}
#cvGenerator .special-div-table &gt; div &gt; span:nth-child(5) {
  display: none;
}
#cvGenerator .special-div-table &gt; div &gt; span:last-child {
  margin: 0;
  text-align: right;
}
#cvGenerator .candidate-image {
  background-color: #fff;
  border: 1px solid #ccc;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  display: inline-block;
  margin-bottom: 20px;
  max-width: 200px;
  padding: 5px;
}
#cvGenerator .candidate-image img {
  -webkit-border-radius: 4px;
  border-radius: 4px;
  height: auto;
  max-width: 100%;
}
#cvGenerator .candidate-image .glyphicon {
  font-size: 30px;
  margin: 3px 0 0 3px;
}
#cvGenerator .candidate-cv {
  margin-bottom: 5px;
}
#cvGenerator .ds-tooltip-container {
  display: inline-block;
  height: 20px;
  margin-left: 5px;
  position: relative;
  z-index: 1;
}
#cvGenerator .ds-tooltip-container .ds-tooltip {
  color: #ccc;
  display: block;
}
#cvGenerator .ds-tooltip-container .ds-tooltip:hover ~ div {
  display: block;
}
#cvGenerator .ds-tooltip-container .ds-tooltip-info {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  bottom: 100%;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
  display: none;
  font-weight: normal;
  left: 0;
  margin-bottom: 5px;
  padding: 3px 10px;
  position: absolute;
  white-space: pre;
}
.overlay-search {
  margin-top: 25px;
}
.vacancies-searchform.zend_form {
  overflow: visible;
}
.vacancies-searchform .vacancy-autocomplete-results {
  width: auto;
  max-height: 250px;
  overflow-y: scroll;
  background: #fff;
  position: absolute;
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 99999;
  display: none;
}
.vacancies-searchform .vacancy-autocomplete-results li {
  padding: 3px 10px;
}
.vacancies-searchform .vacancy-autocomplete-results li.selected,
.vacancies-searchform .vacancy-autocomplete-results li:hover {
  background: #eee;
  cursor: pointer;
}
.vacancies-searchform .industry-dropdown {
  width: 100%;
}
.vacancies-searchform button[type="submit"] {
  align-self: flex-end;
}
#flexworkersOverview table th {
  vertical-align: middle;
}
#flexworkersOverview table td {
  vertical-align: middle;
}
#flexworkersOverview table td.actions {
  text-align: right;
}
#flexworkerDetail ul {
  margin-bottom: 20px;
}
#flexworkerDetail ul.experience table {
  border: 1px solid rgba(0, 0, 0, 0.125);
}
#flexworkerDetail ul.experience table th,
#flexworkerDetail ul.experience table td {
  padding: 0.75rem 1.25rem;
  background: #fff;
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}
#flexworkerDetail ul.experience table th p,
#flexworkerDetail ul.experience table td p {
  margin: 0;
}
#flexworkerDetail ul.experience table th {
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
#flexworkerDetail ul li {
  display: flex;
}
#flexworkerDetail ul li:first-child {
  font-weight: 700;
}
#flexworkerDetail ul span.list-label {
  flex: 0 1 25%;
  font-weight: 700;
  min-width: 150px;
}
#flexworkerDetail ul span.list-value {
  flex: 0 1 75%;
}
#flexworkerDetail .detail-action {
  text-align: right;
}
#flexworkerForm fieldset {
  margin-bottom: 15px;
}
#flexworkerForm fieldset legend {
  font-size: 16px;
}
#flexworkerForm .nav-tabs {
  border: 0;
}
#flexworkerForm .nav-tabs li {
  padding: 10px 0 8px 0;
}
#flexworkerForm .nav-tabs li.ui-state-active a {
  background-color: #fcfcfc;
  border: 1px solid #ccc;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
  padding: 10px 14px;
}
#flexworkerForm .nav-tabs li.ui-state-active a:hover {
  background-color: #fcfcfc;
}
#flexworkerForm .nav-tabs li a {
  padding: 10px 15px;
}
#flexworkerForm .nav-tabs li a:hover {
  background-color: #eee;
  border-radius: 4px 4px 0 0;
}
#flexworkerForm .flexworker-form {
  background-color: #fcfcfc;
  border: 1px solid #ccc;
  overflow: hidden;
  padding: 20px;
}
#flexworkerForm .form-group {
  position: relative;
}
#flexworkerForm .form-group label.validationError {
  border-color: #f00;
}
#flexworkerForm .form-group label.error {
  font-size: 14px;
}
#flexworkerForm .form-group select + .validation {
  right: 20px;
}
#flexworkerForm .form-group .form-control.error {
  border-color: #f00;
}
#flexworkerForm .form-group .validation {
  color: #ccc;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
#flexworkerForm .input-group .btn {
  color: #000;
}
#flexworkerForm .input-group .input-group-prepend + .form-control[readonly] {
  background-color: #fff;
}
#flexworkerForm .input-group &gt; .intl-tel-input {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 1%;
}
#flexworkerForm .input-group &gt; .intl-tel-input input {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
#flexworkerForm .input-group &gt; .intl-tel-input .flag-container {
  top: 0;
}
#flexworkerForm .special-table .delete-row {
  cursor: pointer;
}
#hirersOverview table th {
  vertical-align: middle;
}
#hirersOverview table td {
  vertical-align: middle;
}
#hirersOverview table td.actions {
  text-align: right;
}
#hirerDetail ul {
  margin-bottom: 20px;
}
#hirerDetail ul li {
  display: flex;
}
#hirerDetail ul li:first-child {
  font-weight: 700;
}
#hirerDetail ul span.list-label {
  flex: 0 1 25%;
  font-weight: 700;
  min-width: 150px;
}
#hirerDetail ul span.list-value {
  flex: 0 1 75%;
}
#hirerDetail .detail-action {
  text-align: right;
}
#hirerForm fieldset {
  margin-bottom: 15px;
}
#hirerForm fieldset legend {
  font-size: 16px;
}
#hirerForm .hirer-form {
  background-color: #fcfcfc;
  border: 1px solid #ccc;
  overflow: hidden;
  padding: 20px;
}
#hirerForm .form-group {
  position: relative;
}
#hirerForm .form-group label.validationError {
  border-color: #f00;
}
#hirerForm .form-group label.error {
  font-size: 14px;
}
#hirerForm .form-group select + .validation {
  right: 20px;
}
#hirerForm .form-group .form-control.error {
  border-color: #f00;
}
#hirerForm .form-group .validation {
  color: #ccc;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
#hirerForm .input-group .input-group-prepend + .form-control[readonly] {
  background-color: #fff;
}
#hirerForm .input-group input[type="file"] {
  cursor: pointer;
  opacity: 0;
  position: absolute;
  right: 0;
}
#hirerForm .input-group &gt; .intl-tel-input {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 1%;
}
#hirerForm .input-group &gt; .intl-tel-input input {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
#hirerForm .input-group &gt; .intl-tel-input .flag-container {
  top: 0;
}
#payrollJobsOverview table {
  vertical-align: middle;
}
#payrollJobsOverview table td {
  vertical-align: middle;
}
#payrollJobsOverview table td.actions {
  text-align: right;
}
#payrollJobDetail ul {
  margin-bottom: 20px;
}
#payrollJobDetail ul li {
  display: flex;
}
#payrollJobDetail ul li:first-child {
  font-weight: 700;
}
#payrollJobDetail ul span.list-label {
  flex: 0 1 25%;
  font-weight: bold;
  min-width: 150px;
}
#payrollJobDetail ul span.list-value {
  flex: 0 1 75%;
}
#payrollJobDetail .detail-action {
  text-align: right;
}
#payrollJobForm fieldset {
  margin-bottom: 15px;
}
#payrollJobForm fieldset[name="intermediary"] {
  display: none;
}
#payrollJobForm fieldset legend {
  font-size: 16px;
}
#payrollJobForm .nav-tabs {
  border: 0;
}
#payrollJobForm .nav-tabs li {
  padding: 10px 0 8px 0;
}
#payrollJobForm .nav-tabs li.ui-state-active a {
  background-color: #fcfcfc;
  border: 1px solid #ccc;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
  padding: 10px 14px;
}
#payrollJobForm .nav-tabs li.ui-state-active a:hover {
  background-color: #fcfcfc;
}
#payrollJobForm .nav-tabs li a {
  padding: 10px 15px;
}
#payrollJobForm .nav-tabs li a:hover {
  background-color: #eee;
  border-radius: 4px 4px 0 0;
}
#payrollJobForm .payroll-job-form {
  background-color: #fcfcfc;
  border: 1px solid #ccc;
  overflow: hidden;
  padding: 20px;
}
#payrollJobForm .form-group {
  position: relative;
}
#payrollJobForm .form-group label.validationError {
  border-color: #f00;
}
#payrollJobForm .form-group label.error {
  font-size: 14px;
}
#payrollJobForm .form-group select + .validation {
  right: 20px;
}
#payrollJobForm .form-group .form-control.error {
  border-color: #f00;
}
#payrollJobForm .form-group .validation {
  color: #ccc;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.hours-overview .row-week {
  margin-top: 20px;
}
.hours-overview .row-flexworker-hours {
  border-color: rgba(0, 0, 0, 0.125);
  border-style: solid;
  border-width: 1px 1px 0 1px;
  font-size: 14px;
  line-height: 18px;
  padding: 0 15px;
}
.hours-overview .row-flexworker-hours .row-head {
  background-color: rgba(0, 0, 0, 0.03);
}
.hours-overview .row-flexworker-hours .col-head {
  padding-bottom: 10px;
  padding-top: 10px;
}
.hours-overview .row-flexworker-hours .col-body {
  padding-top: 5px;
  line-height: 35px;
}
.hours-overview .row-flexworker-hours .col-body .glyphicon {
  margin-top: 10px;
}
.hours-overview .row-flexworker-hours .col-body.col-button {
  padding-bottom: 5px;
  padding-right: 5px;
}
.hours-overview .row-flexworker-hours .hourContainer {
  padding-bottom: 5px;
  border-top: 1px solid #eee;
}
.hours-overview .row-flexworker-hours .hourContainer:nth-child(2) {
  border-top: 0;
}
.hours-overview .row-flexworker-hours .row-comment {
  padding-bottom: 10px;
}
.hours-overview .row-flexworker-hours.has-toggle .col-head.col-total,
.hours-overview .row-flexworker-hours.has-toggle .col-head .dates {
  display: none;
}
.hours-overview .row-flexworker-hours.has-toggle.open .col-head .dates {
  display: flex;
}
.hours-overview .row-flexworker-hours.has-toggle.open .col-head.col-total {
  display: block;
}
.hours-overview .hour-forms form:first-child .row-flexworker-hours {
  border-radius: 4px 4px 0 0;
}
.hours-overview .hour-forms form:last-child .row-flexworker-hours {
  border-bottom-width: 1px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.hours-overview .dates {
  display: flex;
  justify-content: space-around;
}
.hours-overview .dates .dates-day {
  flex: 0 1 auto;
}
.hours-overview .dates .dates-input {
  padding: 0 5px;
}
.hours-overview .comments {
  padding: 0 5px;
}
.hours-overview input {
  font-size: 14px;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
}
.hours-overview .btn {
  float: right;
  margin-left: 10px;
}
.hours-overview #alertPopup {
  left: 50%;
  margin-left: -150px;
  width: 300px;
  opacity: 0;
  position: fixed;
  top: 100px;
  transition: 2s;
  z-index: 99999;
}
.hours-overview #alertPopup.show {
  opacity: 1;
}
.hours-overview .toggleFlexworker,
.hours-overview .toggleHours {
  cursor: pointer;
}
.hours-overview .hourContainer.open .toggleHours.glyphicon-plus:before {
  content: "\2212";
}
#requestVacancyForm input[type="file"] {
  cursor: inherit;
  display: block;
  height: 32px;
  min-width: 100%;
  max-width: 100%;
  opacity: 0;
  outline: none;
  position: absolute;
  right: 0;
  top: 0;
}
#requestVacancyForm fieldset[name="recaptcha"] {
  margin-bottom: 10px;
}
#requestVacancyForm .form-group {
  position: relative;
}
#requestVacancyForm .form-group .validation {
  color: #ccc;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
#requestVacancyForm .flag-container {
  top: 0;
}
#requestVacancyForm .input-group .dropdown-toggle {
  color: #000;
}
#requestVacancyForm .input-group .input-group-prepend + .form-control[readonly] {
  background-color: #fff;
}
#requestOfferForm input[type="file"] {
  cursor: inherit;
  display: block;
  height: 32px;
  min-width: 100%;
  max-width: 100%;
  outline: none;
  position: absolute;
  right: 0;
  top: 0;
}
#requestOfferForm fieldset[name="recaptcha"] {
  margin-bottom: 10px;
}
#requestOfferForm .form-group {
  position: relative;
}
#requestOfferForm .form-group .validation {
  color: #ccc;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
#requestOfferForm .flag-container {
  top: 0;
}
#requestAppointmentForm input[type="file"] {
  cursor: inherit;
  display: block;
  height: 32px;
  min-width: 100%;
  max-width: 100%;
  outline: none;
  position: absolute;
  right: 0;
  top: 0;
}
#requestAppointmentForm fieldset[name="recaptcha"] {
  margin-bottom: 10px;
}
#requestAppointmentForm .form-group {
  position: relative;
}
#requestAppointmentForm .form-group .validation {
  color: #ccc;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
#requestAppointmentForm .flag-container {
  top: 0;
}
#requestHourlyWageForm input[type="file"] {
  cursor: inherit;
  display: block;
  height: 32px;
  min-width: 100%;
  max-width: 100%;
  outline: none;
  position: absolute;
  right: 0;
  top: 0;
}
#requestHourlyWageForm fieldset[name="recaptcha"] {
  margin-bottom: 10px;
}
#requestHourlyWageForm .form-group {
  position: relative;
}
#requestHourlyWageForm .form-group .validation {
  color: #ccc;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
#requestHourlyWageForm .flag-container {
  top: 0;
}
#requestCvForm input[type="file"] {
  cursor: inherit;
  display: block;
  height: 32px;
  min-width: 100%;
  max-width: 100%;
  outline: none;
  position: absolute;
  right: 0;
  top: 0;
}
#requestCvForm fieldset[name="recaptcha"] {
  margin-bottom: 10px;
}
#requestCvForm .form-group {
  position: relative;
}
#requestCvForm .form-group .validation {
  color: #ccc;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
#requestCvForm .flag-container {
  top: 0;
}
#contactMeForm input[type="file"] {
  cursor: inherit;
  display: block;
  height: 32px;
  min-width: 100%;
  max-width: 100%;
  outline: none;
  position: absolute;
  right: 0;
  top: 0;
}
#contactMeForm fieldset[name="recaptcha"] {
  margin-bottom: 10px;
}
#contactMeForm .form-group {
  position: relative;
}
#contactMeForm .form-group .validation {
  color: #ccc;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
#contactMeForm .flag-container {
  top: 0;
}
@media (max-width: 767px) {
  #cvGenerator .nav {
    position: relative;
  }
  #cvGenerator .nav .button {
    bottom: -50px;
    position: absolute;
    right: 20px;
  }
  #cvGeneratorForm {
    padding-top: 40px;
  }
}
@media (max-width: 479px) {
  #cvGenerator .nav {
    position: relative;
  }
  #cvGenerator .nav &gt; li &gt; a {
    font-size: 12px;
    padding: 8px;
  }
  #cvGenerator .nav .button {
    padding: 0 20px;
    right: 0;
    width: 100%;
  }
  #cvGenerator .special-div-table &gt; div {
    font-size: 12px;
  }
  #cvGenerator .special-div-table &gt; div &gt; span {
    margin-right: 5px;
  }
  #cvGenerator .special-div-table &gt; div .delete-row {
    width: 15px;
  }
  #cvGenerator .special-div-table &gt; div &gt; span:nth-child(4) {
    max-width: 100px;
  }
  #cvGenerator .wysihtml5-toolbar a {
    padding-left: 9px;
    padding-right: 9px;
  }
  #cvGenerator.buttons .button {
    bottom: -90px;
  }
  #cvGenerator.buttons .button .btn:first-child {
    margin-bottom: 10px;
  }
  #cvGenerator.buttons #cvGeneratorForm {
    padding-top: 90px;
  }
  #cvGenerator #cvDownload,
  #cvGenerator #cvDownloadMobile,
  #cvGenerator #cvSave,
  #cvGenerator #cvSaveMobile {
    margin-left: 0;
    width: 100%;
  }
  #cvGenerator #cvDownloadMobile {
    margin-top: 10px;
  }
}
.pass-graybar {
  height: 5px;
  width: 100%;
  position: relative;
}
.pass-colorbar {
  height: 5px;
  background-image: url(DIGISELF_IMAGES_URL/passwordstrength.jpg);
  position: absolute;
  top: 0;
  left: 0;
}
.personalInfoFieldClass {
  display: none;
}
@media (min-width: 768px) {
  #cvGenerator .special-table.hidden-xs {
    display: table !important;
  }
}
.social-share-text {
  display: inline-block;
  padding-right: 5px;
}
.social-share {
  display: inline-block;
}
.social-share a {
  font-weight: 400;
  font-size: 13.3333px;
  min-width: 40px;
}
.social-share__facebook {
  height: 40px;
  width: 40px;
  padding: 10px !important;
}
.social-share__facebook .fa-facebook-f {
  font-size: 20px !important;
}
.social-share__twitter {
  height: 40px;
  width: 40px;
  padding: 10px !important;
}
.social-share__twitter .fa-twitter {
  font-size: 20px !important;
}
.social-share__linkedin {
  height: 40px;
  width: 40px;
  padding: 10px !important;
}
.social-share__linkedin .fa-linkedin-in {
  font-size: 20px !important;
}
.social-share__whatsapp {
  height: 40px;
  width: 40px;
  padding: 10px !important;
}
.social-share__whatsapp .fa-whatsapp {
  font-size: 21px !important;
  position: relative;
  top: -1px;
  left: 1px;
}
.social-share__mail {
  height: 40px;
  width: 40px;
  padding: 10px !important;
}
.social-share__mail .fa-envelope {
  font-size: 18px !important;
}
.vacancy-map {
  height: 500px;
}
@media (max-width: 1199px) {
  .vacancy-map {
    height: 400px;
  }
}
@media (max-width: 991px) {
  .vacancy-map {
    height: 350px;
  }
}
@media (max-width: 767px) {
  .vacancy-map {
    height: 300px;
  }
}
@media (max-width: 575px) {
  .vacancy-map {
    height: 250px;
  }
}
@media (max-width: 425px) {
  .vacancy-map {
    height: 200px;
  }
}
.vacancy-map .gm-style-mtc,
.vacancy-map .gm-svpc {
  display: none;
}
@media (max-width: 767px) {
  .vacancy-map .gm-fullscreen-control {
    display: none;
  }
}
.vacancy-video {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
.vacancy-video .video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
#intake .intake-profile {
  margin-top: 25px;
}
#intake .intake-profile .portrait {
  text-align: center;
}
#intake .intake-profile .portrait img {
  max-width: 175px;
  border: 1px solid #ccc;
}
#intake .intake-profile .portrait .score {
  background-color: #000;
  margin: 10px 0;
  text-align: left;
}
#intake .intake-profile .portrait .score span {
  display: inline-block;
  padding: 5px;
  color: #fff;
  font-weight: bold;
  text-align: center;
}
#intake .intake-profile .user-name {
  padding: 10px;
  font-weight: bold;
}
#intake .intake-profile .timelines .time {
  padding: 5px;
  background-color: #f2f2f2;
  border: 1px solid #334248;
  font-weight: bold;
  text-align: center;
  color: #334248;
}
#intake .intake-profile .timelines .timeline-detail {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 10px 0;
}
#intake .intake-profile .timelines .timeline-detail:after {
  content: "";
  position: absolute;
  width: 100%;
  border-bottom: 2px dotted;
}
#intake .intake-profile .timelines .timeline-detail.finished .icon span {
  display: block;
}
#intake .intake-profile .timelines .timeline-detail.finished .icon i {
  opacity: 0.3;
}
#intake .intake-profile .timelines .timeline-detail .program,
#intake .intake-profile .timelines .timeline-detail .icon {
  background-color: #f2f2f2;
}
#intake .intake-profile .timelines .timeline-detail .program {
  flex: 0 1 70%;
  border-right: 1px solid;
  border-left: 10px solid;
  color: #334248;
  line-height: 20px;
  margin: 6px 0;
  padding: 4px 0;
  text-align: center;
  text-decoration: none;
  z-index: 1;
  word-break: break-word;
}
#intake .intake-profile .timelines .timeline-detail .icon {
  position: relative;
  flex: 1 1 20%;
  border: 2px solid #334248;
  color: #334248;
  border-radius: 50%;
  max-width: 40px;
  z-index: 1;
}
#intake .intake-profile .timelines .timeline-detail .icon span {
  position: absolute;
  display: none;
  z-index: 2;
  font-size: 45px;
  line-height: 24px;
  text-align: center;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
}
#intake .intake-profile .timelines .timeline-detail .icon i {
  width: 38px;
  text-align: center;
  line-height: 38px;
  opacity: 0.6;
}
#intake .intake-step-content .hytPlayerWrap {
  display: inline-block;
  position: relative;
  width: 100%;
}
#intake .intake-step-content .hytPlayerWrap.ready::after,
#intake .intake-step-content .hytPlayerWrap.paused::after,
#intake .intake-step-content .hytPlayerWrap.ended::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  cursor: pointer;
  background-color: #000;
  background-repeat: no-repeat;
  background-position: center;
}
#intake .intake-step-content .hytPlayerWrap.ready::after,
#intake .intake-step-content .hytPlayerWrap.paused::after,
#intake .intake-step-content .hytPlayerWrap.ended::after {
  top: 70px;
  bottom: 50px;
  background-size: 64px 64px;
  background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEiIHdpZHRoPSIxNzA2LjY2NyIgaGVpZ2h0PSIxNzA2LjY2NyIgdmlld0JveD0iMCAwIDEyODAgMTI4MCI+PHBhdGggZD0iTTE1Ny42MzUgMi45ODRMMTI2MC45NzkgNjQwIDE1Ny42MzUgMTI3Ny4wMTZ6IiBmaWxsPSIjZmZmIi8+PC9zdmc+);
}
#intake .intake-step-content .videoHeader,
#intake .intake-step-content .videoFooter {
  background-color: #000;
  width: 100%;
  height: 80px;
  position: absolute;
  z-index: 1;
}
#intake .intake-step-content .videoContainer {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
#intake .intake-step-content .videoContainer iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
#intake .intake-step-content .videoFooter {
  bottom: 0;
}
#intake nav {
  margin-top: 15px;
  text-align: center;
}
#intake nav ul {
  padding: 0;
}
#intake nav ul.paging li {
  display: inline;
  background-color: #efefef;
  margin-right: 5px;
  padding: 10px 15px;
  font-size: 1.25rem;
}
#intake nav ul.paging li.disabled,
#intake nav ul.paging li.disabled * {
  cursor: not-allowed;
}
.menuTree .vacancy-industries {
  border-right: 1px solid transparent;
}
.menuTree .vacancy-industries .menuTree {
  height: 100%;
}
.menuTree .vacancy-industries .level3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-content: start;
}
.menuTree .vacancy-industries .level3 li {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
@media (max-width: 1199px) {
  .menuTree .vacancy-industries .level3 li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.form-loader {
  display: inline-block;
  width: 30px;
  height: 30px;
}
.form-loader:after {
  content: " ";
  display: block;
  width: 30px;
  height: 30px;
  margin: 8px;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.vacancies-contact {
  background-color: #e5e5e5;
  border-radius: 0.25rem;
  margin-bottom: 60px;
  padding: 1rem;
}
.vacancies-contact h3 {
  font-size: 1.2rem;
  margin-bottom: 1rem;
}
.vacancies-contact .info {
  font-size: 0.9rem;
  margin-bottom: 1rem;
}
.vacancies-filter form {
  margin-top: 33px;
  margin-bottom: 33px;
}
.vacancies-filter .reset {
  display: inline-block;
  font-size: 1.125rem;
  margin-bottom: 20px;
}
.vacancies-filter .vacancy-count {
  float: right;
  font-weight: 300;
  margin-top: 5px;
}
.vacancies-filter label {
  text-decoration: underline;
}
.vacancies-filter__title {
  border-bottom: none;
}
@media (max-width: 768px) {
  .vacancies-filter .vacancy-filter:after {
    display: initial;
  }
}
.vacancies-filter ul {
  padding: 0;
}
.vacancies-filter ul li {
  border-bottom: none;
  margin: 0;
  padding: 0;
  position: relative;
}
.vacancies-filter ul li:after,
.vacancies-filter ul li:before {
  display: none;
}
.vacancies-filter ul li label {
  cursor: pointer;
  text-decoration: none;
}
.vacancies-filter ul li .badge {
  font-weight: 300;
}
.vacancies-list a {
  color: #747a87;
}
.vacancies-list .vacancy-block-v2 {
  height: auto;
}
.vacancies-list .vacancy-block-v2 a {
  background-color: #ffffff;
  border: 1px solid transparent;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 24px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 0 24px rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 24px rgba(0, 0, 0, 0.08);
  display: block;
  height: auto;
}
@media (max-width: 992px) {
  .vacancies-list .vacancy-block-v2.left.width-50,
  .vacancies-list .vacancy-block-v2.right.width-50,
  .vacancies-list .vacancy-block-v2.top.width-50 {
    height: auto;
  }
}
.vacancies-list .vacancy-block-v2.left .image-wrapper,
.vacancies-list .vacancy-block-v2.right .image-wrapper,
.vacancies-list .vacancy-block-v2.top .image-wrapper {
  display: none;
}
.vacancies-list .vacancy-block-v2.left .info-wrapper,
.vacancies-list .vacancy-block-v2.right .info-wrapper,
.vacancies-list .vacancy-block-v2.top .info-wrapper {
  border: none;
  width: 100%;
  padding: 32px;
}
.vacancies-list .vacancy-block-v2.left .info-wrapper .title,
.vacancies-list .vacancy-block-v2.right .info-wrapper .title,
.vacancies-list .vacancy-block-v2.top .info-wrapper .title {
  margin-bottom: 15px;
  overflow: hidden;
}
@media (min-width: 992px) {
  .vacancies-list .vacancy-block-v2.left .info-wrapper .title,
  .vacancies-list .vacancy-block-v2.right .info-wrapper .title,
  .vacancies-list .vacancy-block-v2.top .info-wrapper .title {
    height: 71px;
  }
}
.vacancies-list .vacancy-block-v2.left .info-wrapper .title h3,
.vacancies-list .vacancy-block-v2.right .info-wrapper .title h3,
.vacancies-list .vacancy-block-v2.top .info-wrapper .title h3 {
  color: #000000;
  margin-top: 0;
}
.vacancies-list .vacancy-block-v2.left .info-wrapper .badges,
.vacancies-list .vacancy-block-v2.right .info-wrapper .badges,
.vacancies-list .vacancy-block-v2.top .info-wrapper .badges {
  margin-bottom: 15px;
  height: 40px;
}
.vacancies-list .vacancy-block-v2.left .info-wrapper .badges span,
.vacancies-list .vacancy-block-v2.right .info-wrapper .badges span,
.vacancies-list .vacancy-block-v2.top .info-wrapper .badges span,
.vacancies-list .vacancy-block-v2.left .info-wrapper .badges time,
.vacancies-list .vacancy-block-v2.right .info-wrapper .badges time,
.vacancies-list .vacancy-block-v2.top .info-wrapper .badges time {
  font-size: 0.83rem !important;
}
.vacancies-list .vacancy-block-v2.left .info-wrapper .description,
.vacancies-list .vacancy-block-v2.right .info-wrapper .description,
.vacancies-list .vacancy-block-v2.top .info-wrapper .description {
  flex-grow: unset;
  height: 90px;
  margin-bottom: 15px;
}
.vacancies-list .vacancy-block-v2:hover {
  background-color: #ffffff;
}
.vacancies-list .vacancy-block-v2:hover p,
.vacancies-list .vacancy-block-v2:hover h3,
.vacancies-list .vacancy-block-v2:hover a,
.vacancies-list .vacancy-block-v2:hover .badges,
.vacancies-list .vacancy-block-v2:hover .badge,
.vacancies-list .vacancy-block-v2:hover .badge:before {
  color: grey;
}
.vacancy-search-row .vacancies-searchform {
  background-color: #00334a;
  border-radius: 0.25rem;
}
@media (min-width: 768px) {
  .vacancy-search-row .vacancies-searchform {
    margin: 30px auto;
  }
}
.vacancy-search-row .vacancies-searchform .select-wrapper {
  position: relative;
}
.vacancy-search-row .vacancies-searchform .select-wrapper:after {
  content: "\f078";
  font-family: "Font Awesome 6 Pro";
  color: #b23c96;
  font-size: 1rem;
  position: absolute;
  right: 15px;
  top: 15px;
}
@media (max-width: 768px) {
  .vacancy-search-row .vacancies-searchform .select-wrapper:after {
    right: 25px;
  }
}
.vacancy-search-row .vacancies-searchform .select-wrapper select {
  border: none;
  background-color: #00334a;
  font-size: 1.25rem;
  font-weight: 500;
  height: 62px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 20px;
  color: black;
}
.vacancy-search-row .vacancies-searchform button {
  background-color: #f6a51e;
  font-size: 1.25rem;
  font-weight: 500;
  padding: 1.2rem;
  width: 65%;
  margin-right: 15px;
}
@media (max-width: 768px) {
  .vacancy-search-row .vacancies-searchform button {
    margin-right: 15px;
    width: 97.5%;
  }
}
.vacancy-search-row .vacancies-searchform button:before {
  content: "\f002";
  font-family: "Font Awesome 6 Pro";
  color: white;
  margin-right: 15px;
}
.vacancy-search-row .vacancies-searchform button:after {
  display: none;
}
.vacancies-summary {
  background-color: #e5e5e5;
  border-radius: 0.25rem;
  font-size: 0.9rem;
  margin-bottom: 60px;
  padding: 1rem;
}
.vacancies-summary h3 {
  font-size: 1.2rem;
  margin-bottom: 1rem;
}
.vacancies-summary .info .info-group .info-data {
  width: auto;
}
@media (max-width: 512px) {
  .vacancies-summary .info .info-group .info-data {
    width: 100%;
  }
}
#applicationForm {
  padding: 0;
  border: 0;
}
#applicationForm.open-application {
  display: block;
}
#applicationForm label.error {
  color: #dc3545;
}
#applicationForm .header h3 {
  display: none;
}
#applicationForm .errorMessage {
  color: #dc3545;
  width: 100%;
}
#applicationForm .form-control[id*="file"] {
  padding-bottom: 6px;
  padding-top: 6px;
}
#applicationForm .form-group .form-control.error {
  border: 1px solid #dc3545;
}
#applicationForm .intl-tel-container .intl-tel-input .flag-container {
  top: 0;
}
#applicationForm .input-group {
  flex-wrap: inherit;
}
#applicationForm .input-group .btn {
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  color: currentColor;
  padding: .375rem .75rem;
  font-weight: 400;
  border-radius: 0.25rem 0 0 0.25rem;
}
#applicationForm .input-group .form-control {
  border-left: 0;
  border-radius: 0 0.25rem 0.25rem 0;
}
#applicationForm .input-group .open-language-input,
#applicationForm .input-group .open-language-select {
  border-left: 1px solid #ced4da;
  border-right: 0;
}
#applicationForm .input-group-btn {
  display: flex;
  align-items: center;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  padding: 0;
}
#applicationForm .input-group-addon {
  display: flex;
  align-items: center;
  padding: .375rem .75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.25rem 0 0 0.25rem;
}
#applicationForm .dropdown-menu a {
  color: #495057;
  display: block;
}
#applicationForm .opt-in input:checked ~ label:before {
  margin: 0;
  transform: translateY(-50%) rotate(45deg);
}
#applicationForm .opt-in label:after {
  margin: 0;
  transform: translateY(-50%);
}
#applicationForm .opt-in .required:before {
  margin: 0;
  transform: translateY(-50%);
}
#applicationForm .btn-default:after {
  background: none;
  width: auto;
  height: auto;
  position: static;
}
.vacancy-block-v2 .info-wrapper {
  background-color: #eae9e5;
  border-color: #eae9e5;
}
.vacancy-block-v2 a {
  text-decoration: none;
}
.vacancy-block-v2 .detail-link .btn-primary:after {
  display: none;
}
.vacancy-item {
  transition: opacity 0.3s ease-in-out;
  margin-bottom: 75px;
}
.vacancy-item a {
  text-decoration: none;
}
.vacancy-item .vacancy-block {
  border: none;
  position: relative;
}
.vacancy-item .vacancy-block:hover .vacancy-block__info {
  border: 1px solid #b23c96;
  border-top: 0px;
}
.vacancy-item .vacancy-block .vacancy-block__description {
  margin: 0;
  min-height: 40px;
}
.vacancy-item .vacancy-block .vacancy-block__description p {
  font-size: 0.85rem;
  opacity: 0;
  transition: opacity 0.5s;
  /* Voeg een overgang toe van 0.5 seconden */
}
.vacancy-item .vacancy-block .vacancy-block__title {
  height: 80px;
}
.vacancy-item .vacancy-block .vacancy-block__title h3 {
  color: #f6a51e;
  margin-bottom: 15px;
}
.vacancy-item .vacancy-block .vacancy-block__info {
  border: 1px solid #7abad3;
  border-top: 0px;
}
.vacancy-item .vacancy-block .vacancy-block__info.image-top {
  padding: 25px 32px 20px 32px;
}
.vacancy-item .vacancy-block .vacancy-block__footer {
  height: auto;
  margin: 0px;
  margin-top: 40px;
}
.vacancy-item .vacancy-block .vacancy-block__badges {
  display: flex;
  font-size: 0.75rem;
  font-weight: 700;
}
@media (max-width: 576px) {
  .vacancy-item .vacancy-block .vacancy-block__badges .vacancy-block__industry,
  .vacancy-item .vacancy-block .vacancy-block__badges .vacancy-block__hours,
  .vacancy-item .vacancy-block .vacancy-block__badges .vacancy-block__salary-min-max {
    display: block;
  }
}
.vacancy-item .vacancy-block h3 {
  font-weight: bold;
  font-size: 1.6rem !important;
}
.vacancy-item .vacancy-block .top-industry {
  color: #b23c96 !important;
  font-size: 0.75rem;
  text-transform: uppercase;
  height: 20px;
}
@media (max-width: 576px) {
  .vacancy-item .vacancy-block .top-industry {
    display: block;
  }
}
.vacancy-item .vacancy-block .vacancy-block__contract-type {
  float: right;
  color: #00334a;
  font-weight: bold;
  font-size: 0.75rem;
  text-transform: uppercase;
  font-style: italic;
}
@media (max-width: 576px) {
  .vacancy-item .vacancy-block .vacancy-block__contract-type {
    display: block;
  }
}
.vacancy-item .vacancy-block .glyphicon:before {
  display: none;
}
.vacancy-item .vacancy-block .vacancy-block__hours,
.vacancy-item .vacancy-block .vacancy-block__salary-min-max,
.vacancy-item .vacancy-block .vacancy-block__industry {
  margin: 0 5px 0 0;
  color: #00334a;
  font-weight: 700;
}
.vacancy-item .vacancy-block .vacancy-block__image img {
  height: 256px;
  object-fit: cover;
  width: 100%;
  transition: height 0.3s, margin-bottom 0.3s;
}
.vacancy-item .vacancy-block .link-detail {
  background-color: transparent;
  border-color: transparent;
  color: #b23c96;
  font-weight: bold;
  text-transform: capitalize;
  padding: 0;
  font-size: 0.85rem;
}
.vacancy-item .vacancy-block .link-detail:after {
  font-family: "Font Awesome 6 Pro";
  content: "\f061";
  text-decoration: none;
  margin-right: 0.5em;
  color: #b23c96;
  margin-left: 5px;
  font-size: 0.75rem;
}
.vacancy-item:hover .vacancy-block {
  background-color: transparent;
}
.vacancy-item:hover .vacancy-block .vacancy-block__footer .btn-tertiary {
  background-color: #7abad3 !important;
  color: #ffffff !important;
}
.vacancy-item:hover .vacancy-block .vacancy-block__footer .btn-tertiary:after {
  background: #7abad3 !important;
}
.vacancy-item:hover h3 {
  color: #00334a !important;
}
body.vacancies-detail #templateVacanciesDetail .fa-solid.fa-map-marker {
  display: none !important;
}
body.vacancies-detail #templateVacanciesDetail .row-vacancyImage {
  display: none;
  height: 300px;
  width: 101.5%;
  object-fit: cover;
  margin-bottom: 50px;
  filter: brightness(0.8);
}
body.vacancies-detail #templateVacanciesDetail .row-vacancyImage img {
  height: 300px;
  width: 101.5%;
  object-fit: cover;
}
@media (min-width: 992px) {
  body.vacancies-detail #templateVacanciesDetail .row-vacancyImage {
    height: 600px;
    width: 100.5%;
  }
  body.vacancies-detail #templateVacanciesDetail .row-vacancyImage img {
    height: 600px;
    width: 100%;
  }
}
body.vacancies-detail #templateVacanciesDetail .row-vacancyImage .col-xs-12 {
  padding: 0;
}
body.vacancies-detail section.vacancies-detail {
  margin-top: 0;
}
body.vacancies-detail section.vacancies-detail .header {
  display: none !important;
}
body.vacancies-detail section.vacancies-detail .detail .badges span.date {
  display: none;
}
body.vacancies-detail section.vacancies-detail .detail .badges span.code {
  display: none;
}
body.vacancies-detail section.vacancies-detail .detail .badges span.code:before {
  display: none;
}
body.vacancies-detail section.vacancies-detail .detail .badges span.city:before {
  font-family: "Font Awesome 6 Pro";
  content: "\f3c5";
}
body.vacancies-detail section.vacancies-detail .detail .badges span.industry:before {
  font-family: "Font Awesome 6 Pro";
  content: "\f275";
}
body.vacancies-detail section.vacancies-detail .detail .badges span.contract-type:before {
  font-family: "Font Awesome 6 Pro";
  content: "\f573";
}
body.vacancies-detail section.vacancies-detail .detail .badges span.hours:before {
  font-family: "Font Awesome 6 Pro";
  content: "\f017";
}
body.vacancies-detail section.vacancies-detail .detail .badges span.salary-min-max {
  display: none;
}
body.vacancies-detail section.vacancies-detail .detail .badges span.views {
  display: none;
}
body.vacancies-detail section.vacancies-detail .detail .badges span.region:before {
  font-family: "Font Awesome 6 Pro";
  content: "\f5a0";
}
body.vacancies-detail section.vacancies-detail .print {
  display: none;
}
body.vacancies-detail section.vacancies-detail .row-properties {
  display: none;
}
body.vacancies-detail section.vacancies-detail .detail .demands {
  margin-top: 0;
}
body.vacancies-detail section.vacancies-detail .vacancy-card {
  border: 0;
  padding: 0;
}
body.vacancies-detail section.vacancies-detail .actions {
  max-width: 100%;
}
@media (max-width: 576px) {
  body.vacancies-detail section.vacancies-detail .actions {
    display: grid;
  }
  body.vacancies-detail section.vacancies-detail .actions .overview-link {
    text-align: left;
    margin-top: 25px;
  }
  body.vacancies-detail section.vacancies-detail .actions a {
    width: 100%;
  }
}
@media (max-width: 991px) {
  body.vacancies-detail section.vacancies-detail .actions {
    max-width: initial;
  }
}
body.vacancies-detail section.vacancies-detail .actions .btn {
  padding: 8px 20px;
  transition: none;
}
@media (max-width: 575px) {
  body.vacancies-detail section.vacancies-detail .actions .btn {
    width: 100%;
  }
}
body.vacancies-detail section.vacancies-detail .actions .btn:first-child {
  margin-bottom: 15px;
}
@media (max-width: 576px) {
  body.vacancies-detail section.vacancies-detail .actions .btn:after {
    display: none;
  }
}
body.vacancies-detail section.vacancies-detail .actions .overview-link {
  background-color: transparent;
  color: black;
  border-color: transparent;
  font-weight: bold;
  padding-left: 0px;
}
body.vacancies-detail section.vacancies-detail .actions .overview-link:hover {
  background-color: transparent;
  color: #000000;
}
body.vacancies-detail section.vacancies-detail .actions .overview-link::after {
  display: none;
}
body.vacancies-detail #applicationForm {
  max-width: 1100px;
  margin: 0 auto;
  margin-top: 25px;
}
body.vacancies-detail #applicationForm .header:before {
  display: none;
}
.vacancies-overview .mb-3 {
  margin-bottom: 2rem !important;
}
.vacancies-overview .vacancy-block-v2.top {
  height: 100%;
  margin-bottom: 1rem;
}
.vacancies-overview .vacancy-block,
.vacancies-overview .vacancy-card {
  border: none;
  border-radius: 0;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
}
.vacancies-overview .vacancy-block:hover img,
.vacancies-overview .vacancy-card:hover img {
  transform: scale(1.05);
  transition: transform .2s;
}
.vacancies-overview .vacancy-block .col-12:first-child,
.vacancies-overview .vacancy-card .col-12:first-child {
  padding-right: 12px;
  padding-left: 12px;
}
.vacancies-overview .vacancy-block__title,
.vacancies-overview .vacancy-card__title {
  height: 50px;
}
.vacancies-overview .vacancy-block__title h3,
.vacancies-overview .vacancy-card__title h3 {
  font-size: 1.1rem !important;
}
.vacancies-overview .vacancy-block__badges,
.vacancies-overview .vacancy-card__badges {
  position: absolute;
  bottom: 75px;
  padding: 8px 20px;
  left: unset;
  margin-bottom: 0px;
  background-color: #f6f6f6;
  width: 85%;
}
@media (min-width: 325px) and (max-width: 1400px) {
  .vacancies-overview .vacancy-block__badges,
  .vacancies-overview .vacancy-card__badges {
    width: 85%;
    bottom: 125px;
  }
}
@media (min-width: 768px) {
  .vacancies-overview .vacancy-block__badges,
  .vacancies-overview .vacancy-card__badges {
    max-width: 375px;
  }
}
.vacancies-overview .vacancy-block__badges .vacancy-block__date,
.vacancies-overview .vacancy-card__badges .vacancy-block__date {
  display: inline-block !important;
  position: absolute;
  top: 60px;
  background: #f6f6f6;
  padding: 8px 23px;
  left: 0px;
}
@media (min-width: 325px) and (max-width: 1400px) {
  .vacancies-overview .vacancy-block__badges .vacancy-block__date,
  .vacancies-overview .vacancy-card__badges .vacancy-block__date {
    width: 100%;
  }
}
.vacancies-overview .vacancy-block__badges .vacancy-block__city,
.vacancies-overview .vacancy-card__badges .vacancy-block__city {
  display: inline-block !important;
}
.vacancies-overview .vacancy-block__description,
.vacancies-overview .vacancy-card__description {
  height: 175px;
}
@media (min-width: 1400px) {
  .vacancies-overview .vacancy-block__description,
  .vacancies-overview .vacancy-card__description {
    height: 150px;
  }
}
.vacancies-overview .vacancy-block__image,
.vacancies-overview .vacancy-card__image {
  overflow: hidden;
}
.vacancies-overview .vacancy-block__image img,
.vacancies-overview .vacancy-card__image img {
  height: 250px;
  width: 100%;
  object-fit: cover;
}
.vacancies-overview .vacancy-block__footer,
.vacancies-overview .vacancy-card__footer {
  margin: 0px;
}
@media (min-width: 325px) and (max-width: 1400px) {
  .vacancies-overview .vacancy-block__footer,
  .vacancies-overview .vacancy-card__footer {
    margin: 30px;
  }
}
.vacancies-overview .vacancy-block__footer .link-detail,
.vacancies-overview .vacancy-card__footer .link-detail {
  bottom: 15px;
  left: unset;
  margin-bottom: 0px;
  right: 70px;
}
.vacancies-overview .vacancy-block:hover,
.vacancies-overview .vacancy-card:hover {
  background-color: #fff;
  color: #212529;
}
.vacancies-overview .vacancy-block:hover h3,
.vacancies-overview .vacancy-card:hover h3,
.vacancies-overview .vacancy-block:hover h3 &gt; a:not(.btn),
.vacancies-overview .vacancy-card:hover h3 &gt; a:not(.btn) {
  color: #003249;
}
.vacancies-overview .vacancy-block img,
.vacancies-overview .vacancy-card img {
  margin-left: 0 !important;
}
.vacancies-overview .vacancy-block .title,
.vacancies-overview .vacancy-card .title {
  order: 1;
}
.vacancies-overview .vacancy-block .title h3,
.vacancies-overview .vacancy-card .title h3 {
  margin: 15px 0 20px;
}
.vacancies-overview .vacancy-block .title h3 a,
.vacancies-overview .vacancy-card .title h3 a {
  color: #003249;
  font-size: 1.125rem;
  font-weight: 700;
  text-decoration: none;
}
.vacancies-overview .vacancy-block .badges,
.vacancies-overview .vacancy-card .badges {
  order: 2;
}
.vacancies-overview .vacancy-block .vacancyContent,
.vacancies-overview .vacancy-card .vacancyContent {
  margin-bottom: 30px;
  order: 3;
}
.vacancies-overview .vacancy-block .vacancyFooter,
.vacancies-overview .vacancy-card .vacancyFooter {
  order: 4;
}
.vacancies-overview__jobalert {
  background-color: #00406a;
  color: #ffffff !important;
  padding: 1.7rem;
  margin: 0 0 20px 0;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  border-radius: 0;
  position: relative;
  max-width: 26.5rem;
  margin: 0 auto;
  box-shadow: 0 0.2rem 0.2rem rgba(0, 0, 0, 0.3);
}
.vacancies-overview__jobalert .jobalertButton {
  background-color: green;
  border-color: green;
  font-size: 1.1rem;
  font-weight: 700;
  margin-top: 1rem;
  margin: 1.9rem 2.9rem;
  box-shadow: 0.2rem 0.2rem 0.25rem rgba(0, 0, 0, 0.2);
  display: block;
}
@media (max-width: 1200px) {
  .vacancies-overview__jobalert .jobalertButton {
    margin: 1.9rem 0;
  }
}
@media (max-width: 991px) {
  .vacancies-overview__jobalert .jobalertButton {
    font-size: 0.8rem;
  }
}
@media (max-width: 767px) {
  .vacancies-overview__jobalert .jobalertButton {
    font-size: 1.1rem;
  }
}
@media (max-width: 420px) {
  .vacancies-overview__jobalert .jobalertButton {
    font-size: 0.9rem;
  }
}
.vacancies-overview__jobalert .jobalertButton:before {
  display: none;
}
.vacancies-overview__jobalert .jobalertButton:hover {
  background-color: green;
  border-color: green;
}
.vacancies-overview__jobalert h3 {
  color: #ffffff;
  font-weight: 700;
}
.vacancies-overview__jobalert p {
  line-height: 1.4;
}
.vacancies-overview__jobalert:after {
  content: " ";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  position: absolute;
  z-index: -1;
  right: -17px;
  top: 17px;
}
@media (min-width: 1500px) {
  .vacancies-overview__container {
    max-width: 1400px;
  }
}
@media (min-width: 1700px) {
  .vacancies-overview__container {
    max-width: 1600px;
  }
}
.vacancies-overview__container #pageRow2Col1Block1 {
  margin-right: -15px;
}
@media (max-width: 1200px) {
  .vacancies-overview__container #pageRow2Col1Block1 {
    margin-right: 0;
  }
}
.vacancies-overview__detail-container {
  background-color: #E6E6E6;
  padding: 2rem;
  border: 1px solid #ccc;
  margin-bottom: 5rem;
}
.vacancies-overview__detail-container .detail-link-icon {
  height: 2rem;
  position: absolute;
  top: 1rem;
  right: 2rem;
}
.vacancies-overview__detail-container .header .actions {
  display: none;
}
.vacancies-overview__detail-container .actions {
  display: flex;
  margin-top: 2rem;
}
.vacancies-overview__detail-container .actions .btn {
  padding: 0.7rem 2rem;
  background-color: green;
  color: #FFF;
  text-decoration: none;
  font-weight: 600;
  border-radius: 0.25rem !important;
  font-size: 1.4rem;
  box-shadow: 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1);
  margin: 0 auto;
}
.vacancies-overview__detail-container:empty {
  display: none;
}
/* Entities styling */
#accountTabs {
  display: none;
}
.branches__item.no-link {
  cursor: default;
}
.branches__image {
  text-align: center;
}
.branches-detail__image img {
  width: auto;
  max-height: 250px;
}
.branches-detail__back a {
  color: #000 !important;
  background-color: #f3f3f3;
  padding: 0.5em 1em;
  margin-top: 2em;
  width: auto;
  text-decoration: none;
}
.branches-detail__back a:before {
  font-family: "Font Awesome 5 Free";
  content: "\f060";
  font-weight: 700;
  text-decoration: none;
  margin-right: 0.5em;
}
.branches-detail__back a:hover {
  background-color: #e5e5e5;
}
.breadcrumbs {
  list-style: none;
  margin: 10px 0 0 0;
  padding: 0;
}
.breadcrumbs li {
  color: #FFF;
  display: inline-block;
  font-size: 1rem;
  position: relative;
}
.breadcrumbs li a {
  color: #FFF;
}
.carousel .slick-list {
  overflow: visible;
}
.carousel .container {
  position: relative;
}
.carousel .arrow {
  background-color: #00334a;
  height: 55px;
  line-height: 55px;
  position: absolute;
  bottom: 0;
  text-align: center;
  width: 55px;
  z-index: 1;
}
.carousel .arrow:after {
  color: #fff;
  font-size: 2rem;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  left: 0;
  position: absolute;
  right: 0;
}
.carousel .arrow.prev {
  right: 55px;
}
.carousel .arrow.prev:after {
  content: "\f104";
}
.carousel .arrow.next {
  right: 0;
}
.carousel .arrow.next:after {
  content: "\f105";
}
.carousel .video-wrapper {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
.carousel .video-wrapper .video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  pointer-events: none;
}
@media (max-width: 767px) {
  .carousel .video-wrapper .video {
    pointer-events: auto;
  }
}
.carousel .image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: 340px;
}
@media (max-width: 575px) {
  .carousel .image {
    height: 300px;
  }
}
.carousel .title {
  position: absolute;
  text-align: center;
  bottom: 0;
  right: 15px;
  transform: translateY(-150px);
  width: 50%;
  z-index: 1;
}
@media (max-width: 1199px) {
  .carousel .title {
    width: 45%;
  }
}
@media (max-width: 991px) {
  .carousel .title {
    display: none;
  }
}
.carousel .title h1 {
  font-size: 3.75rem;
  line-height: 1;
  text-shadow: 0 0 3px #000;
  margin-bottom: 0;
  color: #fff;
}
@media (max-width: 1199px) {
  .carousel .title h1 {
    font-size: 2.875rem;
  }
}
@media (max-width: 991px) {
  .carousel .title h1 {
    font-size: 2.5rem;
  }
}
@media (max-width: 767px) {
  .carousel .title h1 {
    font-size: 2.25rem;
  }
}
@media (max-width: 575px) {
  .carousel .title h1 {
    font-size: 1.875rem;
  }
}
.carousel .title h2 {
  color: #fff;
  font-size: 2.25rem;
  padding-right: 60px;
  text-shadow: 0 0 3px #000;
  margin-bottom: 0;
}
@media (max-width: 1199px) {
  .carousel .title h2 {
    font-size: 1.625rem;
  }
}
@media (max-width: 767px) {
  .carousel .title h2 {
    font-size: 1.5rem;
    padding-right: 0;
  }
}
@media (max-width: 575px) {
  .carousel .title h2 {
    font-size: 1.25rem;
  }
}
.carousel .mobile-title {
  display: none;
}
@media (max-width: 991px) {
  .carousel .mobile-title {
    display: block;
  }
}
.carousel .mobile-title h1 {
  font-size: 1.625rem;
  text-align: left;
  text-shadow: none;
}
.carousel .overlay {
  background-color: rgba(122, 186, 211, 0.8);
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 15px;
  text-align: right;
  padding: 60px 50px 40px;
  width: 400px;
  height: 340px;
}
@media (max-width: 1199px) {
  .carousel .overlay {
    padding: 60px 40px 80px;
  }
}
@media (max-width: 991px) {
  .carousel .overlay {
    text-align: left;
    width: auto;
    right: 15%;
    left: 15%;
    padding: 40px 50px 40px 50px;
  }
}
@media (max-width: 767px) {
  .carousel .overlay {
    right: 10%;
    left: 10%;
  }
}
@media (max-width: 575px) {
  .carousel .overlay {
    padding: 30px;
    width: auto;
    margin: 0 15px;
    left: 0;
    right: 0;
    height: fit-content;
    bottom: 0;
  }
}
.carousel .overlay p {
  color: #fff;
}
.carousel .top {
  width: 100%;
  height: 80px;
  position: absolute;
  top: -80px;
  left: 0;
  overflow: hidden;
}
@media (max-width: 350px) {
  .carousel .top {
    height: 50px;
    top: -50px;
  }
}
.carousel .top:before {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(122, 186, 211, 0.8);
  transform-origin: top left;
  transform: skew(0, 6.5deg);
  padding-top: 80px;
}
.carousel .link {
  position: absolute;
  left: 80%;
  bottom: 40px;
}
@media (max-width: 991px) {
  .carousel .link {
    position: static;
  }
}
.carousel-page-head .arrow {
  background-color: #00334a;
  height: 55px;
  line-height: 55px;
  position: absolute;
  bottom: 0;
  text-align: center;
  width: 55px;
  z-index: 1;
}
.carousel-page-head .arrow:after {
  color: #fff;
  font-size: 2rem;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  left: 0;
  position: absolute;
  right: 0;
}
.carousel-page-head .arrow.prev {
  right: 55px;
}
.carousel-page-head .arrow.prev:after {
  content: "\f104";
}
.carousel-page-head .arrow.next {
  right: 0;
}
.carousel-page-head .arrow.next:after {
  content: "\f105";
}
.carousel-page-head .item {
  position: relative;
}
.carousel-page-head .video {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
.carousel-page-head .video .video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  pointer-events: none;
}
@media (max-width: 767px) {
  .carousel-page-head .video .video {
    pointer-events: auto;
  }
}
.carousel-page-head .image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: 650px;
}
@media (max-width: 1199px) {
  .carousel-page-head .image {
    height: 550px;
  }
}
@media (max-width: 991px) {
  .carousel-page-head .image {
    height: 400px;
  }
}
@media (max-width: 575px) {
  .carousel-page-head .image {
    height: 300px;
  }
}
.carousel-page-head .title {
  position: absolute;
  text-align: right;
  top: 60%;
  right: 65%;
  transform: translate(50%, -50%);
  width: 90%;
  z-index: 1;
}
@media (max-width: 768px) {
  .carousel-page-head .title {
    right: 50%;
  }
}
.carousel-page-head .title h1 {
  color: #fff;
  font-size: 3.75rem;
  line-height: 1;
  text-shadow: 0 0 3px #000;
  margin-bottom: 0;
}
@media (max-width: 1199px) {
  .carousel-page-head .title h1 {
    font-size: 2.875rem;
  }
}
@media (max-width: 991px) {
  .carousel-page-head .title h1 {
    font-size: 2.5rem;
  }
}
@media (max-width: 767px) {
  .carousel-page-head .title h1 {
    font-size: 2.25rem;
  }
}
@media (max-width: 575px) {
  .carousel-page-head .title h1 {
    font-size: 1.875rem;
  }
}
.carousel-page-head .title h2 {
  color: #fff;
  font-size: 2.25rem;
  padding-right: 60px;
  text-shadow: 0 0 3px #000;
  margin-bottom: 0;
}
@media (max-width: 1199px) {
  .carousel-page-head .title h2 {
    font-size: 1.625rem;
  }
}
@media (max-width: 767px) {
  .carousel-page-head .title h2 {
    font-size: 1.5rem;
    padding-right: 0;
  }
}
@media (max-width: 575px) {
  .carousel-page-head .title h2 {
    font-size: 1.25rem;
  }
}
.carousel-page-head .mobile-title {
  display: none;
}
@media (max-width: 767px) {
  .carousel-page-head .mobile-title {
    display: block;
  }
}
.carousel-page-head .mobile-title h1 {
  font-size: 1.625rem;
  text-align: left;
  text-shadow: none;
}
.carousel-page-head .overlay {
  background-color: rgba(122, 186, 211, 0.8);
  position: absolute;
  bottom: 30px;
  left: 25%;
  text-align: right;
  padding: 60px 100px 70px 50px;
  width: 340px;
}
@media (max-width: 1199px) {
  .carousel-page-head .overlay {
    padding: 60px 40px 80px;
  }
}
@media (max-width: 767px) {
  .carousel-page-head .overlay {
    text-align: left;
    width: 420px;
    left: 50%;
    transform: translateX(-50%);
    padding: 60px 40px 60px;
  }
}
@media (max-width: 575px) {
  .carousel-page-head .overlay {
    padding: 40px;
    width: auto;
    margin: 0 15px;
    left: 0;
    transform: translateY(-50%);
    top: 50%;
    bottom: auto;
  }
}
.carousel-page-head .overlay p {
  color: #fff;
}
.carousel-page-head .top {
  width: 100%;
  height: 50px;
  position: absolute;
  top: -50px;
  left: 0;
  overflow: hidden;
}
@media (max-width: 575px) {
  .carousel-page-head .top {
    display: none;
  }
}
.carousel-page-head .top:before {
  width: 100%;
  height: 200%;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(122, 186, 211, 0.8);
  transform-origin: top left;
  transform: skew(0, 6.5deg);
}
.carousel-page-head .link {
  position: absolute;
  left: 80%;
  bottom: 40px;
}
@media (max-width: 767px) {
  .carousel-page-head .link {
    position: static;
  }
}
.carousel-page-head .person-image img {
  position: absolute;
  bottom: -29px;
  left: -220px;
  width: 300px;
}
@media screen and (max-width: 1199px) {
  .carousel-page-head .person-image img {
    left: -190px;
    width: 260px;
  }
}
@media screen and (max-width: 767px) {
  .carousel-page-head .person-image img {
    display: none;
  }
}
#certifications .slick-slide {
  float: inherit;
  display: inline-block;
  vertical-align: middle;
}
.cookie-notification {
  background-color: rgba(122, 186, 211, 0.95);
}
.cookie-notification p {
  color: #00334a;
}
.cookie-notification .cookie-actions {
  justify-content: center;
}
.cookie-notification .cookie-message {
  font-weight: 200;
  margin-right: 40px;
  padding-top: 12px;
  text-align: center;
}
.cookie-notification .cookie-actions {
  text-align: center;
}
.courses__item {
  background-color: #f6f6f6;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 1.4em;
}
.courses__item:hover {
  text-decoration: none;
}
.courses__item.no-link {
  cursor: default;
}
.courses__image {
  margin-bottom: 0.7em;
  text-align: center;
}
.courses__image img {
  max-height: 200px;
  width: auto;
}
.courses__title {
  font-weight: 700;
}
.courses__title h3 {
  font-size: 1.5rem;
}
.courses__date {
  margin-bottom: 0.7em;
}
.courses__intro {
  flex-grow: 1;
  margin-bottom: 1.5em;
}
.courses__intro p:last-child {
  margin-bottom: 0;
}
.courses__detail {
  color: #00334a;
}
.courses__detail:hover {
  cursor: pointer;
}
.courses-detail {
  background-color: #fff;
  -webkit-box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.4);
  box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.4);
  padding: 2em;
}
.courses-detail__date {
  margin-bottom: 20px;
}
.courses-detail__back a:hover {
  text-decoration: none;
}
.download-categories a:hover {
  color: #fff;
}
.download-categories a:hover .download-categories__title {
  background-color: #00334a;
}
.download-categories__item {
  margin-bottom: 30px;
}
.download-categories__image img {
  width: 100%;
  height: auto;
  margin: 15px 0 0 0;
}
.download-categories__title {
  background-color: #f6a51e;
  text-align: center;
  padding: 15px 30px 13px;
  font-weight: 700;
}
.download-categories-detail__image {
  min-height: 500px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.downloads__item {
  margin-bottom: 25px;
}
.downloads__item ul {
  margin: 0;
  padding: 0;
}
.downloads__item ul li {
  list-style-type: none;
}
#programMenu {
  margin-top: 10px;
}
#programMenu li {
  margin-bottom: 5px;
}
#programContainer h2 {
  font-size: 24px;
}
#programContainer .programHeader {
  line-height: inherit;
}
#programContainer .trainerBlock {
  margin-top: 0;
}
#programContainer .trainerBlock .table.programInfo {
  margin-top: 0;
}
#programContainer .webuserBlock {
  margin-top: 2em;
}
#programContainer .webuserBlock img {
  max-height: 150px;
}
#programContainer .webuserBlock span.name {
  margin-top: 1em;
  padding-bottom: 1em;
}
#programContainer .webuserBlock .fas {
  font-size: 17px;
}
.faq-questions__category,
.faq-categories__category,
.faq-questions__item,
.faq-categories__item {
  margin-top: 10px;
  width: 100%;
}
.faq-questions__category,
.faq-categories__category {
  padding-top: 15px;
}
.faq-questions__question,
.faq-categories__question {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
}
.faq-questions__question:before,
.faq-categories__question:before {
  font-family: "FontAwesome";
  content: "\f078";
  padding-right: 10px;
}
.faq-questions__question.open:before,
.faq-categories__question.open:before {
  font-family: "FontAwesome";
  content: "\f077";
}
.faq-questions__answer,
.faq-categories__answer {
  display: none;
  padding: .625rem 3.4375rem;
}
.faq-questions__answer p,
.faq-categories__answer p {
  margin: 0;
}
.features .features-image {
  position: relative;
}
@media (max-width: 479px) {
  .features .features-image {
    margin-top: 0;
  }
}
.features .features-image a {
  display: block;
  height: 100%;
  width: 100%;
}
.features .features-image a img {
  width: 100%;
}
.features .features-text {
  padding: 15px;
  text-align: center;
}
.googlemap {
  height: 650px !important;
  width: 100% !important;
}
.googlemap gmp-map {
  height: 650px !important;
}
@media (max-width: 575px) {
  .googlemap {
    height: 375px !important;
    width: auto !important;
  }
}
.info-block .description p {
  color: #ffffff;
}
@media (max-width: 991px) {
  .info-block {
    margin-bottom: 40px;
    display: flex;
  }
}
@media (max-width: 767px) {
  .info-block {
    display: block;
  }
}
.info-block:hover .image:before {
  transform: scale(0.4);
  opacity: 0;
}
.info-block .image-wrapper,
.info-block .info-wrapper {
  width: 100%;
  background-color: #7abad3;
}
.info-block .info-wrapper {
  padding: 40px 60px;
}
@media (max-width: 1199px) {
  .info-block .info-wrapper {
    padding: 40px 30px;
  }
}
@media (max-width: 991px) {
  .info-block .info-wrapper {
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .info-block .info-wrapper {
    display: block;
  }
}
.info-block .image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 230px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 991px) {
  .info-block .image {
    height: 300px;
  }
}
.info-block .image:after {
  content: "";
  width: 150%;
  height: 100px;
  background-color: #7abad3;
  position: absolute;
  bottom: -100px;
  left: 0;
  transform-origin: top left;
  -moz-transform: rotate(-6.5deg);
  -webkit-transform: rotate(-6.5deg);
  transform: rotate(-6.5deg);
}
.info-block .image p {
  margin-bottom: 0;
}
.info-block .title h2 {
  color: #ffffff;
  font-size: 1.25rem;
  margin: 0 0 30px 0;
  position: relative;
}
.info-block .title h2:after {
  content: "";
  height: 2px;
  width: 60px;
  background-color: #00334a;
  position: absolute;
  left: 0;
  bottom: -15px;
}
.info-block .link p {
  margin-bottom: 0;
}
#intake #applicationForm fieldset[name="personal"] p,
#intake #applicationForm fieldset[name="experiences"] p,
#intake #applicationForm fieldset[name="educations"] p,
#intake #applicationForm fieldset[name="file"] p {
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}
#intake #applicationForm fieldset[name="contact"],
#intake #applicationForm fieldset[name="file"],
#intake #applicationForm fieldset[name="motivation"] {
  display: none;
}
#intake #applicationForm label {
  margin-bottom: 0;
}
#intake #applicationForm .intake-profile .portrait .score span {
  background-color: #00334a;
}
#intake #applicationForm .intake-profile .timelines .timeline-detail.active .program,
#intake #applicationForm .intake-profile .timelines .timeline-detail.active .icon {
  color: #00334a;
  border-color: #00334a;
}
#intake #applicationForm .intake-profile .timelines .timeline-detail .icon span {
  color: #00334a;
}
#languageDropdown {
  line-height: inherit;
  display: block;
  padding-right: 20px;
}
#languageDropdown #languageSelect {
  background-color: #fff;
  left: auto;
  right: 0;
}
#languageDropdown #languageSelect a {
  display: flex;
  color: #00334a;
  font-size: 1.25rem;
  font-weight: 300;
  white-space: nowrap;
}
#languageDropdown #languageSelect a:hover {
  color: #7abad3;
  text-decoration: none;
}
#languageDropdown #languageSelected {
  font-size: 0;
}
#languageDropdown #languageSelected:after {
  margin-top: 0;
  transform: translateY(-50%);
}
#languageDropdown .flag {
  min-width: 20px;
}
.mm-menu {
  --mm-color-background: rgba(122, 186, 211, 0.96);
  --mm-color-background-emphasis: rgba(122, 186, 211, 0.96);
  --mm-color-background-highlight: rgba(122, 186, 211, 0.96);
  --mm-offset-top: 60px;
  --mm-color-text: #fff;
  --mm-color-button: #fff;
  --mm-line-height: 30px;
}
.mm-listview.level1 {
  width: 100%;
  padding: 80px 15px 0 15px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .mm-listview.level1 {
    max-width: 720px;
  }
}
@media (min-width: 576px) {
  .mm-listview.level1 {
    max-width: 540px;
  }
}
@media (max-width: 375px) {
  .mm-listview.level1 {
    padding: 80px 0 0;
  }
}
.mm-listitem {
  border-left: 6px solid #fff;
  padding-left: 30px;
}
@media (max-width: 375px) {
  .mm-listitem {
    border-left: 0;
    padding-left: 15px;
  }
}
.mm-listitem__btn:not(.mm-listitem__text) {
  border: 0;
}
.mm-listitem__text {
  font-size: 1.625rem;
  text-transform: uppercase;
  font-weight: 700;
  padding-left: 0;
}
.mm-listitem__text.caret {
  display: none;
}
.mm-listitem .level2 .mm-listitem {
  border-left: 0;
  padding-left: 0;
}
.mm-listitem .level2 .mm-listitem__text {
  font-size: 1.5rem;
  text-transform: none;
  font-weight: 300;
}
.navbar-toggler {
  color: #00334a;
  position: relative;
}
.navbar-toggler:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.mm-wrapper_opening #header .fa-bars {
  display: none;
}
.mm-wrapper_opening #header .fa-close {
  display: block;
}
#header .fa-close {
  display: none;
}
.news a {
  display: flex;
}
@media (max-width: 767px) {
  .news a {
    flex-direction: column;
  }
}
.news .item {
  margin-bottom: 60px;
}
.news .image-wrapper {
  width: 20%;
}
@media (max-width: 991px) {
  .news .image-wrapper {
    width: 35%;
  }
}
@media (max-width: 767px) {
  .news .image-wrapper {
    width: 100%;
    height: 230px;
  }
}
.news .image-wrapper + .info-wrapper {
  width: 80%;
  padding: 0 20px;
}
@media (max-width: 991px) {
  .news .image-wrapper + .info-wrapper {
    width: 65%;
  }
}
@media (max-width: 767px) {
  .news .image-wrapper + .info-wrapper {
    padding: 20px 20px 0;
    width: 100%;
  }
}
.news .image-wrapper .image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
}
@media (max-width: 767px) {
  .news .info-wrapper {
    padding: 20px 20px 0;
    border: 1px solid #ddd;
  }
}
.news .info-wrapper .footer {
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
}
@media (max-width: 767px) {
  .news .info-wrapper .footer {
    border-bottom: 0;
  }
}
.news-detail__title h2 {
  display: none;
}
.news-detail__date,
.news-detail__introduction,
.news-detail__description,
.news-detail__back {
  margin-top: 10px;
}
.news-detail__date {
  font-size: 12px;
}
.news-detail__introduction {
  font-weight: 700;
}
.news-detail__introduction p:last-child {
  margin-bottom: 0;
}
.news-detail__description p:last-child {
  margin-bottom: 0;
}
.news-detail__back {
  border-top: 1px solid #ddd;
  padding-top: 20px;
}
.news-detail .carousel .image {
  height: 400px;
}
#newsCarousel .slick-slide {
  position: relative;
}
#newsCarousel .image {
  min-height: 650px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 1199px) {
  #newsCarousel .image {
    min-height: 550px;
  }
}
@media (max-width: 991px) {
  #newsCarousel .image {
    min-height: 400px;
  }
}
@media (max-width: 575px) {
  #newsCarousel .image {
    min-height: 300px;
  }
}
#newsCarousel .title {
  display: block;
  text-align: right;
  bottom: auto;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  width: 90%;
}
.pagination {
  padding: 0;
}
.pagination a {
  color: #000;
  font-weight: bold;
}
.pagination &gt; li {
  margin-right: 0.5rem;
}
.pagination &gt; li:after,
.pagination &gt; li:before {
  display: none;
}
.pagination &gt; .active span {
  background-color: #e2e3e3;
  border-color: #ccc;
  color: #000;
  font-weight: bold;
}
.partner-overview .partner-background {
  padding-top: 50px;
  padding-bottom: 50px;
}
.partner-overview .partner-title h2 {
  color: #00334a;
  font-size: 24px;
}
.partner-overview .partner-title h2:hover {
  color: #f6a51e;
}
.partner-overview .border-separator {
  border-bottom: 2px solid #7abad3;
  width: 60px;
  margin-bottom: 10px;
}
.partner-overview .partner-readmore {
  color: #7abad3;
}
@media (min-width: 350px) and (max-width: 450px) {
  .partner-overview .partner-buttons {
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .partner-overview .partners__description {
    height: 200px;
    margin-top: 50px;
  }
  .partner-overview .partners__sidelinks {
    margin-top: 30px;
  }
  .partner-overview .partners__image {
    float: none;
    clear: both;
    width: 100%;
    height: 250px;
    overflow: hidden;
    position: relative;
    z-index: 5;
    transform: skew(-13.5deg, 0);
  }
  .partner-overview .partners__image .partners__image-inner {
    width: 105%;
    left: 25px;
    height: 100%;
    position: absolute;
    top: -25px;
    transform: skew(13.5deg, 0);
  }
}
@media (min-width: 350px) and (max-width: 576px) {
  .partner-overview .partner-buttons {
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .partner-overview .partners__description {
    height: 200px;
    margin-top: 50px;
  }
  .partner-overview .partners__sidelinks {
    margin-top: 30px;
  }
  .partner-overview .partners__image {
    float: none;
    clear: both;
    width: 100%;
    margin: 0 0 0 -45px;
    height: 250px;
    overflow: hidden;
    position: relative;
    z-index: 5;
    transform: skew(-13.5deg, 0);
  }
  .partner-overview .partners__image .partners__image-inner {
    width: 103%;
    left: 10px;
    height: 100%;
    position: absolute;
    top: -30px;
    transform: skew(13.5deg, 0);
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .partner-overview .partners__sidelinks {
    position: absolute;
    bottom: 250px;
    width: 445px;
  }
  .partner-overview .partners__description {
    margin-top: 50px;
    height: 200px;
  }
  .partner-overview .partner-buttons {
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .partner-overview .partners__image {
    float: right;
    max-width: 465px;
    width: 100%;
    height: 245px;
    overflow: hidden;
    position: relative;
    z-index: 5;
    margin: 0;
    right: -45px;
    -ms-transform: skew(-13.5deg, 0);
    -webkit-transform: skew(-13.5deg, 0);
    transform: skew(-13.5deg, 0);
  }
  .partner-overview .partners__image .partners__image-inner {
    height: 100%;
    position: absolute;
    left: -29px;
    -ms-transform: skew(13.5deg, 0);
    -webkit-transform: skew(13.5deg, 0);
    transform: skew(13.5deg, 0);
    width: 108%;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .partner-overview .partners__sidelinks {
    position: absolute;
    bottom: 0;
    width: 575px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .partner-overview .partners__sidelinks {
    position: absolute;
    bottom: 250px;
    width: 475px;
  }
  .partner-overview .partners__image-inner {
    top: -40px !important;
    left: -40px !important;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .partner-overview .partners__description {
    margin-top: 50px;
    height: 200px;
  }
  .partner-overview .partners__sidelinks {
    position: absolute;
    bottom: 250px;
    width: 600px;
  }
  .partner-overview .partner-buttons {
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .partner-overview .partners__image {
    float: right;
    max-width: 465px;
    width: 100%;
    height: 250px;
    overflow: hidden;
    position: relative;
    z-index: 5;
    margin: 0;
    right: -45px;
    -ms-transform: skew(-13.5deg, 0);
    -webkit-transform: skew(-13.5deg, 0);
    transform: skew(-13.5deg, 0);
  }
  .partner-overview .partners__image .partners__image-inner {
    height: 100%;
    position: absolute;
    top: -75px;
    left: -55px;
    -ms-transform: skew(13.5deg, 0);
    -webkit-transform: skew(13.5deg, 0);
    transform: skew(13.5deg, 0);
    width: 108%;
  }
}
.partner-overview .partners__row {
  overflow: hidden;
  position: relative;
}
.partner-overview .partners__row a {
  text-decoration: none;
}
@media (min-width: 1200px) {
  .partner-overview .partners__row:hover {
    background: #f3f4f4;
    transition: background 0.2s ease-in-out 0s;
  }
  .partner-overview .partner-info {
    position: relative;
    top: 50px;
  }
  .partner-overview .partners__image {
    float: left;
    width: 340px;
    height: 250px;
    overflow: hidden;
    position: relative;
    z-index: 5;
    margin: 0;
    -ms-transform: skew(-13.5deg, 0);
    -webkit-transform: skew(-13.5deg, 0);
    transform: skew(-13.5deg, 0);
    margin-left: 25px;
  }
  .partner-overview .partners__image .partners__image-inner {
    width: 450px;
    position: absolute;
    top: -70px;
    left: -50px;
    -ms-transform: skew(13.5deg, 0);
    -webkit-transform: skew(13.5deg, 0);
    transform: skew(13.5deg, 0);
  }
  .partner-overview .partners__sidelinks {
    position: absolute;
    bottom: 0;
    width: 310px;
  }
  .partner-overview .partner-buttons {
    position: absolute;
    right: 0;
    bottom: 0;
  }
}
.partner-overview .btn {
  display: inline-block;
}
.partner-overview .btn a {
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
}
.partner-overview .btn:hover {
  background-color: #00334a !important;
}
.partner-overview .btn:hover a {
  color: #ffffff !important;
}
.partner-overview .btn.partner-readmore {
  padding: 12px 30px;
  font-size: 18px;
  font-weight: 700;
  margin-right: -5px;
}
.partner-overview .btn.partner-website {
  background: #f6a51e;
  color: #fff;
  padding: 12px 30px;
  font-size: 18px;
  font-weight: 700;
  text-transform: lowercase;
}
.partner-overview .btn.partner-website:hover {
  background-color: #7abad3;
}
.partner-overview .sidetext {
  background: #99adb7;
  color: #fff;
  border-top: 1px solid #fff;
  line-height: 50px;
  padding: 0 0 0 20px;
  font-size: 14px;
  margin: 0 19px 0 3px;
}
#partners.slider {
  transform: translateY(-50px);
}
#partners.slider .custom-link-image {
  margin-top: 45px !important;
  width: 70px;
}
@media (max-width: 992px) {
  #partners.slider .custom-link-image {
    margin-top: 28px !important;
    width: 60px !important;
  }
}
#partners.slider .slick-list {
  overflow: visible;
}
#partners.slider .partners__item .circle:before {
  display: block;
  content: "";
  width: 200px;
  height: 100px;
  background-color: rgba(0, 51, 74, 0.95);
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;
  border: 10px solid #f6a51e;
  border-bottom: 0;
  position: relative;
  transform: translate(38%, 20%);
}
@media (min-width: 350px) and (max-width: 992px) {
  #partners.slider .partners__item .circle:before {
    width: 160px;
    height: 80px;
    transform: translate(75%, 75%);
  }
}
#partners.slider .partners__item .partners__image {
  display: flex;
  transform: translate(0%, 0%);
}
#partners.slider .partners__item .partners__image img {
  margin-top: 70px;
}
@media (min-width: 350px) and (max-width: 992px) {
  #partners.slider .partners__item .partners__image img {
    margin-top: 50px;
    width: 80px;
  }
}
#partners.slider a {
  display: block;
  width: 160px;
  height: 160px;
  text-align: center;
  transform: translate(60%, -38%);
}
@media (min-width: 350px) and (max-width: 992px) {
  #partners.slider a {
    width: 121px;
    height: 200px;
    transform: translate(115%, 0%);
  }
}
#partners.slider a .schakel {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-size: contain;
  background-repeat: no-repeat;
  transition: all 0.2s ease-in-out 0s;
  transform-origin: center;
}
#partners.slider a:hover .schakel.schakel-blue {
  opacity: 1;
  transform: rotate(-63deg);
}
@media (max-width: 992px) {
  #partners.slider a:hover .schakel.schakel-blue {
    transform: rotate(-63deg) translate(30%, 10.5%);
  }
}
#partners.slider a:hover .schakel.schakel-white {
  opacity: 0;
  transform: rotate(0deg);
}
#partners.slider .schakel.schakel-blue {
  background-image: url(//houseofwork.nl/files/images/Partners/Logos/schakel-blue.svg);
}
#partners.slider .schakel.schakel-white {
  background-image: url(//houseofwork.nl/files/images/Partners/Logos/schakel-white.svg);
}
.slick-logos-bg {
  border-top: 10px solid #f6a51e;
  width: 100%;
  height: 200px;
  background-color: rgba(0, 51, 74, 0.7);
  position: absolute;
  bottom: 0;
  left: 0;
}
.partners-detail {
  /* Stijl voor de rechterpijl */
  /* Stijl voor de linkerpijl */
  /* Standaard verbergen van de pop-up */
  /* Afbeelding binnen de pop-up */
  /* Sluitknop voor de pop-up */
}
.partners-detail .next-button {
  position: absolute;
  right: 50px;
  /* Aanpassen aan de gewenste afstand van de rechterrand */
  top: 50%;
  color: #fff;
  background-color: black;
  border-radius: 50%;
  width: 40px;
  border: 1px solid white;
  font-size: 24px;
  cursor: pointer;
  transform: translateY(-50%);
  padding-left: 5px;
}
.partners-detail .prev-button {
  position: absolute;
  left: 50px;
  /* Aanpassen aan de gewenste afstand van de linkerrand */
  top: 50%;
  color: #fff;
  background-color: black;
  border-radius: 50%;
  width: 40px;
  border: 1px solid white;
  font-size: 24px;
  cursor: pointer;
  transform: translateY(-50%);
  padding-right: 5px;
}
.partners-detail .image-popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  text-align: center;
  z-index: 99999;
}
.partners-detail .popup-image {
  max-width: 90%;
  max-height: 90%;
  margin: 5% auto;
}
.partners-detail .close-button {
  position: absolute;
  top: 25px;
  right: 25px;
  color: #fff;
  background-color: black;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  border: 1px solid white;
  font-size: 30px;
  cursor: pointer;
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 0px;
}
@media (max-width: 1200px) {
  .partners-detail .partner-detail-description {
    margin-top: 50px;
  }
}
.partners-detail .page-head {
  height: 100% !important;
  margin-top: -275px;
  width: 100%;
}
.partners-detail .page-head::after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.2);
}
@media (min-width: 350px) and (max-width: 1200px) {
  .partners-detail .page-head {
    margin-top: -50px;
  }
}
.partners-detail .page-head .page-head-image {
  width: 100%;
}
.partners-detail .page-head .page-head-image img {
  object-fit: cover;
  width: 100%;
}
.partners-detail .overlay {
  color: #ffffff;
  min-height: 50px;
  position: absolute;
  top: 65%;
  left: 45%;
  right: 0;
  z-index: 999;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .partners-detail .overlay {
    left: 30%;
    top: 65%;
  }
}
@media (min-width: 1200px) and (max-width: 1600px) {
  .partners-detail .overlay {
    left: 35%;
    top: 65%;
  }
}
@media (min-width: 450px) and (max-width: 992px) {
  .partners-detail .overlay {
    top: 40% !important;
    left: 0;
  }
}
@media (min-width: 350px) and (max-width: 450px) {
  .partners-detail .overlay {
    top: 35% !important;
    left: 0;
  }
}
.partners-detail .overlay .overlay-text1 {
  min-height: 50px;
  position: relative;
  white-space: nowrap;
  text-align: left;
}
@media (min-width: 350px) and (max-width: 450px) {
  .partners-detail .overlay .overlay-text1 {
    max-width: 250px;
  }
}
.partners-detail .overlay .overlay-text1 h1 {
  color: #fff;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  font-size: 55px;
  line-height: 0.75;
}
@media (min-width: 350px) and (max-width: 576px) {
  .partners-detail .overlay .overlay-text1 h1 {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .partners-detail .overlay .overlay-text1 h1 {
    font-size: 24px;
    line-height: 0.85;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .partners-detail .overlay .overlay-text1 h1 {
    font-size: 40px;
    line-height: 0.85;
  }
}
.partners-detail .overlay .overlay-text1 h2 {
  color: #ffffff;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  font-size: 25px;
  line-height: 1.75;
  margin-top: 15px;
}
@media (min-width: 350px) and (max-width: 576px) {
  .partners-detail .overlay .overlay-text1 h2 {
    font-size: 10.5px;
  }
}
@media (min-width: 576px) and (max-width: 992px) {
  .partners-detail .overlay .overlay-text1 h2 {
    font-size: 13.5px;
    line-height: 1.85;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .partners-detail .overlay .overlay-text1 h2 {
    font-size: 17.5px;
    line-height: 1.85;
  }
}
@media (min-width: 1200px) and (max-width: 1800px) {
  .partners-detail .overlay .overlay-text1 h2 {
    font-size: 20px;
    line-height: 1.85;
  }
}
.partners-detail .overlay-button {
  color: #00334a;
  min-height: 50px;
  position: absolute;
  bottom: 25%;
  left: 0;
  right: 0;
  z-index: 999;
}
@media (min-width: 992px) and (max-width: 1600px) {
  .partners-detail .overlay-button {
    left: 15%;
    bottom: 25%;
  }
}
@media (max-width: 992px) {
  .partners-detail .overlay-button {
    bottom: 25% !important;
    left: 0;
  }
}
.partners-detail .partners__detailimages {
  margin-top: 35px;
  margin-bottom: 100px;
}
.partners-detail .partners__detailimages img {
  display: inline-block;
  width: 275px;
  height: 185px;
  padding: 10px;
}
.partners-detail .partners__detailimages img:hover {
  filter: brightness(107.5%);
}
@media (min-width: 350px) and (max-width: 1200px) {
  .partners-detail .partners__detailimages img {
    width: 50%;
    height: 100%;
  }
}
body.partners-detail #footer {
  background-color: #f9f9f9;
}
body.partners-detail #footer p {
  color: #00334a;
}
body.partners-detail #footer a {
  color: #00334a;
}
body.partners-detail #footer a:hover {
  color: #f6a51e;
}
body.partners-detail #footer h3 {
  color: #00334a;
}
@media (max-width: 767px) {
  body.partners-detail #footer .quick-links {
    margin-bottom: 40px;
  }
}
body.partners-detail #footer .quick-links div,
body.partners-detail #footer .quick-links p {
  display: flex;
  flex-wrap: wrap;
}
body.partners-detail #footer .quick-links a {
  padding: 2px 12px;
  border: 1px solid #f6a51e;
  color: #f6a51e;
  margin: 0 12px 12px 0;
  font-weight: 700;
}
@media (max-width: 575px) {
  body.partners-detail #footer .quick-links a {
    flex-grow: 1;
    text-align: center;
  }
}
body.partners-detail #footer .quick-links a:hover {
  background-color: #f6a51e;
  border-color: #f6a51e;
  color: #fff;
}
.projects-overview__item {
  color: #000;
  display: block;
  padding: 5px;
  text-decoration: none;
  height: 100%;
}
.projects-overview__item:hover {
  background-color: #e5e5e5;
  color: #000;
  text-decoration: none;
  transition: 0.4s;
}
.projects-overview__item.no-link {
  cursor: default;
}
.projects-overview__image {
  height: 200px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.projects-overview__title {
  padding: 10px 0 0;
}
.projects-overview__title h2 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #000;
}
.projects-overview__intro {
  font-weight: 200;
}
.projects-detail__image {
  margin-bottom: 20px;
}
.projects-detail__title {
  margin-bottom: 25px;
}
.projects-detail__title h2 {
  color: #000;
  font-size: 2.5rem;
  font-weight: 700;
}
.projects-detail__intro {
  font-weight: 700;
}
.projects-detail__back {
  background-color: #e5e5e5;
  padding: 7px 10px;
  margin-bottom: 10px;
}
.projects-detail__back:before {
  content: "\f060";
  font-family: "FontAwesome";
  padding-right: 10px;
  color: #a3afb7;
}
.projects-detail__back:hover {
  background-color: #cdd2d5;
}
.projects-detail__back a {
  color: #000;
  font-weight: 600;
  text-decoration: none;
}
.references__image img {
  max-height: 100px;
  width: auto;
  margin: 0 auto;
}
.references .slick-slide {
  float: inherit;
  display: inline-block;
  vertical-align: middle;
}
.form-search {
  position: relative;
}
.form-search input {
  border: none;
  border-radius: .3rem;
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.5);
  display: none;
  padding: 4px 12px;
  position: absolute;
  right: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.form-search input:focus {
  outline: none;
}
.form-search input.enabled {
  display: block;
  width: 250px;
}
.form-search input.error {
  box-shadow: 0 0 3px 1px #dd3848;
}
.form-search button {
  background-color: none;
  line-height: 1;
  border: none;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-indent: -9999px;
  text-rendering: auto;
  min-width: 28px;
  min-height: 24px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  z-index: 2;
}
.form-search button:focus,
.form-search button:active {
  box-shadow: none;
  outline: none !important;
}
.form-search button:before {
  color: #000;
  content: "\f002";
  display: block;
  font-family: 'FontAwesome';
  left: 4px;
  position: absolute;
  text-indent: 0;
  top: 3px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.form-search button.enabled:before {
  color: #00334a;
}
.form-search button.error:before {
  color: #dc3545;
}
.form-search label.error {
  display: none !important;
}
#searchResults .pagination &gt; li.active a,
#searchResults .pagination &gt; li &gt; a:hover {
  background-color: #00334a;
  border-color: #00334a;
  color: #fff;
}
#searchResults p {
  margin: 0;
}
#searchResults hr {
  border-top-color: #7abad3;
  margin-bottom: 10px;
  margin-top: 10px;
}
.services__item {
  border-bottom: 1px solid #eee;
  padding: 20px 0;
}
.services__title {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
}
.services__title:before {
  background-color: #666;
  color: #fff;
  content: "\f067";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  font-size: 0.9rem;
  font-style: normal;
  margin-right: 4px;
  padding: 0 5px;
  text-decoration: none;
  display: inline-block;
}
.services__title:hover:before {
  background-color: #00334a;
}
.services__title:hover h2 {
  color: #00334a;
}
.services__title.open:before {
  content: "\f068";
  background-color: #00334a;
}
.services__title.open h2 {
  color: #00334a;
}
.services__title h2 {
  color: #666;
  display: inline-block;
  font-size: 1rem;
  font-weight: 700;
  margin-left: 10px;
}
.services__title h2:hover {
  color: #00334a;
}
.services__introduction {
  margin-top: 1em;
  display: none;
}
.services__introduction a {
  color: #00334a;
  text-decoration: underline;
}
.services__introduction p:last-child {
  margin-bottom: 0;
}
.services__detail-link {
  margin-top: 1em;
  display: none;
}
.services__detail-link a {
  color: #00334a;
}
.team .item {
  position: relative;
  margin-bottom: 80px;
  padding-bottom: 40px;
}
@media (max-width: 991px) {
  .team .item {
    padding-bottom: 100px;
  }
}
.team .item .image-wrapper .image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  position: relative;
  overflow: hidden;
  margin-right: 100px;
  padding-bottom: 80%;
  height: 30%;
}
@media (max-width: 991px) {
  .team .item .image-wrapper .image {
    margin-right: 0;
  }
}
.team .item .image-wrapper .image:before {
  display: block;
  content: "";
  width: 150%;
  height: 100px;
  background-color: #fff;
  position: absolute;
  bottom: -100px;
  transform-origin: bottom left;
  transform: rotate(-6.5deg);
}
.team .item .info-wrapper {
  padding: 60px 30px 30px;
  margin-left: 80px;
  overflow: hidden;
  position: absolute;
  bottom: -64px;
  right: 0;
  z-index: 10;
}
@media (max-width: 991px) {
  .team .item .info-wrapper {
    bottom: -45px;
    width: 100%;
    margin-left: 0;
  }
}
@media (min-width: 991px) {
  .team .item .info-wrapper {
    width: 300px;
  }
}
.team .item .info-wrapper:before {
  width: 100%;
  height: 200%;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background-color: #7abad3;
  opacity: 0.8;
  transform-origin: top right;
  transform: skew(0, -6.5deg);
}
.team .item .info-wrapper,
.team .item .info-wrapper h2,
.team .item .info-wrapper a {
  color: #fff;
}
.team .item .info-wrapper span,
.team .item .info-wrapper a {
  font-weight: 300;
}
.team .item .info-wrapper a {
  white-space: nowrap;
  font-size: .875rem;
}
.team .item .info-wrapper .header {
  margin-bottom: 15px;
  padding-left: 15px;
  height: 80px;
  border-left: 4px solid #00334a;
}
.team .item .info-wrapper .header h2 {
  font-size: 1.2rem;
  margin: 0 0 5px !important;
}
.testimonials .entityItem {
  position: relative;
}
.testimonials .entityItem .entity-stars {
  text-align: center;
  margin: 15px 0;
}
.testimonials .entityItem .entity-stars .fa-star {
  color: #ffce31;
  font-size: 40px;
  padding: 5px;
}
@media (max-width: 991px) {
  .testimonials .entityItem .entity-stars .fa-star {
    font-size: 30px;
  }
}
.testimonials .entityItem .entity-author {
  font-size: 1.1rem;
  font-weight: 900;
  margin-top: 22px;
  text-transform: uppercase;
}
.testimonials .entityItem .entity-function {
  font-style: italic;
}
.testimonials .entityItem .entity-company {
  color: #00334a;
}
.testimonials .entityItem .entity-image {
  order: 1;
}
.testimonials .entityItem .entity-image img {
  height: 112px;
  width: 112px;
  border-radius: 0 0.9rem 0.9rem 0;
}
.testimonials .entityItem .entity-text {
  border-radius: 0.9rem 0 0 0.9rem;
  font-size: 1rem;
  overflow: hidden;
  order: 2;
  padding: 0.8rem;
  text-align: left;
}
div[id^="youtube-player"],
div[id^="youtube-player"] &gt; iframe {
  text-align: center;
  height: 206px !important;
  width: 320px !important;
}
@media (min-width: 768px) {
  div[id^="youtube-player"],
  div[id^="youtube-player"] &gt; iframe {
    height: 375px !important;
    width: 100% !important;
  }
}
.video-categories a:hover {
  color: #fff;
}
.video-categories a:hover .video-categories__title {
  background-color: #00334a;
}
.video-categories__item {
  margin-bottom: 30px;
}
.video-categories__image img {
  width: 100%;
  height: auto;
  margin: 15px 0 0 0;
}
.video-categories__title {
  background-color: #f6a51e;
  text-align: center;
  padding: 15px 30px 13px;
  font-weight: 700;
}
.video-categories-detail__image {
  min-height: 500px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.video-categories-detail__videos .embed-container {
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}
.video-categories-detail__videos .embed-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.contactgegevens {
  padding-left: 25px;
  padding-right: 25px;
}
@media (min-width: 576px) {
  .contactgegevens {
    padding: none;
  }
}
.contactgegevens h1 {
  font-size: 2.2rem;
  padding-left: 0px;
  margin-bottom: 20px;
}
.contactgegevens h2 {
  padding-left: 0px;
  margin-bottom: 10px;
  font-size: 1.25rem;
  color: #f6a51e;
}
.contactgegevens table {
  margin-bottom: 25px;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .contactgegevens table {
    display: block;
    width: 100%;
    overflow-x: auto;
    padding: 0px;
  }
}
.contactgegevens table tr {
  border-bottom: 1px solid #000000;
}
.contactgegevens table tr td a {
  text-decoration: none;
  color: #000000;
}
.contactgegevens table tr td:first-child {
  width: 30%;
}
.contactgegevens table tr td:nth-child(2) {
  width: 30%;
}
.contactgegevens table tr td:nth-child(3) {
  width: 40%;
}
/* Digiself styling*/
.editMode .page-head {
  margin-top: 130px;
}
.editMode .page-head .page-head-image {
  min-height: 250px;
}
.editMode .page-head .page-head-content {
  min-height: 250px;
}
.editMode .page-head:before {
  display: none;
}
.editMode .page-head.google-map .map-toggle-wrapper .map-toggle #toggleBlock2 {
  display: block;
}
.editMode .page-head .googlemap .gmnoprint,
.editMode .page-head .googlemap .gm-fullscreen-control {
  display: block;
}
.editMode #templatePartnersDetail #contentRow1 .digiself-position {
  min-height: 500px;
}</pre></body></html>