/*files:/home/preview/domains/preview.digivotion.com/public_html/houseofwork/jobs/compiled/less/base.css*/
@import url('https://fonts.googleapis.com/css?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');/*base.css*/

/* Less variables */
/* Bootstrap Media Queries */
/* General variables */
/*
 * Fonts
 
 */
/* Families */
/* Line heights */
/* Sizes */
/* Weights */
/*
 * Header
 */
/*
 * Colors
 */
/* General */
/* Menu */
/*
 * Header
 */
/* Footer */
/* Headings, paragraphs and links */
/* Main colors */
/* Support Colors */
/* Buttons */
/* Default */
/* Primary */
/* Secondary */
/* Tertiary */
/* Complimentary colors */
/* Standard colors */
/* Grey colors */
/* Animations */
@keyframes slide_down {
  0% {
    transform: translateY(-250px);
  }
  100% {
    transform: translateY(0);
  }
}
/* General styling*/
html {
  height: 100%;
  width: 100%;
}
body {
  background-color: #ffffff;
  color: #212529;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
  line-height: 1.5;
}
.home main::after {
  background: none;
}
.partners main::after {
  display: none;
}
.partners #footer {
  padding: 0px;
}
.bg-blue {
  background-color: #003249;
  color: #ffffff;
}
.bg-blue p,
.bg-blue h1,
.bg-blue h2,
.bg-blue h3,
.bg-blue a {
  color: #ffffff;
}
@media (max-width: 768px) {
  .vacancies-detail main::after {
    display: none;
  }
}
main {
  position: relative;
  height: 100%;
  overflow: hidden;
}
h1,
h2,
h3,
h4,
h5,
h6,
#applicationForm fieldset legend {
  font-family: "Figtree", sans-serif;
  line-height: 1.2;
}
h1 {
  font-size: 1.625rem;
  font-weight: 700;
  color: #003249;
}
h2 {
  color: #003249;
  font-size: 2.2rem;
  font-weight: 700;
}
@media (max-width: 576px) {
  h2 {
    font-size: 1.7rem;
  }
}
h3,
#applicationForm fieldset legend {
  color: #003249;
  font-size: 1.125rem;
  font-weight: 700;
}
h4 {
  color: #003249;
  font-size: 1.125rem;
  font-weight: 700;
}
h5 {
  color: #f08008;
  font-size: 1.125rem;
  font-weight: 700;
}
h6 {
  color: #003249;
  font-size: 1.125rem;
  font-weight: 700;
}
p {
  font-size: 1rem;
  font-weight: 400;
  color: #212529;
}
a {
  color: #003249;
  font-size: 1rem;
  font-weight: 400;
}
a:hover {
  color: #2babe3;
  text-decoration: none;
}
main ul:not(.dropdown-menu) {
  position: relative;
}
main ul:not(.dropdown-menu) li {
  list-style: none;
}
main ul:not(.dropdown-menu) li:before {
  content: '';
  background-image: url(//preview.digivotion.com/houseofwork/jobs/files/template/Ontwerp-zonder-titel.png);
  background-size: cover;
  height: 25px;
  width: 25px;
  position: absolute;
  left: 0px;
  display: inline-block;
}
main .country-list li:before {
  content: '';
  background: none;
}
.glyphicon-exclamation-sign {
  color: #f7a51c !important;
}
img {
  height: auto;
  max-width: 100%;
}
strong {
  font-weight: 700;
}
.page-head {
  margin-bottom: 80px;
}
body.home .page-head {
  margin-bottom: 0px;
}
#header {
  background-color: transparent;
}
#header .header-info {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding-top: 15px !important;
}
#header .header-top-row {
  margin-bottom: 0;
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
#header .header-nav-row {
  width: 100%;
  display: flex !important;
}
#header .header-nav-row .navbar-collapse {
  justify-content: flex-end !important;
}
#header .header-width {
  padding-left: 1%;
  padding-right: 1%;
}
@media (min-width: 425px) {
  #header .header-width {
    padding-left: 1%;
    padding-right: 5%;
  }
}
@media (min-width: 768px) {
  #header .header-width {
    padding-left: 1%;
    padding-right: 5%;
  }
}
@media (min-width: 992px) {
  #header .header-width {
    padding-left: 3%;
    padding-right: 5%;
  }
}
@media (min-width: 1400px) {
  #header .header-width {
    padding-left: 9%;
    padding-right: 9%;
  }
}
@media (min-width: 768px) {
  #header .header-width.mobile-header {
    padding-left: 1%;
    padding-right: 3.5%;
  }
}
#header .header-width.mobile-header .top-header-contact .top-header-phone-mail {
  text-align: right;
}
#header .header-width.mobile-header .top-header-contact .top-header-phone-mail .header-phone,
#header .header-width.mobile-header .top-header-contact .top-header-phone-mail .header-mail {
  margin-top: 20px;
}
@media (min-width: 768px) {
  #header .header-width.mobile-header .top-header-contact .top-header-phone-mail .header-phone,
  #header .header-width.mobile-header .top-header-contact .top-header-phone-mail .header-mail {
    margin-top: 30px;
  }
}
@media (min-width: 576px) and (max-width: 991px) {
  #header .header-width.mobile-header .top-header-contact .top-header-phone-mail .header-phone,
  #header .header-width.mobile-header .top-header-contact .top-header-phone-mail .header-mail {
    display: inline-block !important;
  }
}
@media (min-width: 576px) and (max-width: 991px) {
  #header .header-width.mobile-header .top-header-contact .top-header-phone-mail .header-phone strong,
  #header .header-width.mobile-header .top-header-contact .top-header-phone-mail .header-mail strong {
    display: inline-block !important;
  }
}
#header .header-width.mobile-header .top-header-contact .header-top-image-block {
  width: 45px;
  float: right;
}
@media (max-width: 768px) {
  #header .header-width.mobile-header .top-header-contact {
    margin-top: -5px;
    margin-bottom: -5px;
  }
}
#header .header-width.mobile-header .top-header-contact .header-top-contact-block {
  float: right;
}
#header .header-width.mobile-header .top-header-contact .header-top-contact-block p,
#header .header-width.mobile-header .top-header-contact .header-top-contact-block a {
  display: inline-block;
  margin-bottom: 0px;
}
#header .header-width.mobile-header .top-header-contact .header-top-contact-block .fa-phone {
  margin-right: 25px;
}
#header .header-width.mobile-header .top-header-contact .header-top-contact-block i {
  margin-top: 25px;
}
#header .header-width.mobile-header .top-header-contact .header-top-contact-block i:before {
  color: #2babe3;
  font-size: 1rem;
}
#header a {
  text-decoration: none;
}
#header .navbar .header-right .navbar-toggler {
  color: #003249;
  border: none;
}
#header .navbar .header-right .navbar-toggler:before {
  top: 38% !important;
}
@media (max-width: 992px) {
  #header .navbar .header-right .navbar-toggler {
    padding-right: 2px;
  }
}
#header .hasSubMenu:after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
@media (max-width: 992px) {
  #header #languageSelected:after {
    border-color: black transparent transparent;
  }
}
@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 (max-width: 991px) {
  #header {
    background-color: white;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    padding: 15px 15px;
  }
}
#header.sticky-active {
  position: sticky;
  z-index: 99999999;
  top: 0px;
  width: 100%;
  background-color: white;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
#header .header-container {
  max-width: 1400px;
}
#header.portal {
  position: relative;
  padding-top: 0;
}
#header.portal .navbar-toggler {
  color: #003249;
}
@media (min-width: 1257px) {
  #header nav .after-link:after {
    content: "";
    width: 66px;
    height: 50px;
    background-image: url(//preview.digivotion.com/houseofwork/jobs/files/images/how-header-logo.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-color: #fff;
    position: absolute;
    top: 0;
    right: -65px;
  }
}
@media (min-width: 1256px) and (max-width: 1500px) {
  #header nav .after-link:after {
    right: 0px;
  }
}
@media (min-width: 350px) {
  #header .logo {
    padding-left: 15px;
  }
}
@media (min-width: 576px) {
  #header .logo {
    padding-left: 25px;
  }
}
@media (min-width: 768px) {
  #header .logo {
    padding-left: 25px;
  }
}
@media (min-width: 992px) {
  #header .logo {
    margin-right: -25px;
    padding-left: 45px;
  }
  #header .logo img {
    max-height: 100px;
  }
}
@media (min-width: 1550px) {
  #header .logo {
    margin-right: 0px;
    padding-left: 0px;
  }
}
@media (min-width: 450px) and (max-width: 992px) {
  #header .logo img {
    max-width: 200px;
  }
}
@media (min-width: 325px) and (max-width: 450px) {
  #header .logo img {
    max-width: 160px;
    margin-top: -4px;
  }
}
#header .logo div,
#header .logo p {
  margin-bottom: 0;
}
#header .navbar {
  padding: 0;
}
#header .menuTree {
  line-height: 50px;
  display: flex;
  flex-direction: row;
  float: right;
  margin-bottom: 10px;
}
#header .menuTree .level3 {
  display: none;
}
#header .menuTree .nav-item:first-child a {
  color: #f08008 !important;
}
#header .menuTree .nav-item {
  margin-left: 15px;
}
@media (min-width: 1600px) {
  #header .menuTree .nav-item {
    margin-left: 35px;
  }
}
#header .menuTree .nav-item:first-child {
  margin-left: 0px;
}
#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 > a {
  color: #003249;
}
#header .menuTree li a {
  color: #003249;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
}
@media (max-width: 1199px) {
  #header .menuTree li a {
    font-size: 1rem;
  }
}
#header .menuTree li a:hover {
  color: #2babe3;
}
#header .menuTree li:hover .menuTree.level2 {
  display: block;
}
#header .menuTree li:hover .menuTree.level2 .dropdown-item.hasSubMenu:hover .level3 {
  display: block;
  top: 100%;
}
#header .menuTree .menuTree {
  background-color: #ffffff;
  display: none;
  padding: 0px 15px 0px 15px;
  position: absolute;
  top: 80%;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
  justify-content: initial;
  flex-wrap: wrap;
  border-radius: 0;
  border: none;
  z-index: 99999999999;
}
#header .menuTree .menuTree li {
  float: left;
}
#header .menuTree .menuTree li a {
  font-weight: 500;
  font-size: 1rem;
}
#header .header-right {
  display: flex;
  justify-content: flex-end;
  line-height: 50px;
  margin-left: 0px;
}
@media (min-width: 460px) {
  #header .header-right {
    margin-left: 15px;
  }
}
#header .header-right p {
  margin-bottom: 0;
}
#header .header-phone,
#header .header-mail,
#header .header-socials {
  margin-top: 27px;
}
@media (max-width: 991px) {
  #header .header-phone,
  #header .header-mail,
  #header .header-socials {
    margin-top: 2px;
  }
}
#header .header-top-row {
  margin-bottom: -12.5px;
}
#header .header-top-row a:hover {
  text-decoration: underline;
}
#header .header-top-row .header-phone,
#header .header-top-row .header-mail,
#header .header-top-row .header-socials,
#header .header-top-row .header-language,
#header .header-top-row .header-icon {
  float: right;
  /* Laat de blokken naast elkaar uitlijnen */
  width: auto;
  /* Neem alleen de breedte van het inhoudselement op */
}
#header .header-top-row .header-icon {
  padding-right: 0px;
}
#header .header-socials {
  margin-right: 0px;
}
@media (min-width: 460px) {
  #header .header-socials {
    margin-right: 25px;
  }
}
@media (min-width: 992px) {
  #header .header-socials {
    margin-right: 0px;
  }
}
#header .header-socials i {
  font-family: 'Font Awesome 5 Brands';
  width: 20px;
  font-size: 22px;
  color: #2babe3;
  margin-right: 5px;
}
#header .header-icon img {
  width: 45px;
}
#header .header-language {
  margin-right: 20px;
}
@media (min-width: 992px) {
  #header .header-language {
    margin-top: 27px;
    margin-right: 0px;
  }
}
@media (max-width: 450px) {
  #header .header-language {
    margin-left: 22px;
    margin-right: 0px;
  }
}
@media (max-width: 991px) {
  #header .header-language {
    margin-top: -5px;
  }
}
#header .header-phone,
#header .header-mail {
  margin-right: 25px;
}
@media (max-width: 991px) {
  #header .header-phone,
  #header .header-mail {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  #header .header-phone p,
  #header .header-mail p {
    margin-top: -10px;
  }
}
#header .header-phone p strong,
#header .header-mail p strong,
#header .header-phone p a,
#header .header-mail p a {
  display: inline-block;
}
#header .header-phone strong,
#header .header-mail strong {
  display: block;
  color: #2babe3;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  #header .header-phone strong,
  #header .header-mail strong {
    display: none !important;
  }
}
#header .header-phone a,
#header .header-mail a {
  font-size: 13px;
  color: black;
  font-weight: 500;
}
#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: #003249;
}
#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 > li {
    min-height: 70px;
  }
}
#header .bottom-header .navbar .menuTree.level1 > li > a {
  color: #fff;
}
#header .bottom-header .navbar .menuTree.level1 > li > 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: #2babe3;
}
@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;
}
#footer {
  color: #fff;
  margin-bottom: 30px;
  padding: 75px 0 0;
  position: relative;
  z-index: 1;
}
#footer a {
  text-decoration: none;
}
@media (max-width: 991px) {
  #footer {
    margin-bottom: 0;
  }
}
#footer .footer-row0 {
  background-color: #003249;
  height: 125px;
}
@media (min-width: 576px) {
  #footer .footer-row0 {
    height: 150px;
  }
}
#footer .footer-row0 .footer-image {
  text-align: center;
  padding-top: 50px;
}
#footer .footer-row0 .footer-image img {
  max-width: 300px;
}
@media (min-width: 576px) {
  #footer .footer-row0 .footer-image {
    padding-top: 55px;
  }
  #footer .footer-row0 .footer-image img {
    max-width: 400px;
  }
}
#footer .footer-row1 {
  background-color: #fbfafd;
  padding-top: 40px;
  position: relative;
  overflow-x: clip;
}
@media (min-width: 1600px) {
  #footer .footer-row1:after {
    content: "";
    width: 300px;
    height: 300px;
    background-image: url(//preview.digivotion.com/houseofwork/jobs/files/images/HOW_O_gradient_footer.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    top: -140px;
    right: -70px;
  }
}
#footer .footer-row1 #footerRow1Block2 p:last-child {
  width: 160px !important;
}
@media (min-width: 768px) and (max-width: 1600px) {
  #footer .footer-row1:after {
    content: "";
    width: 200px;
    height: 200px;
    background-image: url(//preview.digivotion.com/houseofwork/jobs/files/images/HOW_O_gradient_footer.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    top: -140px;
    right: -100px;
  }
}
#footer .footer-row2 {
  background-color: #fbfafd;
}
#footer .footer-row2 .digivotion-link {
  text-align: right;
}
#footer .footer-row2 .digivotion-link p {
  margin-bottom: 0px;
}
#footer .footer-row2 .digivotion-link p a {
  font-size: 0.8rem;
}
#footer #footerRow2Block1 {
  margin-top: 40px;
}
#footer #footerRow2Block1 a {
  font-size: 0.8rem !important;
}
#footer.portal-footer {
  margin: 0;
}
#footer h3 {
  margin-bottom: 20px;
  color: #003249;
  width: 100%;
}
#footer p {
  color: #003249;
}
#footer .fab {
  color: #003249;
}
@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 #f7a51c;
  color: #f7a51c;
  margin: 0 12px 12px 0;
  font-weight: 700;
}
#footer .quick-links a:hover {
  background-color: #f7a51c;
  color: #fff;
}
@media (max-width: 575px) {
  #footer .quick-links a {
    flex-grow: 1;
    text-align: center;
  }
}
#footer .socials {
  margin-top: 15px;
}
#footer .socials a {
  font-size: 2.5rem;
  color: #fff;
  margin-right: 10px;
}
body.home #footer {
  padding: 0px !important;
}
body.home #footer .footer-row1 {
  padding-top: 75px !important;
}
body.home #footer .footer-row1:after {
  display: none;
}
body.home .footer-hide-home {
  display: none !important;
}
.btn {
  border: 0;
  border-radius: 0;
  font-weight: 700;
  padding: 8px 20px;
  background-color: #f08008;
  color: #ffffff;
  white-space: nowrap;
  transition: none;
  position: relative;
}
.btn:hover,
.btn:focus {
  background-color: #003249;
  color: #ffffff;
}
.btn:hover:after,
.btn:focus:after {
  background: #003249;
}
.btn:not(:disabled):not(.disabled):active {
  background-color: #003249;
  color: #ffffff;
}
.btn:after {
  content: '';
  position: absolute;
  width: 38%;
  height: 100%;
  background: #f08008;
  transform-origin: 0 0;
  transform: translateX(-15%) skewX(33deg);
  transition: transform .5s;
  top: 0px;
}
.btn-default {
  background-color: #f08008;
  color: #ffffff;
  position: relative;
}
.btn-default:hover,
.btn-default:focus {
  background-color: #003249;
  color: #ffffff;
}
.btn-default:hover:after,
.btn-default:focus:after {
  background: #003249;
}
.btn-default:not(:disabled):not(.disabled):active {
  background-color: #003249;
  color: #ffffff;
}
.btn-default:after {
  content: '';
  position: absolute;
  width: 38%;
  height: 100%;
  background: #f08008;
  transform-origin: 0 0;
  transform: translateX(-15%) skewX(33deg);
  transition: transform .5s;
  top: 0px;
}
.btn-primary,
#applicationForm .btn-apply {
  background-color: #f08008;
  color: #ffffff;
  position: relative;
  min-width: 130px;
  text-align: left;
  z-index: 1;
  /* Zorg ervoor dat de knop boven de ::after staat */
}
.btn-primary:hover,
.btn-primary:focus,
#applicationForm .btn-apply:hover {
  background-color: #003249;
  color: #ffffff;
}
.btn-primary:hover:after,
.btn-primary:focus:after {
  background: #003249;
}
.btn-primary:not(:disabled):not(.disabled):active {
  background-color: #003249;
  color: #ffffff;
}
.btn-primary:after {
  content: '';
  position: absolute;
  width: 38%;
  height: 100%;
  background: #f08008;
  transform-origin: 0 0;
  transform: translateX(-15%) skewX(33deg);
  transition: transform .5s;
  top: 0;
  right: -30px;
  /* Houd de positionering aan de rechterkant zoals oorspronkelijk */
  z-index: -1;
  /* Zorg ervoor dat de ::after achter de knop staat */
}
.btn-secondary {
  background-color: #f08008;
  color: #ffffff;
  position: relative;
}
.btn-secondary:hover,
.btn-secondary:focus {
  background-color: #f7a51c;
  color: #ffffff;
}
.btn-secondary:hover:after,
.btn-secondary:focus:after {
  background: #f7a51c;
}
.btn-secondary:not(:disabled):not(.disabled):active {
  background-color: #f7a51c;
  color: #ffffff;
}
.btn-secondary:after {
  content: '';
  position: absolute;
  width: 35%;
  height: 100%;
  background: #f08008;
  transform-origin: 0 0;
  transform: translateX(-15%) skewX(33deg);
  transition: transform .5s;
  top: 0px;
}
.btn-tertiary {
  background-color: #f7a51c;
  color: #ffffff;
  position: relative;
  min-width: 130px;
  text-align: left;
}
.btn-tertiary:hover,
.btn-tertiary:focus {
  background-color: #003249;
  color: #ffffff;
}
.btn-tertiary:hover:after,
.btn-tertiary:focus:after {
  background: #003249;
}
.btn-tertiary:after {
  content: '';
  position: absolute;
  width: 19%;
  height: 100%;
  background: #f7a51c;
  transform-origin: 0 0;
  transform: translateX(-15%) skewX(33deg);
  transition: transform .5s;
  top: 0px;
  right: -4px;
}
.page-head {
  position: relative;
  max-height: 700px;
  overflow: hidden;
}
@media (max-width: 1199px) {
  .page-head {
    max-height: 750px;
  }
}
.page-head:before {
  display: none;
}
.page-head.google-map {
  transition: all 0.4s ease-in-out 0s;
  max-height: 600px !important;
}
.page-head.google-map:before {
  display: none;
}
.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: 200px;
  }
}
.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(247, 165, 28, 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: 2.2rem;
}
.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;
}
.page-head .carousel-page-head .item:before {
  width: 100%;
  height: 100%;
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: #00334A;
  opacity: 0.3;
}
.loginForm form {
  background-color: #fbfafd;
  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 .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: #008000;
  /* 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: #008000;
  /* 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: #008000;
  /* 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: #f7a51c;
}
#applicationForm .btn-default.btn-apply {
  background-color: #f08008;
  color: #ffffff;
  position: relative;
  margin-right: 55px;
}
#applicationForm .btn-default.btn-apply:hover,
#applicationForm .btn-default.btn-apply:focus {
  background-color: #003249;
  color: #ffffff;
}
#applicationForm .btn-default.btn-apply:hover:after,
#applicationForm .btn-default.btn-apply:focus:after {
  background: #003249;
}
#applicationForm .btn-default.btn-apply:not(:disabled):not(.disabled):active {
  background-color: #003249;
  color: #ffffff;
}
#applicationForm .btn-default.btn-apply:after {
  content: '';
  position: absolute;
  width: 35%;
  height: 100%;
  background: #f08008;
  transform-origin: 0 0;
  transform: translateX(-15%) skewX(33deg);
  transition: transform .5s;
  top: 0px;
}
/* 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 0px;
  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 h3 {
  font-size: 1.5rem;
}
#templateContact .page-head-image iframe {
  width: 100%;
  overflow: hidden;
  margin-top: -77px;
  min-height: 600px;
  max-height: 600px;
}
@media (max-width: 768px) {
  #templateContact .page-head-image iframe {
    min-height: auto;
    max-height: auto;
  }
}
#templateContact #contentRow1 .title-block {
  margin-bottom: 75px;
}
#templateContact #contentRow1 h1 {
  color: #003249;
  margin-bottom: 50px;
}
#templateContact .socials {
  margin-top: 15px;
}
#templateContact .socials a {
  font-size: 2.5rem;
  color: #f7a51c;
  margin-right: 10px;
}
#templateContact .gmnoprint,
#templateContact .gm-fullscreen-control {
  display: block;
}
#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: #003249;
  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: #003249;
  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:last-child {
  margin-top: 50px;
}
@keyframes fadeInFromLeft {
  from {
    opacity: 0;
    transform: translateX(-100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
#templateHome::after {
  content: '';
  display: block;
  background-image: url(//preview.digivotion.com/houseofwork/jobs/files/images/HOW-Hero-boog-left-home.png);
  position: absolute;
  z-index: 9999999;
  background-size: cover;
  top: -71px;
  left: -150px;
  width: 350px;
  height: 350px;
  opacity: 0;
  transform: translateX(-100%);
  animation: fadeInFromLeft 1s forwards;
  pointer-events: none !important;
}
@media (min-width: 576px) {
  #templateHome::after {
    top: -95px;
    left: -161px;
    width: 475px;
    height: 475px;
  }
}
@media (min-width: 768px) {
  #templateHome::after {
    top: -106px;
    left: -183px;
    width: 525px;
    height: 525px;
  }
}
@media (min-width: 992px) {
  #templateHome::after {
    top: -161px;
    left: -285px;
    width: 800px;
    height: 800px;
  }
}
@media (min-width: 1400px) {
  #templateHome::after {
    top: -190px;
    left: -310px;
    width: 950px;
    height: 950px;
  }
}
#templateHome #contentRow1 {
  padding: 60px 0 150px 0;
}
@media (max-width: 991px) {
  #templateHome #contentRow1 {
    padding: 75px 0;
  }
}
#templateHome #contentRow1 h2 {
  font-size: 2.2rem;
  margin: 50px 0 30px;
  font-weight: bold;
}
#templateHome #contentRow1 .content-block {
  margin-bottom: 75px;
}
#templateHome #contentRow1 .vacancies-list {
  margin-top: 60px;
}
@media (min-width: 576px) and (max-width: 1200px) {
  #templateHome #contentRow1 #contentRow1BlockVacancy1,
  #templateHome #contentRow1 #contentRow1BlockVacancy2 {
    margin-bottom: 50px;
  }
}
@media (min-width: 1600px) {
  #templateHome #contentRow1 .vacancy-home-row {
    padding-left: 100px;
    padding-right: 100px;
  }
}
#templateHome #contentRow1 .vacancy-home-row .vacancy-home-block {
  text-align: center;
  position: relative;
}
@media (min-width: 350px) and (max-width: 576px) {
  #templateHome #contentRow1 .vacancy-home-row .vacancy-home-block {
    margin-bottom: 50px;
  }
}
#templateHome #contentRow1 .vacancy-home-row .vacancy-home-block .quicklink-main-image {
  position: relative;
}
#templateHome #contentRow1 .vacancy-home-row .vacancy-home-block .quicklink-main-image img {
  height: 275px;
  width: 275px;
  border-radius: 50%;
  object-fit: cover;
}
#templateHome #contentRow1 .vacancy-home-row .vacancy-home-block .homequickLink {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: block;
}
#templateHome #contentRow1 .vacancy-home-row .vacancy-home-block .quicklink-second-image {
  position: absolute;
  width: 125px;
  height: 125px;
  background-color: #fff;
  border-radius: 50% 50% 50% 50%;
  object-fit: contain;
  right: 3%;
  top: 0px;
}
@media (min-width: 425px) and (max-width: 576px) {
  #templateHome #contentRow1 .vacancy-home-row .vacancy-home-block .quicklink-second-image {
    right: 15%;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  #templateHome #contentRow1 .vacancy-home-row .vacancy-home-block .quicklink-second-image {
    right: 0%;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  #templateHome #contentRow1 .vacancy-home-row .vacancy-home-block .quicklink-second-image {
    right: 13%;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  #templateHome #contentRow1 .vacancy-home-row .vacancy-home-block .quicklink-second-image {
    right: 19%;
  }
}
@media (min-width: 1200px) and (max-width: 1600px) {
  #templateHome #contentRow1 .vacancy-home-row .vacancy-home-block .quicklink-second-image {
    right: 10px;
  }
}
@media (min-width: 1600px) {
  #templateHome #contentRow1 .vacancy-home-row .vacancy-home-block .quicklink-second-image {
    right: 15%;
  }
}
#templateHome #contentRow1 .vacancy-home-row .vacancy-home-block .quicklink-second-image img {
  position: absolute;
  width: 100px;
  height: 130px;
  object-fit: contain;
  right: 32px;
  top: 5px;
}
#templateHome #contentRow1 .vacancy-home-row .vacancy-home-block .quicklink-second-image p {
  top: 40px;
}
#templateHome #contentRow1 .vacancy-home-row .vacancy-home-block .quicklink-second-image h4 {
  top: 65px;
}
#templateHome #contentRow1 .vacancy-home-row .vacancy-home-block .quicklink-second-image p,
#templateHome #contentRow1 .vacancy-home-row .vacancy-home-block .quicklink-second-image h4 {
  margin-bottom: 0px;
  margin-left: 40px;
  text-align: left;
  position: absolute !important;
  width: 100%;
}
#templateHome #contentRow1 .vacancy-home-row .vacancy-home-block .quicklink-title {
  position: absolute;
  top: 35px;
  left: 72%;
  white-space: nowrap;
}
#templateHome #contentRow1 .vacancy-home-row .vacancy-home-block .quicklink-title a {
  text-decoration: none;
}
@media (min-width: 425px) and (max-width: 576px) {
  #templateHome #contentRow1 .vacancy-home-row .vacancy-home-block .quicklink-title {
    left: 65%;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  #templateHome #contentRow1 .vacancy-home-row .vacancy-home-block .quicklink-title {
    left: 77%;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  #templateHome #contentRow1 .vacancy-home-row .vacancy-home-block .quicklink-title {
    left: 68%;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  #templateHome #contentRow1 .vacancy-home-row .vacancy-home-block .quicklink-title {
    left: 70%;
  }
}
@media (min-width: 1200px) and (max-width: 1600px) {
  #templateHome #contentRow1 .vacancy-home-row .vacancy-home-block .quicklink-title {
    left: 73%;
  }
}
@media (min-width: 1600px) {
  #templateHome #contentRow1 .vacancy-home-row .vacancy-home-block .quicklink-title {
    left: 68%;
  }
}
#templateHome #contentRow1 .vacancy-home-row .vacancy-home-block .quicklink-title p {
  margin-bottom: 0px;
  text-align: left;
  font-size: 0.9rem;
}
#templateHome #contentRow1 .vacancy-home-row .vacancy-home-block .quicklink-title h4 {
  color: #003249;
  font-size: 1.25rem;
  text-align: left;
}
#templateHome #contentRow1 .vacancy-home-row .vacancy-home-block .vacancy-url-block {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
}
#templateHome #contentRow1 .vacancy-home-row .vacancy-home-block .vacancy-url-block a {
  display: block;
  height: 100%;
  width: 75%;
  margin: auto;
}
@media (max-width: 576px) {
  #templateHome #contentRow1Block6 {
    padding: 25px;
  }
}
#templateHome .quicklink-row {
  margin-top: 25px;
}
@media (max-width: 576px) {
  #templateHome .quicklink-row {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  #templateHome .quicklink-row {
    padding-right: 35px;
  }
}
#templateHome #contentRow2 {
  background-color: #003249;
  padding-top: 100px;
  overflow: hidden;
}
#templateHome #contentRow2 .row.justify-content-center {
  position: relative;
}
#templateHome #contentRow2 .title-block {
  margin-bottom: 40px;
}
#templateHome #contentRow2 .title-block h2 {
  color: #f7a51c;
  text-align: center;
  font-size: 2.2rem;
}
#templateHome #contentRow2 .image-block img {
  width: 100%;
}
#templateHome #contentRow2 .title-side-block {
  position: absolute;
  right: -6px;
  top: 0px;
  text-align: center;
  padding: 7px 36px 7px 30px;
  border: 1px solid;
  border-right: none;
  border-image: linear-gradient(to right, #ffffff, #f7a51c, #f08008) 1;
  transform: skew(-10deg);
  overflow: hidden;
}
@media (max-width: 992px) {
  #templateHome #contentRow2 .title-side-block {
    top: -75px;
  }
}
#templateHome #contentRow2 .title-side-block > div {
  transform: skew(10deg);
}
#templateHome #contentRow2 .title-side-block a {
  text-decoration: none;
  color: #f7a51c;
}
#templateHome #contentRow2 .title-side-block p {
  color: #f7a51c;
  margin-bottom: 0px;
  font-size: 0.9rem;
}
#templateHome #contentRow2 .title-side-block h5 {
  color: #f7a51c;
  margin-bottom: 0px;
  font-size: 1rem;
}
#templateHome #contentRow2 .title-side-block h5 a {
  color: #f7a51c;
  margin-bottom: 0px;
  font-size: 1rem;
  font-weight: 700;
}
#templateHome #contentRow2 .content-block {
  margin-bottom: 50px;
}
#templateHome #contentRow2 .content-block p {
  color: white;
  text-align: center;
}
#templateHome #contentRow2 .content-block a {
  color: white;
  text-decoration: underline;
}
#templateHome #contentRow2b {
  background-color: #f08008;
  padding-top: 40px;
  padding-bottom: 40px;
  z-index: 1;
  position: relative;
}
@media (max-width: 768px) {
  #templateHome #contentRow2b .counter-block2 {
    margin-top: 25px;
    margin-bottom: 25px;
  }
}
#templateHome #contentRow2b .quote-block {
  text-align: center;
}
#templateHome #contentRow2b .quote-block h2,
#templateHome #contentRow2b .quote-block h3 {
  color: #ffffff !important;
}
#templateHome #contentRow2b .content-block {
  text-align: center;
  padding-left: 5%;
  padding-right: 5%;
}
@media (min-width: 576px) {
  #templateHome #contentRow2b .content-block {
    padding-left: 25%;
    padding-right: 25%;
  }
}
@media (min-width: 768px) {
  #templateHome #contentRow2b .content-block {
    padding-left: 0%;
    padding-right: 0%;
  }
}
@media (min-width: 1200px) {
  #templateHome #contentRow2b .content-block {
    padding-left: 15%;
    padding-right: 15%;
  }
}
@media (min-width: 1400px) {
  #templateHome #contentRow2b .content-block {
    padding-left: 27%;
    padding-right: 27%;
  }
}
#templateHome #contentRow2b .content-block p {
  color: #fff;
  font-size: 1.2rem;
  margin-bottom: 0px;
}
#templateHome #contentRow2b #counterContainer,
#templateHome #contentRow2b #counterContainer1980To1990,
#templateHome #contentRow2b #counterContainer0To2 {
  text-align: center;
}
#templateHome #contentRow2b #counter-percentage,
#templateHome #contentRow2b #counter1980To1990,
#templateHome #contentRow2b #counter0To2 {
  font-size: 2.5rem;
  opacity: 0;
  /* Zorg ervoor dat het getal aanvankelijk verborgen is */
  transition: opacity 0.01s ease;
  /* Voeg een vloeiende overgang toe */
  color: #fff;
  font-weight: bold;
}
#templateHome #contentRow2b #percentage,
#templateHome #contentRow2b #year0To2 {
  font-size: 2.5rem;
  color: #fff;
  font-weight: bold;
}
#templateHome #contentRow3 .home-image-left {
  position: relative;
}
#templateHome #contentRow3 .home-image-left:after {
  content: "";
  background-image: url(//preview.digivotion.com/houseofwork/jobs/files/images/HOW_O_wit.1712324352.png);
  background-size: cover;
  height: 250px;
  width: 250px;
  z-index: 99;
  position: absolute;
  right: 2px;
  top: none;
  bottom: -150px;
}
@media (min-width: 768px) {
  #templateHome #contentRow3 .home-image-left:after {
    right: -245px;
    top: 175px;
    bottom: none;
    height: 500px;
    width: 500px;
  }
}
#templateHome #contentRow3 img {
  object-fit: cover;
}
@media (min-width: 768px) {
  #templateHome #contentRow3 img {
    height: 900px;
    width: 100%;
  }
}
#templateHome #contentRow3 .home-text-right {
  padding-left: 25px;
  padding-right: 25px;
  height: 100%;
  position: relative;
  top: 20px;
  z-index: 100;
}
@media (min-width: 768px) {
  #templateHome #contentRow3 .home-text-right {
    padding-left: 50px;
    padding-right: 50px;
    top: 125px;
  }
}
@media (min-width: 1800px) {
  #templateHome #contentRow3 .home-text-right {
    padding-left: 75px;
    padding-right: 300px;
    top: 275px;
  }
}
#templateHome #contentRow3 .home-text-right h3 {
  font-size: 1.4rem;
  font-weight: bold;
}
#templateHome #contentRow3 .home-text-right h2 {
  font-size: 2.2rem;
  margin-bottom: 60px;
}
@media (max-width: 768px) {
  #templateHome #contentRow3 .home-text-right h2 {
    margin-bottom: 25px;
  }
}
#templateHome #contentRow3 .home-text-right p {
  margin-bottom: 50px;
}
#templateHome #contentRow4 {
  background-color: #003249;
}
#templateHome #contentRow3Block1 {
  text-align: right;
}
@media (max-width: 991px) {
  #templateHome #contentRow3Block1 {
    text-align: left;
  }
}
@media (min-width: 992px) {
  #templateHome #contentRow3Block1 a:last-child {
    display: block;
    margin-left: 30px;
  }
}
@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 {
  max-height: 750px;
}
@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: 300px;
  }
}
#templateHome .carousel-page-head .title {
  display: none !important;
}
#templateHome .carousel-page-head .mobile-title {
  text-align: left;
  position: absolute;
  top: 30px;
  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: -125px;
    margin-top: 20px;
    padding-right: 50px;
  }
}
@media (max-width: 767px) {
  #templateHome .carousel-page-head .mobile-title {
    width: 100%;
    position: absolute;
    z-index: 999;
  }
}
#templateHome .carousel-page-head .mobile-title h1 {
  white-space: nowrap;
  font-size: 4.375rem;
  padding-right: 60px;
  line-height: 1;
}
@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;
}
#templatePage .carousel-page-head .title h1,
#templatePage .carousel-page-head .title h2 {
  margin-bottom: 0;
}
.page-team .page-head::after {
  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-team #contentRow1 {
  margin-top: -100px;
}
.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: #003249;
  font-weight: 500;
}
.page-team .content-block .btn {
  font-size: 1rem !important;
}
.page-team .image-block {
  margin-bottom: 35px;
}
#templatePageOverview #contentRow1 {
  margin: 0 0 40px 0;
}
@media (max-width: 992px) {
  #templatePageOverview #contentRow1 {
    margin: 0 0 0px 0;
  }
}
#templatePageOverview #contentRow2 {
  padding: 0 0 0px 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 h2 {
  margin-bottom: 30px;
}
#templateVacancies #contentRow1Block2 {
  text-align: center;
}
@media (max-width: 991px) {
  #templateVacancies #contentRow1Block2 {
    text-align: left;
  }
}
#templateVacancies .vacancies-overview .header {
  display: none;
}
#templatePageHomeBlock #contentRow1 {
  padding-bottom: 80px;
}
#templatePageHomeBlock #contentRow2,
#templatePageHomeBlock #contentRow3 {
  padding-top: 55px;
  overflow: hidden;
}
#templatePageHomeBlock #contentRow2 .title-block,
#templatePageHomeBlock #contentRow3 .title-block {
  margin-bottom: 40px;
}
#templatePageHomeBlock #contentRow2 .title-block h2,
#templatePageHomeBlock #contentRow3 .title-block h2 {
  text-align: center;
  font-size: 2.2rem;
}
#templatePageHomeBlock #contentRow2 .image-block img,
#templatePageHomeBlock #contentRow3 .image-block img {
  width: 100%;
}
#templatePageHomeBlock #contentRow2 .content-block,
#templatePageHomeBlock #contentRow3 .content-block {
  margin-bottom: 50px;
}
#templatePageHomeBlock #contentRow2 .content-block p,
#templatePageHomeBlock #contentRow3 .content-block p {
  color: white;
  text-align: center;
}
#templatePageHomeBlock #contentRow2 .content-block a,
#templatePageHomeBlock #contentRow3 .content-block a {
  color: white;
  text-decoration: underline;
}
#templatePageHomeBlock #contentRow2 {
  background-color: #003249;
}
#templatePageHomeBlock #contentRow2 .title-block h2 {
  color: #f7a51c;
}
#templatePageHomeBlock #contentRow3 {
  background-color: #f7a51c;
  margin-bottom: 80px;
}
#templatePageHomeBlock #contentRow3 .title-block h2 {
  color: #003249;
}
#templatePageHomeBlock #contentRow4 {
  padding-bottom: 80px;
}
#templatePageHomeBlock #contentRow4 #contentRow4Block3 {
  height: 100%;
  position: relative;
  top: 10%;
  z-index: 100;
}
@media (min-width: 768px) {
  #templatePageHomeBlock #contentRow4 #contentRow4Block3 {
    top: 10%;
  }
}
@media (min-width: 1800px) {
  #templatePageHomeBlock #contentRow4 #contentRow4Block3 {
    top: 10%;
  }
}
#templatePageHomeBlock #contentRow4 #contentRow4Block3 h3 {
  font-size: 1.4rem;
  font-weight: bold;
}
#templatePageHomeBlock #contentRow4 #contentRow4Block3 h2 {
  font-size: 2.2rem;
  margin-bottom: 60px;
}
@media (max-width: 768px) {
  #templatePageHomeBlock #contentRow4 #contentRow4Block3 h2 {
    margin-bottom: 25px;
  }
}
#templatePageHomeBlock #contentRow4 #contentRow4Block3 p {
  margin-bottom: 50px;
}
#templatePageEmploy #contentRow1 {
  padding-bottom: 80px;
}
#templatePageEmploy #contentRow1 .content-block {
  text-align: center;
}
#templatePageEmploy #contentRow2 .image-block {
  margin-top: 100px;
  margin-bottom: 100px;
}
#templatePageEmploy #contentRow3 {
  background-color: #003249;
  padding-bottom: 80px;
}
@media (min-width: 1200px) {
  #templatePageEmploy #contentRow3 {
    height: 875px;
  }
}
#templatePageEmploy #contentRow3 #contentRow3Block1 {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (min-width: 1200px) {
  #templatePageEmploy #contentRow3 .image-block img:hover {
    transform: scale(1.15);
    transition: transform 1s;
    margin-bottom: 40px;
  }
}
#templatePageEmploy #contentRow3 .title-block {
  text-align: center;
}
#templatePageEmploy #contentRow3 .title-block h2 {
  color: #f7a51c;
  font-size: 3rem;
}
#templatePageEmploy #contentRow3 .title-block span,
#templatePageEmploy #contentRow3 .title-block p,
#templatePageEmploy #contentRow3 .title-block a {
  color: #ffffff;
  font-size: 1.2rem;
}
#templatePageEmploy #contentRow4 {
  padding-top: 80px;
  padding-bottom: 50px;
}
#templatePageEmploy #contentRow6 {
  padding-top: 175px;
  padding-bottom: 50px;
}
#templatePageEmploy #contentRow6 #contentRow6Block2 {
  text-align: center;
  margin-bottom: 50px;
}
#templatePageEmploy #contentRow6 #contentRow6Block3 {
  text-align: left;
}
@media (min-width: 768px) {
  #templatePageEmploy #contentRow6 #contentRow6Block3 {
    text-align: right;
  }
}
#templatePageEmploy #contentRow6 #contentRow6Block4 {
  text-align: left;
}
@media (min-width: 768px) {
  #templatePageEmploy #contentRow6 #contentRow6Block4 {
    text-align: left;
  }
}
#templatePageEmploy #contentRow6 #contentRow6Block4 .btn:after {
  width: 50px;
}
#templatePageEmploy #contentRow6 #contentRow6Block5 {
  text-align: center;
}
#templatePageEmploy #contentRow7 {
  padding-top: 100px;
  padding-bottom: 80px;
}
#templatePageEmploy #contentRow7 .page-quicklink-block {
  width: 300px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  padding: 25px;
  text-align: center;
  margin-bottom: 25px;
}
@media (min-width: 1200px) {
  #templatePageEmploy #contentRow7 .page-quicklink-block {
    margin-bottom: 0px;
  }
}
#templatePageEmploy #contentRow7 .page-quicklink-block .image-block {
  text-align: center;
  height: 60px;
}
#templatePageEmploy #contentRow7 .page-quicklink-block .image-block i {
  font-size: 2.5rem;
  color: #f7a51c;
}
#templatePageEmploy #contentRow7 .page-quicklink-block .title-block {
  text-align: center;
  height: 75px;
}
body.about-us #contentRow1 {
  padding-bottom: 100px;
}
body.about-us #contentRow1 .about-us-listitem {
  text-align: center;
}
body.about-us #contentRow1 #contentRow1Block4 {
  padding-top: 80px;
  padding-bottom: 80px;
}
body.about-us #contentRow1 #contentRow1Block5 {
  padding-bottom: 80px;
}
body.about-us #contentRow2 #contentRow2Block4 h2 {
  margin-bottom: 25px;
}
body.about-us #contentRow2 .title-block {
  margin-bottom: 40px;
}
body.about-us #contentRow2 .title-block h2 {
  color: #f7a51c;
  text-align: center;
  font-size: 2.2rem;
}
body.about-us #contentRow2 .content-block p {
  color: white;
  text-align: center;
  margin-bottom: 0px;
}
body.about-us #contentRow2 .content-block a {
  color: white;
  text-decoration: underline;
}
body.about-us #contentRow3 {
  padding-top: 100px;
  text-align: center;
}
body.about-us #contentRow4 {
  background-color: white;
  padding-top: 40px;
  padding-bottom: 40px;
  z-index: 1;
  position: relative;
}
body.about-us #contentRow4 .counterContainer-middle {
  border-left: 1px solid black;
  border-right: 1px solid #000000;
}
body.about-us #contentRow4 #counterContainer .content-block {
  text-align: center;
}
body.about-us #contentRow4 #counterContainer .content-block p,
body.about-us #contentRow4 #counterContainer .content-block h1,
body.about-us #contentRow4 #counterContainer .content-block h2,
body.about-us #contentRow4 #counterContainer .content-block h3,
body.about-us #contentRow4 #counterContainer .content-block h4,
body.about-us #contentRow4 #counterContainer .content-block h5 {
  font-size: 2.5rem;
  color: black;
  font-weight: bold;
}
body.about-us #contentRow4 .counter-text {
  text-align: center;
  margin-right: 20px;
  margin-bottom: 50px;
}
@media (min-width: 768px) {
  body.about-us #contentRow4 .counter-text {
    margin-bottom: 0px;
  }
}
body.about-us #contentRow4 .counter-text p {
  color: black;
  font-size: 1.2rem;
  margin-bottom: 0px;
}
body.about-us #footer {
  padding-top: 0px;
}
body.about-us #contentRow5 {
  padding-top: 80px;
  padding-bottom: 80px;
}
body.full-intake .questions {
  color: #ffffff;
  padding: 15px;
}
/* Vacancies styling*/
.vacancies-overview h3,
.vacancies-detail h3,
.vacancies-list h3 {
  color: #003249;
}
.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 > [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 > 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 > 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 > td:nth-child(2) {
  text-transform: uppercase;
}
.vacancy-card .detail-link {
  background-color: #003249 !important;
}
.vacancy-card .detail-link a {
  background-color: #003249 !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: #f7a51c;
  }
}
.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: #f7a51c;
  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 #f7a51c;
    position: absolute;
    top: 50%;
    bottom: 0;
    transform: translate(-31px, -50%);
  }
}
@media (min-width: 992px) {
  .vacancies-filter-v2 .vacancy-filter.filtered {
    background-color: #f7a51c;
  }
}
@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: #f7a51c;
  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 > [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: #003249;
}
.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: #d1ebf7;
}
.vacancy-block-v2 a {
  border: 1px solid #555555;
}
.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 > div:not(.quick-apply),
#applicationForm.quick-apply:not(.not-quick) fieldset .row > div:not(.quick-apply),
#companyForm.quick-apply:not(.not-quick) fieldset .row > div:not(.quick-apply),
#payrollForm.quick-apply:not(.not-quick) fieldset .row > div:not(.quick-apply),
#signupForm.portal-signup.quick-apply:not(.not-quick) fieldset .row > 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 > div:not(.quick-apply-mobile),
#applicationForm.quick-apply-mobile:not(.not-quick) fieldset .row > div:not(.quick-apply-mobile),
#companyForm.quick-apply-mobile:not(.not-quick) fieldset .row > div:not(.quick-apply-mobile),
#payrollForm.quick-apply-mobile:not(.not-quick) fieldset .row > div:not(.quick-apply-mobile),
#signupForm.portal-signup.quick-apply-mobile:not(.not-quick) fieldset .row > 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 > .input-group,
#applicationForm .form-group > .input-group,
#companyForm .form-group > .input-group,
#payrollForm .form-group > .input-group,
#signupForm.portal-signup .form-group > .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 > 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 > div > span {
  flex: 0 0 auto;
  line-height: 18px;
  margin-right: 10px;
  width: 30px;
}
#cvGenerator .special-div-table > div > span:nth-child(4) {
  width: auto;
}
#cvGenerator .special-div-table > div > span:nth-child(5) {
  display: none;
}
#cvGenerator .special-div-table > div > 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 > .intl-tel-input {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 1%;
}
#flexworkerForm .input-group > .intl-tel-input input {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
#flexworkerForm .input-group > .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 > .intl-tel-input {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 1%;
}
#hirerForm .input-group > .intl-tel-input input {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
#hirerForm .input-group > .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 > li > a {
    font-size: 12px;
    padding: 8px;
  }
  #cvGenerator .nav .button {
    padding: 0 20px;
    right: 0;
    width: 100%;
  }
  #cvGenerator .special-div-table > div {
    font-size: 12px;
  }
  #cvGenerator .special-div-table > div > span {
    margin-right: 5px;
  }
  #cvGenerator .special-div-table > div .delete-row {
    width: 15px;
  }
  #cvGenerator .special-div-table > div > 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-list .badges,
.vacancies-detail .badges,
.vacancies-card .badges,
.vacancies-overview .badges {
  margin-bottom: 15px;
}
.vacancies-list .badges .glyphicon,
.vacancies-detail .badges .glyphicon,
.vacancies-card .badges .glyphicon,
.vacancies-overview .badges .glyphicon {
  display: none;
}
.vacancies-list .badges .badge,
.vacancies-detail .badges .badge,
.vacancies-card .badges .badge,
.vacancies-overview .badges .badge {
  background-color: transparent;
  color: #555555;
  font-size: 0.875rem;
  font-weight: 700;
  padding-left: 0;
}
.vacancies-list .badges .badge:before,
.vacancies-detail .badges .badge:before,
.vacancies-card .badges .badge:before,
.vacancies-overview .badges .badge:before {
  color: #555555;
  font-size: 1rem;
  font-weight: 700;
  margin-right: 5px;
}
.vacancies-list .badges .badge.date:before,
.vacancies-detail .badges .badge.date:before,
.vacancies-card .badges .badge.date:before,
.vacancies-overview .badges .badge.date:before {
  font-family: "Font Awesome 6 Pro";
  content: "\f783";
}
.vacancies-list .badges .badge.code,
.vacancies-detail .badges .badge.code,
.vacancies-card .badges .badge.code,
.vacancies-overview .badges .badge.code {
  display: none;
}
.vacancies-list .badges .badge.code:before,
.vacancies-detail .badges .badge.code:before,
.vacancies-card .badges .badge.code:before,
.vacancies-overview .badges .badge.code:before {
  display: none;
}
.vacancies-list .badges .badge.city:before,
.vacancies-detail .badges .badge.city:before,
.vacancies-card .badges .badge.city:before,
.vacancies-overview .badges .badge.city:before {
  font-family: "Font Awesome 6 Pro";
  content: "\f3c5";
}
.vacancies-list .badges .badge.hours:before,
.vacancies-detail .badges .badge.hours:before,
.vacancies-card .badges .badge.hours:before,
.vacancies-overview .badges .badge.hours:before {
  font-family: "Font Awesome 6 Pro";
  content: "\f017";
}
.vacancies-list .badges .badge.salary:before,
.vacancies-detail .badges .badge.salary:before,
.vacancies-card .badges .badge.salary:before,
.vacancies-overview .badges .badge.salary:before {
  font-family: "Font Awesome 6 Pro";
  content: "\f51e";
}
.vacancies-list .badges .badge.views,
.vacancies-detail .badges .badge.views,
.vacancies-card .badges .badge.views,
.vacancies-overview .badges .badge.views {
  display: none;
}
.vacancies-list .badges .badge.views:before,
.vacancies-detail .badges .badge.views:before,
.vacancies-card .badges .badge.views:before,
.vacancies-overview .badges .badge.views:before {
  font-family: "Font Awesome 6 Pro";
  content: "\f06e";
}
.vacancies-list .badges .badge.region:before,
.vacancies-detail .badges .badge.region:before,
.vacancies-card .badges .badge.region:before,
.vacancies-overview .badges .badge.region:before {
  font-family: "Font Awesome 6 Pro";
  content: "\f5a0";
}
.vacancies-list .badges span,
.vacancies-detail .badges span,
.vacancies-card .badges span,
.vacancies-overview .badges span {
  background-color: transparent;
  color: #000000;
  font-size: 0.875rem;
  font-weight: 700;
  padding-left: 0;
}
.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: transparent;
  color: #212529;
}
.vacancies-overview .vacancy-block:hover h3,
.vacancies-overview .vacancy-card:hover h3,
.vacancies-overview .vacancy-block:hover h3 > a:not(.btn),
.vacancies-overview .vacancy-card:hover h3 > 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;
}
.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;
}
body.vacancies-detail #templateVacanciesDetail .row-vacancyImage {
  display: block;
  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: #003249;
  border-color: transparent;
  font-weight: bold;
  padding-left: 0px;
}
body.vacancies-detail section.vacancies-detail .actions .overview-link::after {
  display: none;
}
body.vacancies-detail section.vacancies-detail .actions .overview-link:hover {
  color: #2babe3;
}
body.vacancies-detail #applicationForm {
  max-width: 1100px;
  margin: 0 auto;
  margin-top: 25px;
}
body.vacancies-detail #applicationForm .header:before {
  display: none;
}
#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;
}
.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%;
  }
}
.vacancy-search-row .vacancies-searchform {
  background-color: #fbfafd;
  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: #2babe3;
  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: #fbfafd;
  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: #f08008;
  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-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: #555555;
}
.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;
}
/* Entities styling */
.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: #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-container .breadcrumbs-row {
  display: flex;
  padding-top: 15px;
  padding-bottom: 5px;
}
.breadcrumbs-container .breadcrumbs-row .breadcrumbs-text {
  display: inline-block;
  font-size: 0.9rem;
  margin-right: 5px;
  min-width: 40px;
}
.breadcrumbs-container .breadcrumbs-row .breadcrumbs-text p {
  font-size: 0.9rem;
  margin: 0;
}
.breadcrumbs-container .breadcrumbs-row .breadcrumbs-links {
  display: inline-block;
}
.breadcrumbs-container .breadcrumbs-row .breadcrumbs-links ul.breadcrumbs {
  list-style: none;
  margin: 0;
  padding: 0;
}
.breadcrumbs-container .breadcrumbs-row .breadcrumbs-links ul.breadcrumbs li {
  color: #000000;
  display: inline-block;
  font-size: 0.9rem;
  margin-left: 0;
  margin-right: 20px;
  position: relative;
}
.breadcrumbs-container .breadcrumbs-row .breadcrumbs-links ul.breadcrumbs li a {
  color: #003249;
  font-size: 0.9rem;
  text-decoration: none;
}
.breadcrumbs-container .breadcrumbs-row .breadcrumbs-links ul.breadcrumbs li a:hover {
  text-decoration: underline;
}
.breadcrumbs-container .breadcrumbs-row .breadcrumbs-links ul.breadcrumbs li:before {
  background-color: transparent;
  color: #555555;
  content: '\f105';
  font-family: 'Font Awesome 6 Pro';
  font-size: 0.8rem;
  margin-left: -15px;
  display: block;
  height: 22px;
  left: 0;
  position: absolute;
  top: 2px;
  width: 5px;
}
.breadcrumbs-container .breadcrumbs-row .breadcrumbs-links ul.breadcrumbs li span {
  display: none;
}
.breadcrumbs-container .breadcrumbs-row .breadcrumbs-links ul.breadcrumbs li:first-child:before {
  display: none;
}
.carousel .slick-list {
  overflow: visible;
}
.carousel .container {
  position: relative;
}
.carousel .arrow {
  background-color: #003249;
  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: 200px;
  }
}
.carousel .title {
  position: absolute;
  text-align: center;
  bottom: 0;
  right: 15px;
  transform: translateY(-175px);
  width: 100%;
  z-index: 1;
}
.carousel .title h1 {
  font-size: 3.75rem;
  line-height: 1;
  margin-bottom: 0;
  color: #fff !important;
}
@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: 2rem;
  }
}
@media (max-width: 575px) {
  .carousel .title h1 {
    font-size: 1.5rem;
  }
}
.carousel .title h2 {
  color: #fff;
  font-size: 2.25rem;
  padding-right: 60px;
  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(247, 165, 28, 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: 375px) {
  .carousel .top {
    height: 50px;
    top: -50px;
  }
}
.carousel .top:before {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(247, 165, 28, 0.8);
  transform-origin: top left;
  transform: skew(0, 6.5deg);
  padding-top: 80px;
}
.carousel .link {
  position: absolute;
  left: 40%;
  bottom: 100px;
}
@media (max-width: 991px) {
  .carousel .link {
    left: 10%;
  }
}
.home .slick-dots {
  display: block;
}
@media (min-width: 992px) {
  body.page .page-head,
  body.vacancies .page-head,
  body.page-overview .page-head,
  body.partners .page-head {
    height: 600px;
    margin-bottom: 75px;
  }
}
.carousel-page-head.no-video .slick-dots {
  bottom: 25px;
  display: none;
}
.carousel-page-head.no-video .slick-dots li button:before {
  color: #fff;
  font-size: 40px;
}
.carousel-page-head.no-video .arrow {
  background-color: #003249;
  height: 55px;
  line-height: 55px;
  position: absolute;
  bottom: 0;
  text-align: center;
  width: 55px;
  z-index: 1;
}
.carousel-page-head.no-video .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.no-video .arrow.prev {
  right: 55px;
}
.carousel-page-head.no-video .arrow.prev:after {
  content: "\f104";
}
.carousel-page-head.no-video .arrow.next {
  right: 0;
}
.carousel-page-head.no-video .arrow.next:after {
  content: "\f105";
}
.carousel-page-head.no-video .item {
  position: relative;
}
.carousel-page-head.no-video .video {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
.carousel-page-head.no-video .video .video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  pointer-events: none;
}
@media (max-width: 767px) {
  .carousel-page-head.no-video .video .video {
    pointer-events: auto;
  }
}
.carousel-page-head.no-video .image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: 600px;
}
@media (max-width: 1199px) {
  .carousel-page-head.no-video .image {
    height: 600px;
  }
}
@media (max-width: 991px) {
  .carousel-page-head.no-video .image {
    height: 400px;
  }
}
@media (max-width: 575px) {
  .carousel-page-head.no-video .image {
    height: 200px;
  }
}
.carousel-page-head.no-video .title {
  position: absolute;
  text-align: right;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  width: 90%;
  z-index: 1;
}
.carousel-page-head.no-video .title h1 {
  color: #fff;
  font-size: 3.75rem;
  line-height: 1;
  margin-bottom: 0;
}
@media (max-width: 1199px) {
  .carousel-page-head.no-video .title h1 {
    font-size: 2.875rem;
  }
}
@media (max-width: 991px) {
  .carousel-page-head.no-video .title h1 {
    font-size: 2.5rem;
  }
}
@media (max-width: 767px) {
  .carousel-page-head.no-video .title h1 {
    font-size: 2.25rem;
  }
}
@media (max-width: 575px) {
  .carousel-page-head.no-video .title h1 {
    font-size: 1.875rem;
  }
}
.carousel-page-head.no-video .title h2 {
  color: #fff;
  font-size: 2.25rem;
  padding-right: 60px;
  margin-bottom: 0;
}
@media (max-width: 1199px) {
  .carousel-page-head.no-video .title h2 {
    font-size: 1.625rem;
  }
}
@media (max-width: 767px) {
  .carousel-page-head.no-video .title h2 {
    font-size: 1.5rem;
    padding-right: 0;
  }
}
@media (max-width: 575px) {
  .carousel-page-head.no-video .title h2 {
    font-size: 1.25rem;
  }
}
.carousel-page-head.no-video .mobile-title {
  display: none;
}
@media (max-width: 767px) {
  .carousel-page-head.no-video .mobile-title {
    display: block;
  }
}
.carousel-page-head.no-video .mobile-title h1 {
  font-size: 1.625rem;
  text-align: left;
  text-shadow: none;
}
.carousel-page-head.no-video .overlay {
  position: absolute;
  bottom: 40%;
  left: 43%;
  text-align: right;
  padding: 60px 100px 70px 50px;
  width: 340px;
}
@media (max-width: 1199px) {
  .carousel-page-head.no-video .overlay {
    padding: 60px 40px 80px;
    left: 5%;
    top: 65%;
  }
}
@media (min-width: 350px) and (max-width: 768px) {
  .carousel-page-head.no-video .overlay {
    top: 70% !important;
  }
}
@media (max-width: 767px) {
  .carousel-page-head.no-video .overlay {
    text-align: left;
    width: 420px;
    left: 75% !important;
    transform: translateX(-30%);
    padding: 60px 40px 60px;
    position: absolute;
    z-index: 999;
  }
}
@media (max-width: 575px) {
  .carousel-page-head.no-video .overlay {
    padding: 40px;
    width: 350px;
    margin: 0 15px;
    left: 0;
    top: 50%;
    bottom: auto;
  }
}
.carousel-page-head.no-video .overlay p {
  color: #fff;
}
.carousel-page-head.no-video .top {
  width: 100%;
  height: 50px;
  position: absolute;
  top: -50px;
  left: 0;
  overflow: hidden;
}
@media (max-width: 575px) {
  .carousel-page-head.no-video .top {
    display: none;
  }
}
.carousel-page-head.no-video .top:before {
  width: 100%;
  height: 200%;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: top left;
  transform: skew(0, 6.5deg);
}
.carousel-page-head.no-video .link {
  position: absolute;
  left: 80%;
  bottom: 40px;
}
@media (max-width: 767px) {
  .carousel-page-head.no-video .link {
    position: static;
  }
}
.carousel-page-head.no-video .person-image img {
  position: absolute;
  bottom: -29px;
  left: -220px;
  width: 300px;
}
@media screen and (max-width: 1199px) {
  .carousel-page-head.no-video .person-image img {
    left: -190px;
    width: 260px;
  }
}
@media screen and (max-width: 767px) {
  .carousel-page-head.no-video .person-image img {
    display: none;
  }
}
.carousel.has-video {
  margin-top: -40px;
}
@media (min-width: 768px) {
  .carousel.has-video {
    margin-top: -150px;
  }
}
@media (min-width: 992px) {
  .carousel.has-video {
    margin-top: -125px;
  }
}
@media (min-width: 1400px) {
  .carousel.has-video {
    margin-top: -225px;
  }
}
.carousel.has-video .carousel {
  pointer-events: none;
  margin-top: 215px;
  z-index: 111;
}
@media (min-width: 992px) {
  .carousel.has-video .carousel {
    margin-top: 0;
  }
}
.carousel.has-video .carousel__arrow {
  background: #003249;
  height: 55px;
  line-height: 55px;
  position: absolute;
  bottom: 0;
  text-align: center;
  width: 55px;
  z-index: 1;
}
.carousel.has-video .carousel__arrow:after {
  color: white;
  font-size: 2rem;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  left: 0;
  position: absolute;
  right: 0;
}
.carousel.has-video .carousel__arrow.prev {
  right: 55px;
}
.carousel.has-video .carousel__arrow.prev:after {
  content: "\f104";
}
.carousel.has-video .carousel__arrow.next {
  right: 0;
}
.carousel.has-video .carousel__arrow.next:after {
  content: "\f105";
}
.carousel.has-video .carousel__item {
  position: relative;
  pointer-events: none;
}
.carousel.has-video .carousel__video {
  position: relative;
  width: 100%;
  height: 0;
  min-height: 238px;
  padding-bottom: 50%;
  pointer-events: none;
  overflow: hidden;
}
@media (min-width: 400px) and (max-width: 576px) {
  .carousel.has-video .carousel__video {
    min-height: 260px !important;
  }
}
@media (min-width: 576px) {
  .carousel.has-video .carousel__video {
    min-height: 375px !important;
  }
}
@media (min-width: 768px) {
  .carousel.has-video .carousel__video {
    min-height: 520px !important;
  }
}
@media (min-width: 992px) {
  .carousel.has-video .carousel__video {
    min-height: 700px !important;
  }
}
@media (min-width: 1400px) {
  .carousel.has-video .carousel__video {
    min-height: 950px !important;
  }
}
.carousel.has-video .carousel__video .video {
  position: absolute;
  top: 0;
  left: 0;
  height: 113%;
  border: 0;
  width: 100%;
  pointer-events: none;
}
@media (max-width: 767px) {
  .carousel.has-video .carousel__video .video {
    pointer-events: none;
    height: 125%;
    top: -11px;
  }
}
.carousel.has-video .carousel__overlay {
  position: absolute;
  top: 54%;
}
@media (min-width: 350px) {
  .carousel.has-video .carousel__overlay {
    left: 9%;
  }
  .carousel.has-video .carousel__overlay img {
    max-width: 80% !important;
  }
}
@media (min-width: 576px) {
  .carousel.has-video .carousel__overlay {
    left: 22%;
  }
}
@media (min-width: 768px) {
  .carousel.has-video .carousel__overlay {
    left: 19%;
  }
}
@media (min-width: 992px) {
  .carousel.has-video .carousel__overlay {
    left: 24%;
  }
}
@media (min-width: 1400px) {
  .carousel.has-video .carousel__overlay {
    left: 31%;
  }
  .carousel.has-video .carousel__overlay img {
    max-width: 100% !important;
  }
}
@keyframes fadeInFromRight {
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.carousel.has-video .carousel__imgText {
  text-align: center;
  width: 100%;
  pointer-events: auto;
  opacity: 0;
  transform: translateX(100%);
  animation: fadeInFromRight 1s forwards;
}
.carousel.has-video .carousel__imgText h1 {
  font-size: 5rem;
  font-weight: 500;
  color: white;
  margin-bottom: 10px;
  line-height: 1.4;
  letter-spacing: 3px;
}
@media (max-width: 768px) {
  .carousel.has-video .carousel__imgText h1 {
    font-size: 2rem;
  }
}
@media (max-width: 500px) {
  .carousel.has-video .carousel__imgText h1 {
    font-size: 1.3rem;
  }
}
.carousel.has-video .carousel__description {
  color: white;
  text-align: left;
  pointer-events: auto;
}
@media (min-width: 992px) {
  .carousel.has-video .carousel__description {
    padding-left: 35px;
  }
}
.carousel.has-video .carousel__description p {
  font-size: 1.6rem;
  font-weight: bold;
  color: white;
}
@media (max-width: 768px) {
  .carousel.has-video .carousel__description p {
    font-size: 1.3rem;
  }
}
@media (max-width: 500px) {
  .carousel.has-video .carousel__description p {
    font-size: 1.125rem;
  }
}
#certifications .slick-slide {
  float: inherit;
  display: inline-block;
  vertical-align: middle;
}
.cookie-notification {
  background-color: #ffffff;
  color: #000000;
  box-shadow: 0 5px 10px 10px rgba(41, 55, 70, 0.05);
  z-index: 9999999;
}
.cookie-notification .cookie-actions {
  justify-content: center;
}
.cookie-notification .cookie-actions button:after {
  display: none;
}
.cookie-notification .cookie-message {
  padding-top: 12px;
  text-align: center;
  padding: 20px 50px;
}
@media (min-width: 1200px) {
  .cookie-notification .cookie-message {
    padding: 20px 300px;
  }
}
.cookie-notification .cookie-message p {
  color: #003249;
}
.cookie-notification .cookie-actions {
  text-align: center;
}
.cookie-notification .cookie-accept {
  background-color: #fec78c;
  border-color: #fec78c;
  color: #e47a08;
  order: 1;
}
.cookie-notification .cookie-deny {
  background-color: #fec78c;
  border-color: #fec78c;
  color: #e47a08;
  order: 2;
}
.courses__item {
  background-color: #f6f6f6;
  color: #003249;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 1.4em;
}
.courses__item:hover {
  color: #003249;
  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: #003249;
}
.courses__detail:hover {
  cursor: pointer;
}
.courses-detail {
  background-color: #ffffff;
  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-detail__image {
  min-height: 500px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.downloads i {
  display: none;
}
.downloads a {
  text-decoration: none;
}
.downloads a h3 {
  margin-bottom: 20px;
}
.downloads a h3:hover {
  color: #f7a51c;
}
.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 ul li,
#programMenu li {
  margin-bottom: 5px;
}
#programMenu ul li.active > a,
#programMenu li.active > a {
  text-decoration: none;
  font-weight: 700;
}
#programContainer td {
  font-size: 1rem;
}
#programContainer .programHeader {
  line-height: inherit;
}
#programContainer .trainerBlock {
  margin-top: 0;
}
#programContainer .trainerBlock .table.programInfo {
  margin-top: 0;
}
#programContainer .sessionBlock .btn {
  margin-right: 10px;
}
#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;
}
#programContainer .sessionKnowledgeTest .progressBar div {
  line-height: 28px;
}
#programContainer .sessionKnowledgeTest .progressBar .active {
  border-color: #2babe3;
  background-color: #2babe3;
}
.faq-questions h4,
.faq-categories h4 {
  font-size: 1.5rem;
}
.faq-questions__category,
.faq-categories__category {
  margin-top: 0px !important;
  margin-bottom: 25px !important;
  background-color: #fbfafd;
  padding: 15px;
  border-radius: 10px;
}
.faq-questions__category,
.faq-categories__category,
.faq-questions__item,
.faq-categories__item {
  margin-top: 15px;
  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 strong,
.faq-categories__question strong {
  font-size: 1rem;
}
.faq-questions__question:before,
.faq-categories__question:before {
  font-family: "FontAwesome";
  content: "\f078";
  padding-right: 10px;
  font-weight: bold;
}
.faq-questions__question.open:before,
.faq-categories__question.open:before {
  font-family: "FontAwesome";
  content: "\f077";
}
.faq-questions__answer,
.faq-categories__answer {
  display: none;
  padding: 0px 0px 0px 30px;
}
.faq-questions__answer p,
.faq-categories__answer p {
  margin: 0;
  font-size: 0.9rem;
}
.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: 300px;
  margin-top: 30px;
  width: 100%;
}
#intake #applicationForm fieldset[name="personal"] p,
#intake #applicationForm fieldset[name="experiences"] p,
#intake #applicationForm fieldset[name="educations"] p,
#intake #applicationForm fieldset[name="file"] p {
  font-size: 1rem;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}
#intake #applicationForm label {
  margin-bottom: 0;
}
#intake #applicationForm label,
#intake #applicationForm .description,
#intake #applicationForm .btn-file {
  font-size: 1rem;
}
#intake .intake-profile .portrait .score span {
  background-color: #003249;
}
#intake .intake-profile .timelines .timeline-detail.active .program,
#intake .intake-profile .timelines .timeline-detail.active .icon {
  color: #003249;
  border-color: #003249;
}
#intake .intake-profile .timelines .timeline-detail .icon span {
  color: #003249;
}
/* if option in entity is taal vlaggen */
ul#languageFlags {
  margin: 0;
  list-style: none;
}
/* if option in entity is taal keuzelijst */
#languageDropdown {
  line-height: 1rem;
  position: relative;
}
@media (min-width: 576px) and (max-width: 768px) {
  #languageDropdown {
    text-align: right;
  }
}
@media (min-width: 350px) and (max-width: 576px) {
  #languageDropdown {
    text-align: center;
  }
}
#languageDropdown #languageSelected {
  padding: 0 0 0 20px;
  position: relative;
}
@media (max-width: 1400px) {
  #languageDropdown #languageSelected {
    padding: 0;
  }
}
#languageDropdown #languageSelected:before {
  color: #000;
  content: "\f0d7";
  font-weight: bold;
  display: block;
  font-family: 'Font Awesome 6 Pro';
  left: 5px;
  position: absolute;
  text-indent: 0;
  top: 0;
}
@media (min-width: 768px) and (max-width: 1400px) {
  #languageDropdown #languageSelected:before {
    left: -15px;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  #languageDropdown #languageSelected:before {
    left: -5px;
  }
}
@media (min-width: 350px) and (max-width: 576px) {
  #languageDropdown #languageSelected:before {
    left: -15px;
  }
}
#languageDropdown #languageSelected:after {
  display: none;
}
#languageDropdown #languageSelected .flag {
  display: inline-block;
  margin-right: 5px;
  width: 25px;
}
@media (max-width: 425px) {
  #languageDropdown #languageSelected .flag {
    margin-right: 20px;
    width: 16px;
  }
}
#languageDropdown #languageSelected .name {
  display: none;
}
#languageDropdown #languageSelect {
  background: rgba(0, 0, 0, 0.8);
  display: none;
  left: auto;
  list-style: none;
  margin: 0;
  padding: 15px;
  position: absolute;
  right: 0;
  white-space: nowrap;
  z-index: 9999;
}
#languageDropdown #languageSelect b,
#languageDropdown #languageSelect br {
  display: none !important;
}
#languageDropdown #languageSelect li {
  margin-bottom: 5px;
}
#languageDropdown #languageSelect li a {
  color: #ffffff;
  text-decoration: none;
}
#languageDropdown #languageSelect .flag {
  display: inline-block;
  width: 16px;
}
#languageDropdown #languageSelect .name {
  display: inline-block;
}
#languageDropdown:hover #languageSelect {
  display: block;
}
.mm-menu {
  --mm-color-background: rgba(247, 165, 28, 0.96);
  --mm-color-background-emphasis: rgba(247, 165, 28, 0.96);
  --mm-color-background-highlight: rgba(247, 165, 28, 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;
  }
}
.level1 .mm-listitem_opened .level2 {
  display: block;
  background-color: #f7a51c;
  border: none;
}
.level1 .mm-listitem_opened .level2 li {
  color: white;
}
.level1 .mm-listitem_opened .level2 li.active {
  background-color: #f7a51c;
  border-bottom: 2px solid white;
}
.mm-wrapper_opening .mm-menu_position-top {
  top: 135px !important;
}
@media (max-width: 992px) {
  .mm-panel_opened:after {
    content: "";
    width: 100%;
    height: 65%;
    background-image: url(//preview.digivotion.com/houseofwork/jobs/files/images/logo-house-of-work-wit.png);
    background-repeat: no-repeat;
    background-size: 100px;
    background-position: left;
    margin-top: -15px;
    margin-left: 15px;
  }
}
.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: #003249;
  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 {
  color: #000000;
  text-decoration: none;
}
.news a:hover {
  text-decoration: none;
}
.news__item {
  background-color: #ffffff;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
}
@media (min-width: 575px) {
  .news__item .left,
  .news__item .right {
    padding: 0;
  }
}
.news__item__wrapper {
  bottom: 20px;
}
.news__item__image {
  flex: 2;
  height: 180px;
  overflow: hidden;
  width: 100%;
}
.news__item__image img {
  height: 180px;
  object-fit: cover;
}
.news__item__info {
  flex: 0;
  height: 187px;
  padding: 20px 20px 0 20px;
  position: relative;
  width: 100%;
}
.news__item__info header {
  height: 50px;
  overflow: hidden;
}
.news__item__info .news__item__introduction {
  font-size: 1rem;
}
.news__item__info .news__item__date {
  font-size: 0.9rem;
  color: #000000;
}
.news__item__introduction {
  overflow: hidden;
}
.news__item footer {
  position: relative;
  height: 30px;
}
@media (max-width: 1200px) {
  .news__item footer {
    height: 38px;
  }
}
.news__item footer button {
  font-size: 1rem;
}
.news__item__link__detail {
  position: absolute;
  bottom: 15px;
  right: 45px;
}
@media (max-width: 575px) {
  .news {
    flex: 0 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
.news-detail .overview-link {
  background-color: transparent;
  color: #003249;
  border-color: transparent;
  font-weight: bold;
}
.news-detail .overview-link::after {
  display: none;
}
.news-detail .overview-link:hover {
  color: #2babe3;
}
.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: 600px;
  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: 200px;
  }
}
#newsCarousel .title {
  display: block;
  text-align: right;
  bottom: auto;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  width: 90%;
}
@media (min-width: 576px) {
  .news.horzblocks .news__item:nth-child(odd) {
    margin-right: 30px;
  }
}
.news.horzblocks .news__info-wrapper {
  height: 88px;
}
@media (min-width: 992px) {
  .news.horzblocks .news__info-wrapper {
    height: 78px;
  }
}
@media (min-width: 1200px) {
  .news.horzblocks .news__info-wrapper {
    height: 89px;
  }
}
.news.horzblocks .news__info-wrapper header {
  height: 20px;
}
.news.horzblocks .news__info-wrapper header h3 {
  font-size: 0.9rem;
  margin-bottom: 0;
}
@media (min-width: 1200px) {
  .news.horzblocks .news__info-wrapper header h3 {
    font-size: 1rem;
  }
}
.news.horzblocks .news__info-wrapper main {
  height: 26px;
}
@media (min-width: 1200px) {
  .news.horzblocks .news__info-wrapper main {
    font-size: 1rem;
  }
}
.news.horzblocks .news__link__detail {
  background-color: #f08008;
  color: #fff;
  content: "\f061";
  font-family: "Font Awesome 6 Pro";
  font-size: 22px;
  font-weight: 700;
  height: 38px;
  padding: 0.413rem 0.963rem;
  position: absolute;
  right: 0;
  bottom: 0;
  text-indent: -9999px;
  width: 38px;
}
.pagination {
  padding: 0;
}
.pagination a {
  color: #000;
  font-weight: bold;
}
.pagination > li {
  margin-right: 0.5rem;
  padding: 3px 10px;
  background-color: #e2e3e3;
}
.pagination > li:after,
.pagination > li:before {
  display: none;
  background-image: none !important;
}
.pagination > li.disabled {
  display: none;
}
.pagination > li.active {
  background-color: #f08008;
  color: #ffffff;
}
.pagination > li:hover {
  background-color: #003249;
}
.pagination > li:hover a {
  color: #ffffff;
}
.projects .item {
  border-radius: 0.25rem;
}
.projects .item a {
  color: #003249;
  display: flex;
  flex-direction: column;
  text-decoration: none;
}
.projects .image-wrapper {
  height: 175px;
  overflow: hidden;
}
.projects .image-wrapper img {
  border-radius: 0.25rem 0.25rem 0 0;
  height: 175px;
}
.projects .info-wrapper {
  display: flex;
  flex-direction: column;
  border: 1px solid #fbfafd;
  padding: 15px 0;
}
.projects .info-wrapper .title h3 {
  margin: 0;
  color: #003249;
  height: 50px;
  word-break: break-word;
}
.projects .info-wrapper .date {
  color: #003249;
  font-size: 12px;
  height: 25px;
  padding-top: 5px;
}
.projects .info-wrapper .introduction {
  display: -webkit-box;
  height: 85px;
  line-height: 25px;
  overflow: hidden;
  padding-top: 5px;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.projects .info-wrapper .footer {
  height: 50px;
  margin-top: 5px;
  text-align: left;
}
.projects .info-wrapper a {
  text-decoration: none;
}
.projects .info-wrapper a:hover {
  text-decoration: none;
}
.projects-detail__title {
  padding-top: 15px;
}
.projects-detail__title h1 {
  margin: 0;
}
.projects-detail__image {
  min-height: 500px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.projects-detail__date,
.projects-detail__introduction,
.projects-detail__description,
.projects-detail__back {
  margin-top: 10px;
}
.projects-detail__date {
  font-size: 12px;
}
.projects-detail__introduction {
  font-weight: 700;
}
.projects-detail__introduction p:last-child {
  margin-bottom: 0;
}
.projects-detail__description p:last-child {
  margin-bottom: 0;
}
.projects-detail__back {
  border-top: 1px dashed #ccc;
  padding-top: 20px;
}
.references {
  margin-top: 25px;
}
.references .references__item {
  margin-bottom: 25px;
}
.references .references__item .references__image img {
  border-radius: 50%;
}
.references .references__item .references__description {
  margin-bottom: 10px;
}
@media (max-width: 576px) {
  .references .references__item .references__description {
    font-size: 1rem;
  }
}
.references .references__item .references__name {
  color: #d1ebf7;
}
@media (max-width: 576px) {
  .references .references__item .references__name {
    font-size: 1.2rem;
  }
}
.form-search {
  float: right;
  position: relative;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.form-search input {
  background-color: #FFF;
  border: 1px solid #555555;
  border-radius: 14px;
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
  color: #212529;
  padding: 4px 12px;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  display: none;
}
.form-search input::placeholder {
  font-size: 1rem;
}
.form-search input:focus {
  outline: none;
}
.form-search input.enabled {
  display: block;
  width: 200px;
}
.form-search input.error {
  -webkit-box-shadow: 0 0 3px 1px #dd3848;
  box-shadow: 0 0 3px 1px #dd3848;
}
.form-search button {
  line-height: 1;
  background: transparent;
  border: none;
  border-radius: 0;
  display: inline-block;
  font-size: 1rem;
  padding: 8px;
  position: relative;
  text-indent: -9999px;
  text-rendering: auto;
  min-width: 40px;
  min-height: 40px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  z-index: 2;
}
.form-search button:hover:before {
  border-color: #d1ebf7;
}
.form-search button:hover {
  background-color: transparent;
}
.form-search button:focus,
.form-search button:active {
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none !important;
}
.form-search button:before {
  color: #fff7ec;
  content: "\f002";
  display: block;
  font-family: 'Font Awesome 6 Pro';
  left: -6px;
  position: absolute;
  text-indent: 0;
  top: -3px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-size: 19px;
  border: 1px solid #555555;
  border-radius: 50%;
  padding: 13px 13px;
}
.form-search button.enabled:before {
  color: #d1ebf7;
  border: none;
}
.form-search button.error:before {
  color: #dc3545;
}
.form-search button:hover:before {
  color: #d1ebf7;
}
.form-search label.error {
  display: none !important;
}
#searchResults .pagination > li > a,
#searchResults .pagination > li > span {
  color: #003249;
}
#searchResults .pagination > li.active a,
#searchResults .pagination > li > a:hover {
  background-color: #003249;
  border-color: #003249;
  color: #fff;
}
#searchResults p {
  margin: 0;
}
#searchResults hr {
  border-top-color: #f7a51c;
  margin-bottom: 10px;
  margin-top: 10px;
}
.services .item {
  display: block;
  position: relative;
}
.services .item:hover .info-wrapper {
  opacity: 1;
}
.services .item .image {
  height: 225px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.services .item .info-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #003249;
}
@media (max-width: 991px) {
  .services .item .info-wrapper {
    position: relative;
    opacity: 1;
    padding: 0;
  }
}
.services .item .info-wrapper .title {
  position: absolute;
  top: 50%;
  left: 45%;
  transform: translate(-50%, -50%);
}
@media (max-width: 991px) {
  .services .item .info-wrapper .title {
    position: relative;
    transform: unset;
    top: 0;
    left: 0;
    padding: 15px;
  }
}
.services .item .info-wrapper .title h3 {
  color: #ffffff;
  margin: 0;
}
.row.slogan_slider {
  padding-top: 125px;
  padding-bottom: 125px;
}
.row.slogan_slider .slogan-slide {
  margin: 0 25px;
}
.row.slogan_slider img {
  height: 60px;
  width: auto;
}
@media (min-width: 768px) {
  .team {
    padding-left: 30px;
  }
  .team .item {
    width: 85%;
  }
}
.team .item {
  position: relative;
  margin-bottom: 80px;
  padding-bottom: 40px;
  margin: 0 0px 12px 0px;
  overflow: hidden;
}
.team .item a {
  text-decoration: none;
}
.team .item .image-wrapper .image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  position: relative;
  overflow: hidden;
  height: 244px;
}
@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;
}
.team .item .image-wrapper {
  position: relative;
}
.team .item .image-wrapper .linkedin-team {
  background-image: url(//preview.digivotion.com/houseofwork/jobs/files/images/button-linkedin-eg.png);
  background-size: contain;
  position: absolute;
  right: -25px;
  bottom: -43px;
  width: 90px;
  height: 90px;
}
.team .item .info-wrapper {
  padding: 28px;
  padding-bottom: 25px;
  overflow: hidden;
  background-color: #FFF7EC;
  height: 190px;
}
.team .item .info-wrapper,
.team .item .info-wrapper h2 {
  color: #F08008;
  font-weight: 700;
}
.team .item .info-wrapper a {
  color: #003249;
}
.team .item .info-wrapper span,
.team .item .info-wrapper a {
  font-weight: 300;
}
.team .item .info-wrapper a {
  white-space: nowrap;
  font-size: 1rem;
  display: block;
}
.team .item .info-wrapper .header {
  margin-bottom: 15px;
  height: 71px;
  line-height: 1.1;
}
.team .item .info-wrapper .header span {
  color: #003249;
}
.team .item .info-wrapper .header h2 {
  font-size: 1.4rem;
  margin: 0 0 0px !important;
}
.testimonials .entityItem {
  display: flex;
  flex-direction: row;
  position: relative;
}
.testimonials .entityItem .entity-image {
  margin-bottom: 15px;
  order: 1;
}
.testimonials .entityItem .entity-image img {
  height: 200px;
  margin: 0 auto;
  width: 200px;
}
.testimonials .entityItem .entity-content {
  order: 2;
}
.testimonials .entityItem .entity-content blockquote.blockquote {
  font-size: 1.5rem;
  font-style: italic;
  line-height: 1.5rem;
  quotes: "“" "”" "‘" "’";
}
.testimonials .entityItem .entity-content blockquote.blockquote p {
  display: inline;
}
.testimonials .entityItem .entity-content blockquote.blockquote:before {
  color: $colorBody;
  content: open-quote;
  font-size: 2em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
.testimonials .entityItem .entity-content blockquote.blockquote:after {
  color: $colorBody;
  content: close-quote;
  font-size: 2em;
  line-height: 0.1em;
  margin-left: 0.25em;
  vertical-align: -0.4em;
}
.testimonials .entityItem .entity-content footer cite {
  display: flex;
  flex-direction: column;
}
.testimonials .entityItem .entity-content footer cite .entity-name {
  font-size: 1.1rem;
  font-weight: 900;
  margin-right: 15px;
  order: 1;
}
.testimonials .entityItem .entity-content footer cite .entity-function {
  margin-right: 15px;
  order: 2;
}
.testimonials .entityItem .entity-content footer cite .entity-company {
  order: 3;
}
.testimonials .entityItem .entity-content footer .entity-link {
  margin-top: 15px;
  order: 4;
}
.testimonials .slick-prev {
  background: transparent;
}
.testimonials .slick-prev:before {
  content: "\f100";
  color: #555555;
  font-family: "Font Awesome 6 Pro";
  font-size: 2rem;
}
.testimonials .slick-next {
  background: transparent;
}
.testimonials .slick-next:before {
  color: #555555;
  content: "\f101";
  font-family: "Font Awesome 6 Pro";
  font-size: 2rem;
}
div[id^="youtube-player"],
div[id^="youtube-player"] > iframe {
  text-align: center;
  height: 206px !important;
  width: 320px !important;
}
@media (min-width: 768px) {
  div[id^="youtube-player"],
  div[id^="youtube-player"] > iframe {
    height: 375px !important;
    width: 100% !important;
  }
}
.videos .video-wrapper {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
.videos .video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  pointer-events: none;
}
.videos .video.interactive {
  pointer-events: auto;
}
.partners #contentRow1 {
  padding-bottom: 100px;
}
.partners #contentRow2 {
  padding-top: 100px;
}
.partners #contentRow2 .title-block {
  margin-bottom: 40px;
}
.partners #contentRow2 .title-block h2 {
  color: #f7a51c;
  text-align: center;
  font-size: 2.2rem;
}
.partners #contentRow2 .content-block {
  margin-bottom: 50px;
}
.partners #contentRow2 .content-block p {
  color: white;
  text-align: center;
}
.partners #contentRow2 .content-block a {
  color: white;
  text-decoration: underline;
}
.partners #contentRow3 {
  padding-top: 100px;
  padding-bottom: 100px;
}
@media (min-width: 576px) {
  .partners .partners__item {
    height: 300px;
  }
}
.partners .partners__item .sidetext1 {
  display: none;
  position: relative;
  bottom: 75px;
  font-weight: 700;
  color: black !important;
  text-align: center;
}
.partners .partners__item .partner-image {
  position: relative;
}
.partners .partners__item .partner-hover-image {
  display: none;
}
.partners .partners__item:hover .partner-hover-image {
  display: block;
}
.partners .partners__item:hover .sidetext1 {
  display: block;
}
.partners .partners__item:hover .partner-image {
  display: none;
}
@media (max-width: 992px) {
  .partners-detail .page-head {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
  }
}
.partners-detail .page-head img {
  object-fit: cover !important;
  height: 100% !important;
}
.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 .back-button a {
  font-weight: bold;
}
.partners-detail .page-head {
  height: 100% !important;
  width: 100%;
  margin-bottom: 75px;
}
@media (min-width: 992px) {
  .partners-detail .page-head {
    height: 600px !important;
  }
}
.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%;
}
@media (max-width: 576px) {
  .partners-detail .page-head .page-head-image img {
    height: 350px;
  }
}
.partners-detail .overlay {
  color: white;
  min-height: 50px;
  position: absolute;
  top: 50%;
  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: 375px) and (max-width: 450px) {
  .partners-detail .overlay .overlay-text1 {
    max-width: 250px;
  }
}
.partners-detail .overlay .overlay-text1 h1 {
  color: #fff;
  font-size: 55px;
  line-height: 0.75;
}
@media (min-width: 350px) and (max-width: 576px) {
  .partners-detail .overlay .overlay-text1 h1 {
    font-size: 20px !important;
  }
}
@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;
  font-size: 25px;
  line-height: 1.75;
  margin-top: 15px;
  text-wrap: wrap;
}
@media (min-width: 350px) and (max-width: 576px) {
  .partners-detail .overlay .overlay-text1 h2 {
    font-size: 10.5px;
    padding-right: 25px;
  }
}
@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: #003249;
  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;
}
.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 p {
  color: #212529;
}
body.partners-detail #footer a {
  color: #003249;
}
body.partners-detail #footer a:hover {
  color: #f08008;
}
body.partners-detail #footer h3 {
  color: #003249;
}
@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 #f08008;
  color: #f08008;
  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: #f08008;
  border-color: #f08008;
  color: #fff;
}
.number-count {
  height: 200px;
  padding-top: 25px;
}
.number-count .number_counter__item {
  background-color: #ffffff;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  padding: 5px;
  width: 300px;
  height: 150px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (min-width: 576px) {
  .number-count .number_counter__item {
    width: 200px;
  }
}
.number-count .number_counter__item .title {
  text-align: center;
  width: 100%;
}
.number-count .number_counter__item .counter {
  width: 100%;
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
}
.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: #f7a51c;
}
.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 .vacancy-url-block {
  position: relative !important;
  width: auto;
  height: auto;
}
.editMode .vacancy-url-block a {
  display: block;
  height: auto;
  width: auto;
  margin: auto;
}
.editMode #templateHome:after {
  display: none !important;
}
.editMode #templateHome .homequickLink {
  z-index: -1 !important;
}
.editMode .page-head {
  margin-top: 130px;
}
.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;
}