/* LEESTEKSTEN EN KOPPEN */
@font-face {
  font-family: AxiformaRegular;
  src: local("Axiforma-Regular"), url("/content/fonts/Axiforma-Regular.otf") format("opentype"), url("/content/fonts/Axiforma-Regular.eot?#iefix") format("embedded-opentype");
}
@font-face {
  font-family: AxiformaBook;
  src: local("Axiforma-Book"), url("/content/fonts/Axiforma-Book.otf") format("opentype"), url("/content/fonts/Axiforma-Book.eot?#iefix") format("embedded-opentype");
}
/* LEESTEKSTEN EN TUSSENKOPPEN */
@font-face {
  font-family: AxiformaMedium;
  src: local("Axiforma-Medium"), url("/content/fonts/Axiforma-Medium.otf") format("opentype"), url("/content/fonts/Axiforma-Medium.eot?#iefix") format("embedded-opentype");
}
@font-face {
  font-family: AxiformaSemibold;
  src: local("Axiforma-Semibold"), url("/content/fonts/Axiforma-Semibold.otf") format("opentype"), url("/content/fonts/Axiforma-Semibold.eot?#iefix") format("embedded-opentype");
}
/* KOPPEN EN TUSSENKOPPEN */
@font-face {
  font-family: AxiformaBold;
  src: local("Axiforma-Bold"), url("/content/fonts/Axiforma-Bold.otf") format("opentype"), url("/content/fonts/Axiforma-Bold.eot?#iefix") format("embedded-opentype");
  font-weight: bold;
}
@font-face {
  font-family: AxiformaExtraBold;
  src: local("Axiforma-ExtraBold"), url("/content/fonts/Axiforma-ExtraBold.otf") format("opentype"), url("/content/fonts/Axiforma-ExtraBold.eot?#iefix") format("embedded-opentype");
  font-weight: bolder;
}
/* KOPPEN */
@font-face {
  font-family: AxiformaLight;
  src: local("Axiforma-Light"), local("Axiforma Light"), url("/content/fonts/Axiforma-Light.otf") format("opentype"), url("/content/fonts/Axiforma-Light.eot?#iefix") format("embedded-opentype");
  font-weight: lighter;
}
@font-face {
  font-family: AxiformaThin;
  src: local("Axiforma-Thin"), local("Axiforma Thin"), url("/content/fonts/Axiforma-Thin.otf") format("opentype"), url("/content/fonts/Axiforma-Thin.eot?#iefix") format("embedded-opentype");
  font-weight: lighter;
}
@font-face {
  font-family: AxiformaBlack;
  src: local("Axiforma-Black"), local("Axiforma Black"), url("/content/fonts/Axiforma-Black.otf") format("opentype"), url("/content/fonts/Axiforma-Black.eot?#iefix") format("embedded-opentype");
  font-weight: bolder;
}
@font-face {
  font-family: AxiformaHeavy;
  src: local("Axiforma-Heavy"), local("Axiforma Heavy"), url("/content/fonts/Axiforma-Heavy.otf") format("opentype"), url("/content/fonts/Axiforma-Heavy.eot?#iefix") format("embedded-opentype");
  font-weight: bolder;
}
/* FONTS */
/* KLEUREN */
.bg-blue-100 {
  background-color: #F8F7FF;
}

.bg-blue {
  background-color: #2B2171;
}

.bg-blue-700 {
  color: #FFFFFF;
  background-color: #272446;
}
.bg-blue-700 .accordionBtn {
  color: #E73459;
}
.bg-blue-700 .accordionBtn:hover {
  color: #E73459;
}
.bg-blue-700 .accordionBtn:hover svg path {
  stroke: #E73459;
}

.bg-blue-800 {
  color: #FFFFFF;
  background-color: #222038;
}

.bg-light-blue {
  background-color: #faf7fb;
}

/* TEXT */
.text-blue {
  color: #2B2171;
}

.text-tertiary {
  color: #E73459;
}

.text-green {
  color: #8DB958 !important;
}

.text-orange {
  color: #E73459;
}

.width-200 {
  width: 200px;
}

@media (min-width: 992px) {
  .text-lg-white {
    color: #FFFFFF !important;
  }
}
ul:not(.noBullets):not(.multiselect-container) {
  padding-left: 30px;
  list-style-type: none;
  line-height: 1.8;
}
ul:not(.noBullets):not(.multiselect-container) li {
  position: relative;
}
ul:not(.noBullets):not(.multiselect-container) li:before {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  top: 8px;
  left: -20px;
  margin: auto;
  background-color: #E73459;
  border-radius: 10px;
}

@media (max-width: 991.98px) {
  .border-right {
    border-right: none !important;
  }
}

.border-bottom {
  border-color: rgba(255, 255, 255, 0.25) !important;
}

.line-clamp-1 {
  -webkit-line-clamp: 1;
}

.line-clamp-2 {
  -webkit-line-clamp: 2;
}

.line-clamp-5 {
  -webkit-line-clamp: 5;
}

[class*=line-clamp-] {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* SMALL OBJECTS */
.icon {
  width: auto;
  min-width: 30px;
  height: 26px;
}
.icon.iconSmall {
  height: 22px;
}
.icon.iconMedium {
  height: 36px;
}
.icon.iconBig {
  height: 54px;
}
.icon.iconBlueContainer {
  position: relative;
  width: 60px;
  height: 60px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background-color: #2B2171;
  border-radius: 50px;
}
.icon.click:hover path {
  fill: #E73459;
}

svg,
svg path,
svg line,
svg rect,
svg circle {
  transition: 0.15s ease-in-out;
}

.smaller-gutters {
  margin-right: -5px;
  margin-left: -5px;
}
.smaller-gutters > .col,
.smaller-gutters > [class*=col-] {
  padding-right: 5px;
  padding-left: 5px;
}

.smallest-gutters {
  margin-right: -10px;
  margin-left: -10px;
}
.smallest-gutters > .col,
.smallest-gutters > [class*=col-] {
  padding-right: 5px;
  padding-left: 5px;
}

.incrZIndex {
  position: relative;
  z-index: 1;
}

.objectFit {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}

b, strong {
  font-family: "axiformaBold";
}

.d-none-ni {
  display: none;
}

.contentIntro a:hover {
  color: #b91637;
  text-decoration: underline;
}

#opendagenbijonderwijsinstelling > .container {
  margin-top: 0px !important;
}

.list-unstyled {
  padding-left: 0px !important;
}
.list-unstyled li:before {
  display: none !important;
}

.max-width-300 {
  max-width: 275px;
  max-height: 125px;
}

nav.navbar {
  position: fixed;
  top: 0;
  width: 100%;
  padding: 17px 30px 20px;
  background-color: #FFFFFF;
  z-index: 1010;
  transition: top 0.3s ease-in-out !important;
}
@media (max-width: 1199.98px) {
  nav.navbar {
    padding: 17px 20px 20px;
  }
}
@media (max-width: 991.98px) {
  nav.navbar {
    position: fixed !important;
    top: 0px !important;
  }
  nav.navbar .navbar-nav {
    display: flex;
    height: 100%;
  }
  nav.navbar .navbar-top {
    flex-grow: 1;
  }
  nav.navbar .navbar-top [data-toggle=modal], nav.navbar .navbar-top .mijnAccount {
    margin-top: auto !important;
  }
  nav.navbar .navbar-top [data-toggle=modal] .btn, nav.navbar .navbar-top .mijnAccount .btn {
    width: 100%;
    padding: 10px 30px !important;
    margin: 10px 0 20px;
    font-size: 18px;
  }
  nav.navbar .navbar-top .mijnAccount .btn {
    justify-content: space-between;
  }
  nav.navbar .navbar-top .mijnAccount .btn ~ .dropdown-menu {
    position: absolute;
    width: 100%;
    top: -275px;
  }
}
nav.navbar .navbar-brand {
  position: relative;
  height: 41px;
  z-index: 1010;
}
nav.navbar .navbar-brand img {
  position: absolute;
  left: 0px;
  top: 0;
  bottom: 0;
  width: auto;
  height: auto;
  margin: auto;
  max-width: 379px;
  max-height: 42px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  nav.navbar .navbar-brand img {
    max-width: 300px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  nav.navbar .navbar-brand img {
    max-width: 300px;
  }
}
@media (max-width: 767.98px) {
  nav.navbar .navbar-brand img {
    max-width: 250px;
  }
}
nav.navbar .navbar-toggler {
  position: relative;
  z-index: 1010;
  min-height: 50px;
  padding: 0px;
}
nav.navbar .navbar-toggler div {
  position: relative;
  width: 50px;
  height: 3.1px;
  border-radius: 10px;
  background-color: #2B2171;
  transition: all 0.3s ease-in-out;
}
nav.navbar .navbar-toggler div:not(:first-child) {
  margin-top: 8px;
}
nav.navbar .navbar-toggler.active div.top-bun {
  transform: rotate(-45deg);
  margin-top: 10px;
}
nav.navbar .navbar-toggler.active div.bottom-bun {
  opacity: 0;
  transform: rotate(45deg);
}
nav.navbar .navbar-toggler.active div.meat {
  transform: rotate(45deg);
  margin-top: -3px;
}
nav.navbar #menuItems {
  top: 0px !important;
  min-height: 100%;
  /*min-height: -webkit-fill-available;*/
}
nav.navbar #menuItems a {
  padding: 0px 10px;
  color: #2B2171;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  nav.navbar #menuItems a {
    padding: 0px 5px;
  }
}
@media (max-width: 991.98px) {
  nav.navbar #menuItems a {
    padding: 3px 20px;
  }
}
nav.navbar #menuItems a:hover {
  color: #E73459;
}
@media (min-width: 992px) {
  nav.navbar #menuItems .navbar-top a:last-child,
  nav.navbar #menuItems .navbar-bottom a:last-child {
    padding-right: 0px;
  }
}
nav.navbar #menuItems .navbar-top .mijnAccount > .btn {
  padding: 5px 20px !important;
  background-size: 100% 50px;
  background: rgb(112, 173, 129);
  background: -webkit-linear-gradient(90deg, rgb(112, 173, 129) 0%, rgb(34, 126, 111) 100%);
  background: -moz-linear-gradient(90deg, rgb(112, 173, 129) 0%, rgb(34, 126, 111) 100%);
  background: -o-linear-gradient(90deg, rgb(112, 173, 129) 0%, rgb(34, 126, 111) 100%);
  background: linear-gradient(90deg, rgb(112, 173, 129) 0%, rgb(34, 126, 111) 100%);
}
nav.navbar #menuItems .navbar-top .mijnAccount > .btn .icon.iconSmall {
  height: 20px;
}
nav.navbar #menuItems .navbar-top .mijnAccount:hover {
  /*svg:last-child path {
      fill: none !important;
  }*/
}
nav.navbar #menuItems .navbar-top .mijnAccount:hover > .btn {
  background-size: 400% 50px !important;
}
nav.navbar #menuItems .navbar-top .mijnAccount:hover svg:first-child path {
  fill: #FFF !important;
}
nav.navbar #menuItems .navbar-bottom {
  margin-top: 10px;
}
@media (max-width: 991.98px) {
  nav.navbar #menuItems .navbar-bottom {
    padding-top: 87px;
  }
}
nav.navbar #menuItems .navbar-bottom a {
  font-size: 18px;
  font-family: "AxiformaMedium", Arial, sans-serif;
  text-transform: lowercase;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  nav.navbar #menuItems .navbar-bottom a {
    font-size: 16px;
  }
}
@media (max-width: 991.98px) {
  nav.navbar #menuItems {
    position: fixed;
    top: 87px;
    width: 100vw;
    height: calc(100vh - 87px);
    left: -100vw;
    background-color: #FFFFFF;
    transition: 0.15s ease-in-out;
  }
  nav.navbar #menuItems.active {
    left: 0vw;
  }
  nav.navbar #menuItems.active .navbar-top > div {
    margin: 10px 20px;
  }
}
nav.navbar.scrollUp {
  position: fixed;
  top: 0px;
  background-color: #FFFFFF !important;
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15);
}
nav.navbar.posFix {
  position: fixed;
  top: -150px;
  background-color: #FFFFFF !important;
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15);
}
nav.navbar.noTrans {
  top: -150px;
  transition: none;
}

.dropdown-menu {
  right: 0;
  left: auto;
  padding: 10px;
  border: none;
  box-shadow: 0px 10px 10px 5px rgba(0, 0, 0, 0.4);
  transform: translate(0px, -20px);
  opacity: 0;
  transition: 0.15s ease-in-out;
  display: block;
  pointer-events: none;
}
.dropdown-menu.show {
  transform: translate(0px, 10px);
  opacity: 1;
  pointer-events: all;
}
.dropdown-menu a {
  padding: 2px 40px 2px 10px !important;
}
.dropdown-menu a:hover {
  background-color: transparent;
}
.breadcrumbs {
  padding-left: 0px;
  display: flex;
  list-style-type: none;
}
@media (max-width: 767.98px) {
  .breadcrumbs {
    display: block;
  }
}
.breadcrumbs li {
  display: flex;
  align-items: center;
}
@media (max-width: 767.98px) {
  .breadcrumbs li {
    display: inline-flex;
  }
}
.breadcrumbs li a {
  color: #FFFFFF;
}
.breadcrumbs li a:hover {
  color: #E73459;
}
.breadcrumbs li svg {
  margin: 0px 10px;
}

footer {
  position: relative;
  padding: 40px 0px 25px;
  color: #FFFFFF;
  background-color: #17142E;
  /*background: rgb(39,36,70);
  background: linear-gradient(0deg, rgba(39,36,70,1) 0%, rgba(75,28,102,1) 100%);

  &:before {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background: url("/Content/img/zwieber-footer.svg") calc(50% - 500px) -50px no-repeat;
      background-size: auto calc(100% + 50px);
      opacity: .05;
  }*/
}
footer.basic {
  padding: 25px 0;
  z-index: 1;
}
footer a {
  color: #FFFFFF;
}
@media (max-width: 1199.98px) {
  footer ul li.list-inline-item {
    margin-right: 0px !important;
    text-align: center;
  }
}

.axiformaLight {
  font-family: "AxiformaLight", Arial, sans-serif !important;
}

.axiformaRegular {
  font-family: "AxiformaRegular", Arial, sans-serif !important;
}

.axiformaMedium {
  font-family: "AxiformaMedium", Arial, sans-serif !important;
}

.axiformaBold {
  font-family: "AxiformaBold", Arial, sans-serif !important;
}

.axiformaBlack {
  font-family: "AxiformaBlack", Arial, sans-serif !important;
}

h1, h2, h3,
.h1, .h2, .h3 {
  line-height: 1.2;
}

h4, h5, h6,
.h4, .h5, .h6 {
  line-height: 1.5;
}

p {
  line-height: 1.5;
}

h1, .h1 {
  font-size: 45px;
  font-family: "AxiformaBlack", Arial, sans-serif;
}
@media (max-width: 1199.98px) {
  h1, .h1 {
    font-size: 32px;
  }
}
@media (max-width: 767.98px) {
  h1, .h1 {
    font-size: 30px;
  }
}

h2, .h2 {
  margin-bottom: 40px;
  font-size: 30px;
  font-family: "AxiformaBlack", Arial, sans-serif;
}
@media (max-width: 1199.98px) {
  h2, .h2 {
    font-size: 24px;
  }
}

h3, .h3 {
  font-size: 21px;
  font-family: "AxiformaBold", Arial, sans-serif;
}
@media (max-width: 767.98px) {
  h3, .h3 {
    font-size: 20px;
  }
}

h4, .h4 {
  font-size: 18px;
  font-family: "AxiformaBold", Arial, sans-serif;
}

h5, .h5 {
  font-size: 16px;
  font-family: "AxiformaRegular", Arial, sans-serif;
}

h6, .h6 {
  font-size: 14px;
  font-family: "AxiformaRegular", Arial, sans-serif;
}

a {
  color: #E73459;
  transition: color 0.15s ease-in-out;
}
a:hover {
  color: #E73459;
  text-decoration: none;
  /*svg path {
      fill: $orange;
  }*/
}
a.clickable:hover svg path {
  fill: #E73459;
}

/*.text-secondary {
    transition: .15s ease-in-out;

    &:hover {
        color: $orange !important;
    }
}*/
.btn {
  border-radius: 100px;
  box-shadow: 0px 0px;
  -webkit-transition: 0.15s ease-out;
  -moz-transition: 0.15s ease-out;
  -o-transition: 0.15s ease-out;
  transition: 0.15s ease-out;
}
.btn:focus, .btn:active, .btn:visited {
  outline: none !important;
}
.btn:not(.btn-outline-primary):not(.btn-checkbox):not(.btn-small) {
  padding: 10px 30px;
}
.btn:not(.btn-outline-primary) {
  border: none;
}
.btn.btn-small {
  padding: 3px 30px !important;
  font-size: 14px;
}
.btn.btn-big {
  font-family: "AxiformaBold", Arial, sans-serif;
  font-size: 25px;
}
@media (max-width: 1199.98px) {
  .btn.btn-big {
    font-family: "AxiformaRegular", Arial, sans-serif;
    font-size: 18px;
  }
}
.btn.btn-primary {
  background: #E73459;
  /*background: -webkit-linear-gradient(135deg, $orange 0%, $purple 100%);
  background: -moz-linear-gradient(135deg, $orange 0%, $purple 100%);
  background: -o-linear-gradient(135deg, $orange 0%, $purple 100%);
  background: linear-gradient(135deg, $orange 0%, $purple 100%);*/
  background-size: 100% 100%;
  box-shadow: 0px 0px 0px rgba(231, 52, 89, 0);
}
.btn.btn-primary:hover {
  background-size: 400% 50px !important;
  box-shadow: 0px 3px 10px rgba(231, 52, 89, 0.65);
}
.btn.btn-primary:focus {
  background-size: 400% 50px !important;
  box-shadow: 0px 3px 10px #e73459 !important;
}
.btn.btn-primary.doubleLine {
  display: flex;
  flex-direction: column;
  font-size: 21px;
  font-family: "AxiformaBold", Arial, sans-serif;
  line-height: 1.2;
  background-size: 100% 62px;
}
.btn.btn-primary.doubleLine span {
  font-size: 14px;
  font-family: "AxiformaRegular", Arial, sans-serif;
}
.btn.btn-primary-second {
  color: #FFFFFF !important;
  background: #EF7B72;
  background: -webkit-linear-gradient(135deg, #EF7B72 0%, #B64D9C 100%);
  background: -moz-linear-gradient(135deg, #EF7B72 0%, #B64D9C 100%);
  background: -o-linear-gradient(135deg, #EF7B72 0%, #B64D9C 100%);
  background: linear-gradient(135deg, #EF7B72 0%, #B64D9C 100%);
  background-size: 100% 100%;
  box-shadow: 0px 0px 0px rgba(182, 77, 156, 0);
}
.btn.btn-primary-second:hover {
  background-size: 400% 50px !important;
  box-shadow: 0px 3px 10px rgba(182, 77, 156, 0.65);
}
.btn.btn-primary-second:focus {
  background-size: 400% 50px !important;
  box-shadow: 0px 3px 10px rgba(182, 77, 156, 0.65);
}
.btn.btn-secondary {
  background-color: #2B2171;
  box-shadow: 0px 0px 0px rgba(231, 52, 89, 0);
}
.btn.btn-secondary:hover {
  background-color: #E73459;
  box-shadow: 0px 3px 10px rgba(231, 52, 89, 0.65);
}
.btn.btn-secondary:focus {
  background-color: #E73459 !important;
  box-shadow: 0px 3px 10px #e73459 !important;
}
.btn.btn-secondary:active {
  background-color: #E73459 !important;
}
.btn.btn-tertiary {
  color: #FFFFFF;
  background-color: #E73459;
  box-shadow: 0px 0px 0px rgba(231, 52, 89, 0);
}
.btn.btn-tertiary:hover {
  background-color: #2B2171;
  box-shadow: 0px 3px 10px rgba(43, 33, 113, 0.65);
}
.btn.btn-tertiary:focus {
  background-color: #2B2171 !important;
  box-shadow: 0px 3px 10px #2b2171 !important;
}
.btn.btn-tertiary:active {
  background-color: #2B2171 !important;
}
.btn.btn-outline-primary {
  padding: 8px 30px;
  color: #2B2171;
  border: 2px solid #E73459;
  box-shadow: 0px 0px 0px rgba(231, 52, 89, 0);
}
.btn.btn-outline-primary:hover {
  color: #FFFFFF;
  background-color: #E73459;
  box-shadow: 0px 3px 10px rgba(231, 52, 89, 0.65);
}
.btn.btn-outline-primary:hover svg path,
.btn.btn-outline-primary:hover svg line {
  stroke: #FFFFFF;
}
.btn.btn-outline-primary:not(.btn-rounded):not(.noFocus):focus {
  color: #FFFFFF;
  background-color: #E73459 !important;
  border-color: #E73459 !important;
  box-shadow: 0px 3px 10px #e73459 !important;
}
.btn.btn-outline-primary:active {
  background-color: #E73459 !important;
  border-color: #E73459 !important;
}
.btn.btn-outline-primary.whiteOutline {
  border-color: #FFFFFF;
}
.btn.btn-outline-primary.whiteOutline:hover {
  border-color: #E73459;
}
.btn.btn-favorite svg {
  width: 28px;
  height: auto;
  margin-left: 10px;
}
.btn.btn-favorite svg path {
  stroke: #FFFFFF;
}
.btn.btn-favorite.isFavorite svg path {
  fill: #FFFFFF;
}
@media (max-width: 1199.98px) {
  .btn.btn-favorite.mobileBlue svg path {
    stroke: #2B2171;
  }
  .btn.btn-favorite.mobileBlue.isFavorite svg path {
    fill: #E73459;
  }
  .btn.btn-favorite.mobileBlue:hover svg path {
    stroke: #FFFFFF;
  }
}
.btn.btn-checkbox {
  margin-bottom: 5px;
  padding: 5px 20px;
  color: #2B2171;
  background-color: rgba(43, 33, 113, 0.1);
}
.btn.btn-checkbox:hover {
  color: #FFFFFF;
  background-color: #2b2171;
}
.btn.btn-checkbox.checked {
  color: #FFFFFF;
  background-color: #2b2171;
  box-shadow: 0px 3px 10px rgba(43, 33, 113, 0.65);
}
.btn.btn-rounded {
  width: 50px;
  height: 50px;
  padding: 0px;
}
.btn.btn-sm-rounded {
  width: 42px;
  height: 42px;
  padding: 0px;
  flex-shrink: 0;
}

.btn-tile {
  cursor: pointer;
  box-shadow: 0 0 0 rgba(255, 255, 255, 0);
  transition: 0.15s ease-in-out;
}
.btn-tile:hover {
  border-color: #FFFFFF !important;
}
.btn-tile.active {
  border-color: #FFFFFF !important;
  box-shadow: 0 5px 25px rgba(255, 255, 255, 0.1);
}
.btn-tile.active h3 {
  font-family: "AxiformaBold", Arial, sans-serif;
}

.accordionBtn {
  transition: 0.15s ease-in-out;
}
.accordionBtn svg:not(.noRotate) {
  transform: rotate(270deg);
}
.accordionBtn.collapsed svg:not(.noRotate) {
  transform: rotate(90deg);
}
.accordionBtn svg.noRotate {
  font-weight: 300;
}
.accordionBtn:hover svg:not(.noRotate) path {
  stroke: #E73459;
}
.accordionBtn .w50px {
  width: 50px;
}
.accordionBtn .plus {
  position: relative;
  width: 30px;
  height: 30px;
}
.accordionBtn .plus span {
  position: absolute;
  transition: 300ms;
  background: #FFFFFF;
  border-radius: 2px;
  transform: rotate(90deg);
}
.accordionBtn .plus span:first-child {
  top: 0%;
  bottom: 0%;
  width: 2px;
  left: 0;
  right: 0;
  margin: auto;
}
.accordionBtn .plus span:last-child {
  left: 50%;
  right: 50%;
  height: 2px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.accordionBtn.collapsed .plus span {
  transform: rotate(0deg);
}
.accordionBtn.collapsed .plus span:last-child {
  left: 0%;
  right: 0%;
}

/* INPUT TEXT, EMAIL, PASSWORD & TEXTAREA */
.form-group {
  position: relative;
  margin-bottom: 0px; /* N.T.B. */
}
.form-group.form-password .btn {
  width: 38px;
  height: 38px;
  top: 0;
  bottom: 0;
  right: 5px;
  margin: auto;
}
.form-group.form-password .btn.shown {
  background-color: #E73459;
}
.form-group.form-password .btn.shown svg path {
  fill: #FFFFFF !important;
}
.form-group.form-password .btn:hover svg path {
  fill: #FFFFFF !important;
}
.form-group .inputIcoon {
  position: absolute;
  top: 0;
  left: 2.5px;
  width: 50px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.form-group .inputIcoon img {
  width: auto;
  height: 24px;
}
.form-group .inputIcoon ~ input {
  padding-left: 50px !important;
}
.form-group .inputIcoon ~ label {
  left: 50px !important;
}
.form-group input[type=text],
.form-group input[type=email],
.form-group input[type=password],
.form-group input[type=date],
.form-group input[type=number],
.form-group textarea,
.form-group select {
  min-height: 50px;
  height: auto;
  padding: 20px 15px 5px;
  color: #2B2171;
  border-radius: 5px;
  font-family: "AxiformaRegular", Arial, sans-serif;
}
.form-group input[type=text] ~ label,
.form-group input[type=email] ~ label,
.form-group input[type=password] ~ label,
.form-group input[type=date] ~ label,
.form-group input[type=number] ~ label,
.form-group textarea ~ label,
.form-group select ~ label {
  position: absolute;
  top: 15px;
  left: 15px;
  margin: 0px !important;
  color: #2B2171;
  font-family: "AxiformaLight", Arial, sans-serif;
  pointer-events: none;
  text-transform: lowercase;
  transition: 0.15s ease-in-out;
}
.form-group input[type=text]::placeholder,
.form-group input[type=email]::placeholder,
.form-group input[type=password]::placeholder,
.form-group input[type=date]::placeholder,
.form-group input[type=number]::placeholder,
.form-group textarea::placeholder,
.form-group select::placeholder {
  opacity: 0;
}
.form-group input[type=text]:not(:placeholder-shown), .form-group input[type=text]:focus,
.form-group input[type=email]:not(:placeholder-shown),
.form-group input[type=email]:focus,
.form-group input[type=password]:not(:placeholder-shown),
.form-group input[type=password]:focus,
.form-group input[type=date]:not(:placeholder-shown),
.form-group input[type=date]:focus,
.form-group input[type=number]:not(:placeholder-shown),
.form-group input[type=number]:focus,
.form-group textarea:not(:placeholder-shown),
.form-group textarea:focus,
.form-group select:not(:placeholder-shown),
.form-group select:focus {
  box-shadow: none;
}
.form-group input[type=text]:not(:placeholder-shown) ~ label, .form-group input[type=text]:focus ~ label,
.form-group input[type=email]:not(:placeholder-shown) ~ label,
.form-group input[type=email]:focus ~ label,
.form-group input[type=password]:not(:placeholder-shown) ~ label,
.form-group input[type=password]:focus ~ label,
.form-group input[type=date]:not(:placeholder-shown) ~ label,
.form-group input[type=date]:focus ~ label,
.form-group input[type=number]:not(:placeholder-shown) ~ label,
.form-group input[type=number]:focus ~ label,
.form-group textarea:not(:placeholder-shown) ~ label,
.form-group textarea:focus ~ label,
.form-group select:not(:placeholder-shown) ~ label,
.form-group select:focus ~ label {
  top: 6px;
  font-size: 11px !important;
  line-height: 12px !important;
}
.form-group input[type=text]:focus,
.form-group input[type=email]:focus,
.form-group input[type=password]:focus,
.form-group input[type=date]:focus,
.form-group input[type=number]:focus,
.form-group textarea:focus,
.form-group select:focus {
  border-color: #2B2171;
}
.form-group input[type=text].invalid,
.form-group input[type=email].invalid,
.form-group input[type=password].invalid,
.form-group input[type=date].invalid,
.form-group input[type=number].invalid,
.form-group textarea.invalid,
.form-group select.invalid {
  border-color: #E73459;
}
.form-group input[type=text].invalid ~ label,
.form-group input[type=email].invalid ~ label,
.form-group input[type=password].invalid ~ label,
.form-group input[type=date].invalid ~ label,
.form-group input[type=number].invalid ~ label,
.form-group textarea.invalid ~ label,
.form-group select.invalid ~ label {
  color: #E73459;
}
.form-group input[type=text]:disabled ~ label,
.form-group input[type=email]:disabled ~ label,
.form-group input[type=password]:disabled ~ label,
.form-group input[type=date]:disabled ~ label,
.form-group input[type=number]:disabled ~ label,
.form-group textarea:disabled ~ label,
.form-group select:disabled ~ label {
  /*top: 6px;*/
  color: #ced4da;
}
.form-group.outline {
  /*input[type="text"] {
      &:not(:placeholder-shown),
      &:not(:placeholder-shown) ~ label {
          opacity: .5;
      }

      &:focus,
      &:focus ~ label {
          opacity: 1 !important;
      }
  }*/
}
.form-group.outline input[type=text],
.form-group.outline input[type=password] {
  color: #FFFFFF;
}
.form-group.outline input[type=text] ~ label,
.form-group.outline input[type=password] ~ label {
  color: #FFFFFF;
}
.form-group.outline input[type=text].form-control,
.form-group.outline input[type=password].form-control {
  background-color: transparent;
}
.form-group.outline input[type=text]:focus,
.form-group.outline input[type=password]:focus {
  border-color: #E73459;
}
.form-group.outline .btn.btn-outline-primary svg path {
  fill: rgba(255, 255, 255, 0.75);
}
.form-group.outline .btn.btn-outline-primary.shown svg path {
  fill: white;
}
.form-group select {
  -webkit-appearance: none;
  appearance: none;
}
.form-group select ~ .arrow {
  position: absolute;
  width: 15px;
  height: 22px;
  top: 0;
  bottom: 0;
  right: 15px;
  margin: auto;
  pointer-events: none;
}
.form-group select.invalid {
  color: #E73459;
}
.form-group button {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 0;
  bottom: 0;
  right: 10px;
  margin: auto;
  background-color: #8DB958;
  border-radius: 30px;
  border: none;
  transition: 0.15s ease-in-out;
}
.form-group button:hover {
  background-color: #E73459;
}
.form-group button ~ input[type=email] {
  padding: 20px 60px 5px 15px;
}
.form-group textarea::placeholder {
  color: #2B2171;
  opacity: 0.75;
}
.form-group textarea:placeholder-shown ~ label {
  top: 6px;
  font-size: 11px !important;
  line-height: 12px !important;
}
.form-group input[type=number] {
  padding-top: 5px;
  min-height: 38px;
}
.form-group input[type=number].toonPlaceholder {
  padding-top: 20px;
  min-height: 50px;
}
.form-group .btn-group {
  width: 100%;
}
.form-group .btn-group .multiselect {
  right: 0px;
  min-height: 50px;
  height: auto;
  padding: 20px 15px 5px !important;
  color: #2B2171;
  text-align: left;
  border-radius: 5px;
  background-color: transparent;
  border: 1px solid #ced4da;
}
.form-group .btn-group .multiselect:after {
  display: none;
}
.form-group .btn-group .multiselect-container {
  width: 100%;
  height: 200px;
  /*padding: 10px;
  column-count: 2;*/
  overflow-y: scroll;
  border: none;
  box-shadow: 0px 3px 15px rgba(43, 33, 113, 0.25);
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.form-group .btn-group .multiselect-container li {
  position: relative;
  color: #2B2171;
}
.form-group .btn-group .multiselect-container li a {
  position: relative;
  width: 100%;
  height: 32px;
  display: inline-block;
}
.form-group .btn-group .multiselect-container li a label {
  width: 100%;
  padding: 3px 10px 3px 30px;
  display: block;
}
.form-group .btn-group .multiselect-container li a label:hover {
  background-color: rgba(224, 222, 240, 0.15);
}
.form-group .btn-group .multiselect-container li input {
  opacity: 0;
  pointer-events: none;
}
.form-group .btn-group .multiselect-container li:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 15px;
  height: 18px;
  width: 18px;
  margin: auto;
  border-radius: 3px;
  border: 2px solid #2B2171;
  pointer-events: none;
}
.form-group .btn-group .multiselect-container li:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 19px;
  width: 10px;
  height: 10px;
  margin: auto;
  background-color: #E73459;
  opacity: 0;
  transition: 0.1s ease-in-out;
  pointer-events: none;
}
.form-group .btn-group .multiselect-container li.active {
  font-family: "AxiformaBold", Arial, sans-serif;
  background-color: #F8F7FF;
}
.form-group .btn-group .multiselect-container li.active:before {
  opacity: 1;
}
.form-group .btn-group .multiselect-container::-webkit-scrollbar {
  width: 6px;
}
.form-group .btn-group .multiselect-container::-webkit-scrollbar-track {
  background: #F8F7FF;
}
.form-group .btn-group .multiselect-container::-webkit-scrollbar-thumb {
  width: 4px;
  background-color: #2B2171;
  border-radius: 10px;
  transition: 0.15s ease-in-out;
}
.form-group .btn-group .multiselect-container::-webkit-scrollbar-thumb:hover {
  background: #17142E;
}

/* INPUT CHECKBOX & RADIO */
.form-check {
  margin-bottom: 0px;
  padding-left: 28px;
  cursor: pointer;
  transition: 0.15s ease-in-out;
}
.form-check input[type=checkbox],
.form-check input[type=radio] {
  opacity: 0;
}
.form-check input[type=checkbox]:checked ~ .form-check-label,
.form-check input[type=radio]:checked ~ .form-check-label {
  font-weight: 900;
}
.form-check input[type=checkbox]:checked ~ .form-check-label .checkmark:after,
.form-check input[type=radio]:checked ~ .form-check-label .checkmark:after {
  opacity: 1 !important;
}
.form-check input[type=checkbox]:checked ~ .amountOfResults,
.form-check input[type=radio]:checked ~ .amountOfResults {
  color: #E73459;
}
.form-check input[type=checkbox] ~ .form-check-label .checkmark,
.form-check input[type=radio] ~ .form-check-label .checkmark {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  height: 18px;
  width: 18px;
  margin: 0px;
  border-radius: 3px;
  border: 1px solid rgba(43, 33, 113, 0.2);
}
.form-check input[type=checkbox] ~ .form-check-label .checkmark:after,
.form-check input[type=radio] ~ .form-check-label .checkmark:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 12px;
  height: 12px;
  margin: auto;
  border-radius: 2px;
  background-color: #E73459;
  opacity: 0;
  transition: 0.1s ease-in-out;
}
.form-check input[type=radio] ~ .form-check-label .checkmark {
  border-radius: 10px;
}
.form-check input[type=radio] ~ .form-check-label .checkmark:after {
  border-radius: 10px;
}
.form-check:hover input[type=checkbox] ~ .form-check-label .checkmark:after, .form-check:hover input[type=radio] ~ .form-check-label .checkmark:after {
  opacity: 0.35;
}
.form-check.noResults {
  display: none !important;
  /*opacity: .15;

  .form-check-label {
      color: $gray !important;
  }

  .checkmark{
      border-color: $gray !important;
  }

  &:hover{
      opacity: .5;
  }*/
}

/* TEXTAREA */
textarea.form-control:focus {
  color: #2B2171;
}
textarea.form-control::placeholder {
  color: rgba(0, 0, 0, 0.3) !important;
}

.whiteRadioButtons .form-check input[type=radio] ~ .form-check-label .checkmark {
  border-color: #FFFFFF;
}

.file-drop-area {
  position: relative;
  width: 100%;
  max-width: 100%;
  height: 120px;
  margin-bottom: 5px;
  padding: 15px 25px;
  border-radius: 5px;
  transition: 0.15s ease-in-out;
  box-sizing: border-box;
  /*&.imageUploaded {
      min-height: 220px;
      margin: 0 0 5px;
      border-radius: 0px;
      border: none;

      > span {
          display: none !important;
      }

      .fake-btn {
          position: absolute;
          left: 30px;
          bottom: 30px;
          margin: 0px !important;
      }
  }*/
}
@media (max-width: 991.98px) {
  .file-drop-area {
    height: 80px;
  }
}
.file-drop-area > svg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
  pointer-events: none;
}
.file-drop-area > svg rect {
  fill: transparent;
}
.file-drop-area > svg.error g {
  stroke: #E73459 !important;
  stroke-width: 2px !important;
}
.file-drop-area > div:first-child {
  z-index: 1;
  pointer-events: none;
}
.file-drop-area.is-active, .file-drop-area:hover svg rect {
  fill: #F8F7FF;
}
.file-drop-area .fake-btn {
  background-color: rgba(43, 33, 113, 0.5);
  pointer-events: none;
  z-index: 1001;
}
.file-drop-area .file-eisen {
  color: #2B2171;
  font-size: 12px;
  z-index: 1001;
}
.file-drop-area .file-input {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
  opacity: 0;
  display: block !important;
}
.file-drop-area .file-input:focus {
  outline: none;
}
.file-drop-area .file {
  width: 100%;
  margin-top: 10px;
  padding: 10px;
  border-radius: 5px;
  background-color: #f3f3f3;
  border: 1px solid #cccccc;
  display: none;
}
.file-drop-area .file.check {
  background-color: rgba(43, 33, 113, 0.3);
  border: 1px solid #2B2171;
  color: #2B2171;
}
.file-drop-area .file.uncheck {
  background-color: rgba(43, 33, 113, 0.3);
  border: 1px solid #2B2171;
  color: #2B2171;
}
@media (max-width: 991.98px) {
  .file-drop-area .icon.iconBlueContainer {
    width: 40px;
    height: 40px;
  }
}

.feedbackMessage, .feedback {
  padding: 7px 15px;
  border-radius: 5px;
}
.feedbackMessage.file, .feedback.file {
  border: 1px solid #8DB958;
  background-color: rgba(141, 185, 88, 0.25);
}
.feedbackMessage.file.uncheck, .feedback.file.uncheck {
  border: 1px solid #E73459;
  background-color: rgba(231, 52, 89, 0.25);
}
.feedbackMessage.text, .feedback.text {
  border: 1px solid #2B2171;
  background-color: rgba(43, 33, 113, 0.1);
  font-family: "AxiformaBold", Arial, sans-serif;
}

.bootstrapSelect > div {
  position: relative;
}
.bootstrapSelect > div:before {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  width: calc(100% - 20px);
  height: 22px;
  background-color: #FFFFFF;
  border-radius: 10px;
}

@media (max-width: 991.98px) {
  .doubleLineMob input[type=text] ~ label {
    top: 6px;
  }
}

select.placeholder-hidden {
  min-height: 38px;
  padding: 5px 15px !important;
  line-height: 26px;
}

/* GENERAL */
.content {
  position: relative;
}
.content.whiteOutline {
  padding: 40px 60px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 10px;
  transition: border 0.15s ease-in-out;
}
@media (max-width: 1199.98px) {
  .content.whiteOutline {
    padding: 20px 30px;
  }
}
@media (max-width: 991.98px) {
  .content.whiteOutline {
    padding: 20px 10px;
  }
}
.content.whiteOutline.solidBorder {
  border: 1px solid white;
}
.content.blueOutline {
  padding: 20px 60px;
  border: 1px solid #e0def0;
  border-radius: 10px;
}
@media (max-width: 1199.98px) {
  .content.blueOutline {
    padding: 20px 30px;
  }
}
.content.primaryOutline {
  padding: 20px 30px;
  border: 1px solid #2b2171;
  border-radius: 10px;
}
@media (max-width: 991.98px) {
  .content.primaryOutline {
    padding: 20px 15px;
  }
}
.content.primaryOutline .position-relative {
  padding-left: 75px;
}
@media (max-width: 991.98px) {
  .content.primaryOutline .position-relative {
    padding-left: 15px;
  }
}
.content.whiteSolid {
  padding: 25px 30px;
  color: #2B2171;
  background-color: #FFFFFF;
  border-radius: 5px;
}
@media (max-width: 991.98px) {
  .content.whiteSolid {
    padding: 25px 15px;
  }
}
.content.borderedAround {
  border: 10px solid #E0DEF0;
}
.content.bottomArrow {
  border-bottom: 20px solid #E0DEF0;
}
.content.bottomArrow:after {
  content: "";
  position: absolute;
  width: 0px;
  height: 0px;
  left: 0;
  right: 0;
  bottom: -35px;
  margin: auto;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-top: 20px solid #E0DEF0;
}

.boxShadow {
  box-shadow: 0 20px 30px rgba(43, 33, 113, 0.35);
}

.padding-1 {
  padding: 200px 0 100px;
}
@media (max-width: 991.98px) {
  .padding-1 {
    padding: 60px 0;
  }
}

.padding-1-b {
  padding: 200px 0 100px;
}
@media (max-width: 991.98px) {
  .padding-1-b {
    padding: 150px 0 100px;
  }
}

.padding-1-c {
  padding: 300px 0 100px;
}
@media (max-width: 991.98px) {
  .padding-1-c {
    padding: 60px 0 100px;
  }
}

.padding-2 {
  padding: 100px 0 200px;
}
@media (max-width: 991.98px) {
  .padding-2 {
    padding: 60px 0;
  }
}

.padding-3 {
  padding: 60px 0 120px;
}
@media (max-width: 991.98px) {
  .padding-3 {
    padding: 60px 0;
  }
}

.padding-4 {
  padding: 100px 0;
}
@media (max-width: 991.98px) {
  .padding-4 {
    padding: 60px 0;
  }
}

.padding-5 {
  padding: 60px 0 200px;
}
@media (max-width: 991.98px) {
  .padding-5 {
    padding: 60px 0 30px;
  }
}
.padding-5.es {
  padding: 0 0 116px;
}
.padding-5.es #stelEenVraag {
  bottom: -490px;
}
.padding-5.es #stelEenVraag.smallerContent {
  bottom: -475px;
}
@media (max-width: 991.98px) {
  .padding-5.es {
    padding: 0px;
  }
}

.padding-6 {
  padding: 60px 0 300px;
  /*@include media-breakpoint-down(md) {
      padding: 60px 0 60px;
  }*/
}

.padding-7 {
  padding: 60px 0;
}

.padding-7-b {
  padding: 60px 0 0;
}

.padding-b-150 {
  padding-bottom: 100px;
}

.padding-b-120 {
  padding-bottom: 120px;
}

.margin-top-100 {
  margin-top: 100px;
}
@media (max-width: 1199.98px) {
  .margin-top-100 {
    margin-top: 50px;
  }
}

.absoluteImgCenter {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
@media (max-width: 991.98px) {
  .absoluteImgCenter {
    position: relative;
    margin-top: 30px;
  }
}

.label {
  position: absolute;
  top: 0px;
  left: 0px;
  padding: 3px 15px;
  background-color: #E73459;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
  z-index: 1001;
}
.label.big {
  padding: 5px 25px;
  font-size: 16px;
}

.roundImgContainer.col-lg-6 {
  right: 50px;
  padding-top: 50%;
}
@media (max-width: 991.98px) {
  .roundImgContainer.col-lg-6 {
    right: 0px;
    padding-top: 100%;
    margin-bottom: 75px;
  }
}
.roundImgContainer.col-lg-5 {
  height: 0;
  padding-top: 41.6666666667%;
}
@media (max-width: 991.98px) {
  .roundImgContainer.col-lg-5 {
    padding-top: 100%;
  }
}
.roundImgContainer.col-lg-5 .roundImg.zwieber:after {
  bottom: -185px;
  width: 225px;
}
@media (max-width: 991.98px) {
  .roundImgContainer.col-lg-5 .roundImg.zwieber:after {
    bottom: -123px;
    width: 150px;
  }
}
.roundImgContainer.small {
  position: relative;
  right: unset;
  width: 150px;
  height: 150px;
  padding-top: 0%;
}
.roundImgContainer.small .roundImg.zwieber:after {
  width: 70px;
  bottom: -23px;
  height: 58px;
}
.roundImgContainer.medium {
  position: relative;
  right: unset;
  /*width: 250px;
  height: 250px;*/
  width: 214px;
  height: 214px;
  padding-top: 0%;
}
.roundImgContainer.medium .roundImg.zwieber:after {
  width: 100px;
  bottom: -249px;
}
@media (max-width: 1199.98px) {
  .roundImgContainer.medium {
    width: 200px;
    height: 200px;
  }
  .roundImgContainer.medium .roundImg {
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
  }
}
@media (max-width: 991.98px) {
  .roundImgContainer.medium .roundImg.zwieber:after {
    bottom: -149px;
  }
}
.roundImgContainer .roundImg {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 500px;
  background-size: cover;
  background-position: center;
}
@media (max-width: 991.98px) {
  .roundImgContainer .roundImg {
    top: 15px;
    bottom: 15px;
    left: 15px;
    right: 15px;
  }
}
.roundImgContainer .roundImg.zwieber {
  /*&:hover > div {
      opacity: 1;
      pointer-events: all;
  }

  > div {
      width: 100%;
      height: 100%;
      position: relative;
      background-color: rgba($black, .5);
      border-radius: 500px;
      opacity: 0;
      pointer-events: none;
      transition: .15s ease-in-out;
  }*/
}
.roundImgContainer .roundImg.zwieber:after {
  content: "";
  position: absolute;
  bottom: -146px;
  left: 50%;
  width: 300px;
  height: 300px;
  background: url(/Content/img/zwieber.svg) no-repeat top left;
  background-size: contain;
  pointer-events: none;
}
@media (max-width: 991.98px) {
  .roundImgContainer .roundImg.zwieber:after {
    bottom: -97px;
    width: 200px;
    height: 200px;
  }
}

.searchBlock {
  position: absolute;
  top: -81px;
  left: 0;
  right: 0;
}
@media (max-width: 991.98px) {
  .searchBlock {
    position: relative;
    top: -60px;
  }
  .searchBlock ~ .container {
    /*padding-top: 125px;*/
  }
  .searchBlock.short ~ .container {
    padding-top: 25px;
  }
}
.searchBlock .content {
  padding: 15px;
  border-radius: 10px;
}
@media (max-width: 575.98px) {
  .searchBlock .content {
    border-radius: 0px;
  }
}
.searchBlock .btn {
  padding: 10px 20px !important;
}

.pattern:before, .pattern:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.2;
  pointer-events: none;
}
.pattern:before {
  background: url("/Content/img/patroon-links.svg") bottom -75px left -145px no-repeat;
  background-size: 450px auto;
}
@media (max-width: 991.98px) {
  .pattern:before {
    display: none;
  }
}
.pattern:after {
  background: url(/Content/img/patroon-rechts.svg) bottom -75px right -150px no-repeat;
  background-size: 828px auto;
}
.pattern > .container {
  position: relative;
  z-index: 1;
}

.clickable {
  display: block;
  border-radius: 5px;
  box-shadow: 0 0 0 rgba(43, 33, 113, 0);
  transition: box-shadow 0.15s ease-in-out;
}
.clickable:hover {
  box-shadow: 0 3px 15px rgba(43, 33, 113, 0.2);
}

.overlapHeader .container {
  position: relative;
  top: -100px;
}
@media (max-width: 991.98px) {
  .overlapHeader .container {
    top: -100px;
  }
  .overlapHeader .container .content.whiteSolid {
    border-radius: 0px;
    /*margin-left: -15px;
    margin-right: -15px;*/
  }
}

/* HEADER */
#header {
  position: relative;
  /*    padding: 15px 0;
  */
}
#header.qmkOpendagSingle.single, #header.qmkSingle .container:first-child > .row {
  min-height: 275px;
}
#header.subpage.basic {
  min-height: 250px;
}
#header.subpage.basic .container:first-child > .row {
  min-height: 150px;
}
#header.subpage {
  min-height: 400px;
  color: #FFFFFF;
  background-color: #272446;
}
#header.subpage.extraHeight {
  min-height: 500px;
}
#header.subpage.extraHeight ~ .overlapHeader > .container {
  top: -100px;
}
@media (max-width: 991.98px) {
  #header.subpage.action {
    min-height: 335px;
  }
}
#header.single {
  min-height: 400px;
  color: #FFFFFF;
  background-position: top center;
  background-size: cover;
}
#header.single:before, #header.single:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
#header.single:before {
  background: linear-gradient(0deg, #272446 0%, rgba(39, 36, 70, 0) 100%);
}
#header.single:after {
  background: linear-gradient(60deg, #272446 0%, rgba(39, 36, 70, 0) 100%);
}
#header.single.action {
  min-height: 425px;
}
@media (max-width: 991.98px) {
  #header.single.action {
    min-height: 375px;
    height: auto;
  }
  #header.single.action h1 {
    margin-bottom: 75px;
  }
}
@media (max-width: 991.98px) {
  #header.single {
    height: 500px;
  }
}
#header.single.blogSingle {
  min-height: 500px;
  background-position: top center;
  /*&:before, &:after {
              display: none;
          }
  */
}
#header.single.blogSingle .bgImage {
  position: absolute;
  height: calc(100% - 100px);
  top: 75px;
  left: 0;
  right: 0;
  margin: auto;
  background-position: top center;
  background-size: cover;
  box-shadow: inset 0px -20px 20px 20px #272446;
}
#header.single.blogSingle .bgImage:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(39, 36, 70, 0.5);
}
#header.event {
  min-height: 475px;
  color: #FFFFFF;
  background-position: center;
  background-size: cover;
}
#header.event .gradients:before, #header.event .gradients:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
#header.event .gradients:before {
  background: linear-gradient(0deg, #272446 0%, rgba(39, 36, 70, 0) 100%);
}
#header.event .gradients:after {
  background: linear-gradient(60deg, #272446 0%, rgba(39, 36, 70, 0) 100%);
}
#header.event ~ .overlapHeader .container {
  top: -173px;
}
#header.event ~ .overlapHeader .container .shortContent {
  margin-top: 50px;
}
#header.event ~ .overlapHeader .container .shortContent > div:first-child {
  margin-bottom: 80px;
}
@media (max-width: 991.98px) {
  #header.event > .container {
    margin-bottom: 125px;
  }
}
#header.testimonial {
  min-height: 475px;
  color: #FFFFFF;
}
#header.testimonial ~ .overlapHeader .container {
  top: 0px;
}
@media (max-width: 991.98px) {
  #header.testimonial ~ .overlapHeader .container {
    top: -180px;
  }
}
#header.testimonial ~ .overlapHeader .container .col-lg-3 {
  top: -180px;
}
@media (max-width: 991.98px) {
  #header.testimonial ~ .overlapHeader .container .col-lg-3 {
    top: 0px;
  }
}
#header.test {
  min-height: 400px;
}
#header.assessment {
  min-height: 320px;
}
#header > .container {
  position: relative;
  margin-top: 100px;
  z-index: 1000;
}
@media (max-width: 991.98px) {
  #header > .container {
    margin-top: 100px;
  }
}
#header.dashboard {
  min-height: 435px;
  padding: 15px 0 0;
  color: #FFFFFF;
  background: rgb(57, 44, 77);
  background: linear-gradient(0deg, rgb(57, 44, 77) 0%, rgb(76, 29, 106) 50%, rgb(57, 44, 77) 100%);
  overflow: hidden;
}
#header.tip {
  min-height: 350px;
  background-color: #272446;
  /*&:before, &:after {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
  }
  &:before {
      background: linear-gradient(0deg, rgba($blue-700, .8) 0%, rgba($purple, .5) 20%, rgba($purple, 0) 40%, rgba($purple, 0) 100%);
  }
  &:after {
      background: -webkit-radial-gradient(at top right, rgba($blue-700, 0) 0%, rgba($blue-700, 0) 0%, rgba($blue-700, 1) 100%);
      background: radial-gradient(at top right, rgba($blue-700, 0) 0%, rgba($blue-700, 0) 0%, rgba($blue-700, 1) 100%);
  }*/
}
#header.tip .container:first-child > .row {
  min-height: 220px;
}
#header.pattern:before, #header.pattern:after {
  z-index: 1;
}
#header.pattern + section {
  z-index: 1001;
}
#header.contact {
  height: 525px;
}
@media (max-width: 991.98px) {
  #header.contact {
    height: auto;
  }
}

/* LIGHTBOX */
/* VIDEOCONTAINER */
.mediabox #uitgelichteVideo {
  position: relative;
  height: 450px;
  bottom: 0px;
  margin-top: 75px;
  background-size: cover;
  background-position: center;
}

.mediabox-wrap {
  z-index: 9999 !important;
}

#werkgeverVideo,
#uitgelichteVideo {
  height: 475px;
  bottom: -550px;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  transition: 0.15s ease-in-out;
}
#werkgeverVideo .playBtn,
#uitgelichteVideo .playBtn {
  position: absolute;
  width: 150px;
  height: 150px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background-color: rgba(0, 0, 0, 0.25);
  border-radius: 100px;
  transition: 0.15s ease-in-out;
}
#werkgeverVideo .playBtn > div,
#uitgelichteVideo .playBtn > div {
  width: 0;
  height: 0;
  margin-left: 10px;
  border-top: 35px solid transparent;
  border-bottom: 35px solid transparent;
  border-left: 50px solid #FFFFFF;
}
#werkgeverVideo:hover,
#uitgelichteVideo:hover {
  box-shadow: 0 0 60px rgba(0, 0, 0, 0.6);
}
#werkgeverVideo:hover .playBtn,
#uitgelichteVideo:hover .playBtn {
  background-color: rgba(0, 0, 0, 0.5);
}

#werkgeverVideo,
#stelEenVraag {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  background-size: cover;
  background-position: center;
  border-radius: 5px;
  box-shadow: 0 0 60px rgba(0, 0, 0, 0.35);
  z-index: 1001;
  transition: 0.15s ease-in-out;
}

#werkgeverVideo {
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #000;
}
@media (max-width: 991.98px) {
  #werkgeverVideo {
    height: 375px;
    bottom: -460px;
    border-radius: 0px;
  }
}

#stelEenVraag {
  height: 400px;
  bottom: -540px;
}
#stelEenVraag.smallerContent {
  height: 350px;
  bottom: -515px;
  padding: 25px 50px;
}
@media (max-width: 991.98px) {
  #stelEenVraag {
    position: relative;
    height: 100% !important;
    width: 100%;
    bottom: -100px !important;
    left: 0px;
    border-radius: 0px;
    padding: 25px 30px !important;
  }
  #stelEenVraag .roundImgContainer {
    margin-bottom: 50px;
  }
}
#stelEenVraag .swiper-slide {
  margin-bottom: 31px;
}

/* POP UP */
.modal-content {
  border-radius: 5px !important;
  border: none !important;
}

.accordionContainer .content.whiteOutline {
  padding: 0px;
}
.accordionContainer .content.whiteOutline .accordionBtn {
  padding: 30px 40px;
  font-family: "AxiformaBlack", Arial, sans-serif;
  font-size: 24px;
}
@media (max-width: 1199.98px) {
  .accordionContainer .content.whiteOutline .accordionBtn {
    padding: 20px 30px;
    font-family: "AxiformaBold", Arial, sans-serif;
    font-size: 18px;
  }
}
.accordionContainer .content.whiteOutline > div:nth-child(2) > div {
  padding: 0px 90px 30px 40px;
}
@media (max-width: 1199.98px) {
  .accordionContainer .content.whiteOutline > div:nth-child(2) > div {
    padding: 0px 30px 20px;
  }
}
.accordionContainer .content.whiteOutline > div:nth-child(2) > div p {
  font-size: 16px;
}
.accordionContainer.blueAccordion .content.whiteOutline {
  border: 1px solid rgba(43, 33, 113, 0.25);
}
.accordionContainer.blueAccordion .content.whiteOutline.solidBorder {
  border: 1px solid #2B2171;
}
.accordionContainer.blueAccordion .content.whiteOutline .plus span {
  background: #2B2171;
}
.accordionContainer.smallAccordion .content.whiteOutline .accordionBtn {
  padding: 15px 20px;
  font-size: 18px;
  font-family: "AxiformaMedium", Arial, sans-serif;
}
.accordionContainer.smallAccordion .content.whiteOutline div:nth-child(2) > div {
  padding: 0px 80px 30px 95px;
}
@media (max-width: 1199.98px) {
  .accordionContainer.smallAccordion .content.whiteOutline div:nth-child(2) > div {
    padding: 0px 20px 30px 20px;
  }
}
.accordionContainer.smallAccordion .content.whiteOutline div:nth-child(2) > div p {
  font-size: 14px;
}

.table {
  color: #2B2171;
}
.table .tableRow div:first-child {
  width: 100px;
  flex-shrink: 0;
}

/* LOADER */
.loader {
  position: relative;
  width: 150px;
  height: 70px;
}
.loader.center {
  margin: 40px auto;
}
.loader .lCircle {
  width: 20px;
  height: 20px;
  position: absolute;
  border-radius: 50%;
  background-color: #FFFFFF;
  left: 15%;
  transform-origin: 50%;
  animation: circle 0.5s alternate infinite ease;
  top: 55px;
  height: 5px;
  border-radius: 50px 50px 25px 25px;
  transform: scaleX(1.7);
  opacity: 0;
}
.loader .lCircle:nth-child(2) {
  left: 45%;
  animation-delay: 0.2s;
}
.loader .lCircle:nth-child(3) {
  left: auto;
  right: 15%;
  animation-delay: 0.3s;
}
.loader .lShadow {
  width: 20px;
  height: 4px;
  border-radius: 50%;
  background-color: rgba(220, 91, 81, 0.5);
  position: absolute;
  top: 62px;
  transform-origin: 50%;
  z-index: -1;
  left: 15%;
  filter: blur(1px);
  animation: shadow 0.5s alternate infinite ease;
}
.loader .lShadow:nth-child(4) {
  left: 45%;
  animation-delay: 0.2s;
}
.loader .lShadow:nth-child(5) {
  left: auto;
  right: 15%;
  animation-delay: 0.3s;
}
.loader.blue .lCircle {
  background-color: #2B2171;
}
.loader.blue .lShadow {
  background-color: rgba(43, 33, 113, 0.5);
}

@keyframes circle {
  0% {
    opacity: 1;
    top: 60px;
    height: 5px;
    border-radius: 50px 50px 25px 25px;
    transform: scaleX(1.7);
  }
  40% {
    opacity: 1;
    height: 20px;
    border-radius: 50%;
    transform: scaleX(1);
    border-radius: 50%;
  }
  100% {
    opacity: 1;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    top: 0%;
    transform: scaleX(1);
  }
}
@keyframes shadow {
  0% {
    transform: scaleX(1.5);
  }
  40% {
    transform: scaleX(1);
    opacity: 0.7;
  }
  100% {
    transform: scaleX(0.2);
    opacity: 0.4;
  }
}
#header.contact .mySwiper {
  /*position: absolute;*/
  top: 0px;
  right: 0px;
  height: calc(100% + 100px) !important;
  padding: 0 0 50px;
  margin-right: 0px;
}
#header.contact .mySwiper .swiper-wrapper {
  /*padding-top: 100px;*/
}
#header.contact .mySwiper .swiper-wrapper .swiper-slide {
  margin-top: 100px !important;
}
#header.contact .swiper-pagination {
  position: relative !important;
  bottom: unset !important;
  left: unset !important;
  margin-top: auto;
  margin-bottom: 215px;
}
@media (max-width: 991.98px) {
  #header.contact .swiper-pagination {
    margin-bottom: 0px;
  }
}
#header.contact .collegaContainer {
  /*position: absolute;*/
  width: calc(100% - 40px) !important;
  height: calc(100% + 125px) !important;
  padding: 125px 50px 50px !important;
  box-shadow: 0px 10px 20px rgba(23, 20, 46, 0.25);
  display: block;
  margin: 0px 20px 40px;
  border-bottom: 20px solid #E0DEF0;
}
@media (max-width: 1199.98px) {
  #header.contact .collegaContainer {
    width: calc(100% - 30px) !important;
    margin: 0px 15px 40px;
  }
}
#header.contact .collegaContainer img {
  width: 200px;
  height: 200px;
  position: absolute;
  right: 50px;
  top: -100px;
  border-radius: 100px;
}

.swiper-pagination .swiper-pagination-bullet {
  position: relative;
  height: 18px;
  width: 18px;
  margin-left: 0px !important;
  margin-right: 8px !important;
  border-radius: 10px;
  border: 2px solid #2B2171;
  background-color: transparent;
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 10px;
  height: 10px;
  margin: auto;
  background-color: #E73459;
  opacity: 1;
  border-radius: 10px;
  transition: 0.1s ease-in-out;
}
.swiper-pagination.paginationWhite .swiper-pagination-bullet {
  border: 2px solid #FFFFFF;
}

.swiperTestimonials .content {
  padding: 20px;
}
.swiperTestimonials .content .imgContainer {
  width: 125px;
  height: 125px;
  margin-right: 20px;
  border-radius: 75px;
  overflow: hidden;
  flex-shrink: 0;
  background-size: cover;
  background-position: center;
}

.swiperTestimonialsPagination {
  position: relative !important;
  bottom: unset !important;
  left: unset !important;
}
.swiperTestimonialsPagination .swiper-pagination-bullet {
  margin: 0 0 0 7px !important;
}

.swiperFlow .swiper-slide {
  opacity: 0.5;
  transition: 0.15s ease-in-out;
}
.swiperFlow .swiper-slide .bg {
  position: relative;
  height: 150px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background-size: cover;
}
.swiperFlow .swiper-slide .content {
  min-height: 280px;
  padding: 40px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  background-color: #272446;
  color: #FFFFFF;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-top: 1px solid rgba(255, 255, 255, 0);
}
.swiperFlow .swiper-slide .content > div:first-child > div:first-child {
  width: 50px;
}
.swiperFlow .swiper-slide .content .btn {
  color: #FFFFFF;
}
.swiperFlow .swiper-slide.swiper-slide-active {
  opacity: 1;
}
.swiperFlow .swiper-slide.swiper-slide-active .content {
  background-color: #FFFFFF;
  color: #2B2171;
  border: 1px solid white;
}
.swiperFlow .swiper-slide.swiper-slide-active .content .btn {
  color: #2B2171;
}
.swiperFlow .swiper-slide.swiper-slide-active .content .btn:hover {
  color: #FFFFFF;
}

.swiperCollega {
  overflow-x: hidden;
}
.swiperCollega .item {
  width: 100%;
  max-width: 100%;
  margin: 20px 0px;
}

.swiper-btn {
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  border: 1px solid #FFFFFF;
  transition: 0.15s ease-in-out;
}
.swiper-btn svg {
  height: 16px;
}
.swiper-btn.swiper-btn-prev {
  transform: rotate(180deg);
  opacity: 0.5;
  margin-right: 7px;
}
.swiper-btn.swiper-btn-prev:hover {
  background: #E73459 !important;
  border-color: #E73459 !important;
  opacity: 1;
}
.swiper-btn.swiper-btn-prev:hover svg path {
  stroke: #FFFFFF !important;
}
.swiper-btn.swiper-btn-prev.swiper-btn-grey {
  border-color: #E0DEF0;
}
.swiper-btn.swiper-btn-prev.swiper-btn-grey svg path {
  stroke: #E0DEF0;
}
.swiper-btn.swiper-btn-next {
  background: #E73459;
  background: -webkit-linear-gradient(135deg, #E73459 0%, #B64D9C 100%);
  background: -moz-linear-gradient(135deg, #E73459 0%, #B64D9C 100%);
  background: -o-linear-gradient(135deg, #E73459 0%, #B64D9C 100%);
  background: linear-gradient(135deg, #E73459 0%, #B64D9C 100%);
  background-size: 100% 100%;
  box-shadow: 0px 0px 0px rgba(182, 77, 156, 0);
  border: none;
}
.swiper-btn.swiper-btn-next:hover {
  background-size: 400% 50px !important;
  box-shadow: 0px 3px 10px rgba(182, 77, 156, 0.65);
}

.bottomBlue {
  border-bottom: 20px solid #E0DEF0;
}

.inTKort {
  min-height: 30px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.inTKort > div:first-child {
  width: 40px;
  margin-right: 10px;
  display: flex;
  justify-content: center;
}

.readMore.active {
  position: relative;
  max-height: 350px;
  overflow-y: hidden;
  transition: max-height 0.3s ease-in-out !important;
}
.readMore.active:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100px;
  background: linear-gradient(0deg, rgb(39, 36, 70) 0%, rgba(39, 36, 70, 0) 100%);
  transition: opacity 0.3s ease-in-out !important;
  opacity: 1;
  pointer-events: none;
}
.readMore.active.open {
  max-height: 100%;
}
.readMore.active.open:after {
  opacity: 0;
}

.gmTooltip {
  padding: 10px 20px;
  font-size: 14px;
  text-align: center;
  color: #2B2171;
}
.gmTooltip .gmImg {
  height: 75px;
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
}
.gmTooltip .gmImg img {
  width: auto;
  max-height: 100%;
}

.mediabox-content {
  max-width: 1200px !important;
}

/*
.testimonialBg {
    position: relative;
    background-image: url('/Content/img/testimonial.svg');
    background-repeat: no-repeat;
    background-position: calc(50% - 250px) center;

    > div {
        position: relative;
        height: 520px;
        background-repeat: no-repeat;

        > div{
            margin-top: 100px;
        }
    }

    &:before {
        content: "";
        position: absolute;
        left: -885px;
        width: 1000px;
        height: 100%;
        background-color: $blue-700;
    }
}*/
.text-bubble {
  position: relative;
  padding: 30px 50px;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 3px 15px rgba(43, 33, 113, 0.2);
}
.text-bubble:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: -20px;
  left: 0;
  right: 0;
  margin: auto;
  border: 20px solid transparent;
  border-bottom: none;
  border-top-color: #fff;
  filter: drop-shadow(0 4px 3px rgba(43, 33, 113, 0.2));
}

.text-bubble-img {
  position: relative;
  width: 75px;
  height: 75px;
  border-radius: 100px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.text-bubble-img:after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 50%;
  width: 35px;
  height: 30px;
  background: url(/Content/img/zwieber.svg) no-repeat top left;
  background-size: contain;
}

.overlayLogo {
  position: absolute;
  top: 120px;
  right: 20px;
  width: 150px;
  height: 150px;
}
@media (max-width: 1199.98px) {
  .overlayLogo {
    width: 100px;
    height: 100px;
  }
}
.overlayLogo img {
  max-width: 100%;
  max-height: 100%;
}

/* MASTERKEUZE */
.niveauLabel {
  padding: 3px 10px;
  color: #FFFFFF;
  background-color: #E73459;
  text-align: center;
}

.nav-tabs {
  /*margin-top: 40px;*/
  margin: auto -15px 0px 0px;
  padding-left: 0px !important;
  border-bottom: none;
}
@media (max-width: 991.98px) {
  .nav-tabs {
    margin: 20px -5px 0px;
  }
  .nav-tabs li {
    width: calc(50% - 10px);
    margin: 5px 5px 5px 5px !important;
    float: left;
  }
  .nav-tabs li button {
    width: 100%;
    display: block;
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
  }
}
.nav-tabs li {
  margin-right: 5px;
}
.nav-tabs li:before {
  display: none;
}
.nav-tabs li button {
  min-width: 150px;
  padding: 10px 20px;
  color: #FFFFFF;
  border-radius: 5px;
  /*border: 1px solid $white !important;*/
  background-color: rgba(255, 255, 255, 0.25);
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  transition: 0.15s ease-in-out;
}
.nav-tabs li button.active {
  /*color: $white !important;*/
  background-color: #FFFFFF !important;
  font-family: "AxiformaBold", Arial, sans-serif;
}
.nav-tabs li button:hover {
  color: #2B2171;
  background-color: #FFFFFF;
  border-color: #FFFFFF;
}
.nav-tabs li button:focus-within {
  outline: none !important;
}

.textInImage {
  position: absolute;
  width: 100px;
  height: 40px;
  top: -18px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.text-decoration-underline {
  text-decoration: underline !important;
}

.mx--30 {
  margin: 0px -30px;
}
@media (max-width: 991.98px) {
  .mx--30 {
    margin: 0px;
  }
}

.mx--35 {
  margin: 0px -35px;
}
@media (max-width: 991.98px) {
  .mx--35 {
    margin: 0px;
  }
}

#map {
  height: 500px;
}

.navBtns {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.navBtns .carousel-next,
.navBtns .carousel-prev {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  border-color: #FFFFFF;
}
.navBtns .carousel-next svg path,
.navBtns .carousel-prev svg path {
  stroke: #FFFFFF;
}
.navBtns .carousel-next:hover,
.navBtns .carousel-prev:hover {
  border-color: #E73459;
}
.navBtns .carousel-prev {
  left: -60px;
}
@media (max-width: 991.98px) {
  .navBtns .carousel-prev {
    left: 30px;
    bottom: -40px;
    top: auto;
  }
}
.navBtns .carousel-next {
  right: -60px;
}
@media (max-width: 991.98px) {
  .navBtns .carousel-next {
    right: 30px;
    bottom: -40px;
    top: auto;
  }
}

.masterKenmerken {
  padding: 3px 0px;
  border-bottom: 1px solid rgba(43, 33, 113, 0.05);
}
.masterKenmerken .kenmerk {
  width: 300px;
}
@media (max-width: 991.98px) {
  .masterKenmerken .kenmerk {
    width: 150px;
  }
}
.masterKenmerken > div:first-child {
  width: 60px;
}

.masterBeoordeling {
  padding: 3px 0px;
  border-bottom: 1px solid rgba(43, 33, 113, 0.05);
}
.masterBeoordeling .kenmerk {
  width: 300px;
}
@media (min-width: 768px) {
  .masterBeoordeling > div:first-child {
    margin-left: 60px;
  }
}

#toelaatbaartekst {
  margin-bottom: 10px;
  padding: 7px 20px;
  background-color: #E0DEF0;
  border-radius: 20px;
  display: inline-block;
}

.grayLogo {
  filter: grayscale(100%) !important;
}

.cmsContent h1, .cmsContent h2, .cmsContent h3,
.cmsContent h4, .cmsContent h5, .cmsContent h6 {
  font-size: 16px !important;
}

/* SHARED */
.item {
  position: relative;
  margin-bottom: 10px;
}
.item .bg {
  position: relative;
  height: 150px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background-size: cover;
  background-position: center;
  background-color: #FFFFFF;
}
.item .bg:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #000;
  opacity: 0.5;
  transition: 0.15s ease-in-out;
}
.item.blog .bg:before {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
@media (max-width: 991.98px) {
  .item.blog .bg:before {
    opacity: 0;
  }
}
.item:not(.tip-item):hover .bg:before {
  opacity: 0.15;
}
.item .logoBlock img {
  filter: grayscale(1);
}
.item.IsSkp .logoBlock > img {
  filter: grayscale(0);
}
.item .bg.IsNoSkp {
  background-image: none !important;
}
@media (max-width: 991.98px) {
  .item .bg.IsNoSkp {
    height: 75px !important;
  }
  .item .bg.IsNoSkp .logoBlock {
    left: 25px !important;
  }
}
.item .bg.IsNoSkp:before {
  display: none !important;
}
.item .bg.IsNoSkp .logoBlock {
  left: 0;
  right: 0;
  margin: auto;
  box-shadow: none;
  transform: scale(1);
}

.bg ~ .logoBlock,
.bg .logoBlock {
  position: absolute;
  width: 120px;
  height: 120px;
  padding: 15px;
  background-color: #FFFFFF;
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  z-index: 1;
  transform: scale(0.85);
  transition: 0.15s ease-in-out;
}
.bg ~ .logoBlock img,
.bg .logoBlock img {
  width: auto;
  max-width: 100%;
  max-height: 100%;
}

/* VACATURES */
.col-lg-6 .vacature-item img {
  max-width: 90%;
}
@media (max-width: 991.98px) {
  .col-lg-6 .vacature-item img {
    max-width: 50%;
  }
}
.col-lg-6 .vacature-item .row .row > div:nth-child(1),
.col-lg-6 .vacature-item .row .row > div:nth-child(2) {
  flex: 0 0 50%;
  max-width: 50%;
}
.col-lg-6 .vacature-item .row .row > div:nth-child(3) {
  flex: 0 0 100%;
  max-width: 100%;
  margin-top: 5px !important;
}

.vacature-item img {
  width: auto;
  max-width: 70%;
  max-height: 100px;
}
.vacature-item img.icon {
  height: 25px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .vacature-item img {
    max-width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .vacature-item img {
    max-width: 30%;
  }
}
@media (max-width: 767.98px) {
  .vacature-item img {
    max-width: 30%;
  }
}
.vacature-item.col-lg-6 img {
  max-width: 100%;
}
.vacature-item .content.whiteSolid {
  padding: 40px 30px;
}
.vacature-item.spotlight:hover .logoBlock {
  transform: scale(1) !important;
}
.vacature-item.spotlight .content {
  background: #E73459;
  background: -webkit-linear-gradient(135deg, #E73459 0%, #B64D9C 100%);
  background: -moz-linear-gradient(135deg, #E73459 0%, #B64D9C 100%);
  background: -o-linear-gradient(135deg, #E73459 0%, #B64D9C 100%);
  background: linear-gradient(135deg, #E73459 0%, #B64D9C 100%);
  background-size: 100% 100%;
  box-shadow: 0px 0px 0px rgba(182, 77, 156, 0);
}
@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.vacature-item.spotlight .logoBlock {
  width: 170px;
  height: 170px;
  top: 0;
  bottom: 0;
  left: -85px;
  margin: auto;
}
.vacature-item.spotlight .bg {
  height: calc(100% - 20px);
  border-radius: 5px;
  background-color: transparent;
}
.vacature-item.spotlight .bg:before {
  border-radius: 5px;
  display: none;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .vacature-item.spotlight .bg .logoBlock {
    left: -85px;
    transform: scale(1);
  }
}
@media (max-width: 991.98px) {
  .vacature-item.spotlight .bg {
    background-color: transparent;
    margin-bottom: 15px;
  }
  .vacature-item.spotlight .bg:before {
    display: none;
  }
  .vacature-item.spotlight .bg .logoBlock {
    position: relative;
    left: 0px;
    margin: 0px;
    transform: scale(1);
  }
}

/* EVENEMENTEN */
.evenement-item {
  margin-bottom: 20px;
}
.evenement-item:not(.spotlight) {
  min-height: 350px;
}
.evenement-item .bg {
  height: 125px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.evenement-item .bg ~ .logoBlock {
  top: 65px;
  left: 35px;
  transform: scale(0.85);
}
.evenement-item .bg ~ .content {
  padding-top: 75px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.evenement-item .bg:before {
  display: none;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
.evenement-item .favorite {
  top: 145px;
}
.evenement-item:hover .logoBlock {
  transform: scale(1);
}
.evenement-item.spotlight {
  min-height: 250px;
}
.evenement-item.spotlight .content {
  padding: 30px 430px 30px 40px;
  background: #E73459;
  background: -webkit-linear-gradient(135deg, #E73459 0%, #B64D9C 100%);
  background: -moz-linear-gradient(135deg, #E73459 0%, #B64D9C 100%);
  background: -o-linear-gradient(135deg, #E73459 0%, #B64D9C 100%);
  background: linear-gradient(135deg, #E73459 0%, #B64D9C 100%);
  background-size: 100% 100%;
  /*background-size: 400% 400%;
  animation: gradient 15s ease infinite;*/
  box-shadow: 0px 0px 0px rgba(182, 77, 156, 0);
}
.evenement-item.spotlight .content h2 {
  font-size: 36px;
}
@media (max-width: 1199.98px) {
  .evenement-item.spotlight .content {
    padding: 30px 320px 30px 30px;
  }
  .evenement-item.spotlight .content h2 {
    font-size: 21px;
  }
}
@media (max-width: 767.98px) {
  .evenement-item.spotlight .content {
    padding: 200px 30px 30px 30px;
  }
}
@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.evenement-item.spotlight .favorite {
  top: 30px;
  right: 45px;
}
.evenement-item.spotlight .favorite svg path {
  stroke: #FFFFFF;
}
.evenement-item.spotlight .favorite.isFavorite svg path {
  fill: #FFFFFF;
}
@media (max-width: 767.98px) {
  .evenement-item.spotlight .favorite {
    top: 145px;
  }
}
.evenement-item.spotlight .bg {
  position: absolute;
  top: 10px;
  right: 25px;
  width: 310px;
  height: calc(100% - 20px);
  border-radius: 5px;
}
.evenement-item.spotlight .bg:before {
  border-radius: 5px;
}
.evenement-item.spotlight .bg .logoBlock {
  width: 170px;
  height: 170px;
  top: 0;
  bottom: 0;
  left: -85px;
  margin: auto;
}
@media (max-width: 1199.98px) {
  .evenement-item.spotlight .bg {
    width: 225px;
  }
  .evenement-item.spotlight .bg .logoBlock {
    width: 140px;
    height: 140px;
    left: -70px;
  }
}
@media (max-width: 767.98px) {
  .evenement-item.spotlight .bg {
    width: 100%;
    height: 125px;
    top: 0px;
    right: unset;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }
  .evenement-item.spotlight .bg .logoBlock {
    width: 120px;
    height: 120px;
    top: unset;
    bottom: -60px;
    left: 30px;
  }
}

/* WERKGEVERS */
.onderwijsinstelling-item {
  /*    min-height: 180px;*/
}
.onderwijsinstelling-item .niveau {
  width: 60px;
  height: 50px;
}
.onderwijsinstelling-item .bg {
  width: 250px;
  height: 100%;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 0px;
}
.onderwijsinstelling-item .bg:before {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 0px;
}
@media (max-width: 991.98px) {
  .onderwijsinstelling-item .bg:before {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }
}
@media (max-width: 991.98px) {
  .onderwijsinstelling-item .bg {
    width: 100%;
    height: 125px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }
}
.onderwijsinstelling-item .bg .logoBlock {
  width: 140px;
  height: 140px;
  top: 0;
  bottom: 0;
  left: -70px;
  margin: auto;
}
@media (max-width: 991.98px) {
  .onderwijsinstelling-item .bg .logoBlock {
    top: unset;
    left: 15px;
    right: auto !important;
    bottom: -70px;
  }
}
.onderwijsinstelling-item .bg .logoBlock.isQompasRecruitment {
  background: #E73459;
  background: -webkit-linear-gradient(135deg, #E73459 0%, #B64D9C 100%);
  background: -moz-linear-gradient(135deg, #E73459 0%, #B64D9C 100%);
  background: -o-linear-gradient(135deg, #E73459 0%, #B64D9C 100%);
  background: linear-gradient(135deg, #E73459 0%, #B64D9C 100%);
  background-size: 100% 100%;
  box-shadow: 0px 0px 0px rgba(182, 77, 156, 0);
}
.onderwijsinstelling-item .bg ~ .content {
  /*padding-left: 100px;*/
}
.onderwijsinstelling-item .bg ~ .content > div > div {
  min-height: 26px;
}
@media (max-width: 991.98px) {
  .onderwijsinstelling-item .bg ~ .content {
    padding: 75px 25px 30px;
  }
}
.onderwijsinstelling-item img {
  width: 50px;
}
@media (max-width: 991.98px) {
  .onderwijsinstelling-item .favorite {
    top: 145px;
  }
}
.onderwijsinstelling-item:hover .logoBlock {
  transform: scale(1);
}

/* COLLEGA & BLOGS */
.blog-item .content,
.collega-item .content {
  min-height: 350px;
  padding: 30px 25px;
  background-position: center;
  background-size: 100%;
  border-radius: 10px;
  transition: 0.15s ease-in-out;
}
.blog-item .content:before,
.collega-item .content:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background: linear-gradient(0deg, rgba(39, 36, 70, 0.8) 0%, rgba(39, 36, 70, 0.2) 50%, rgba(39, 36, 70, 0) 100%);
}
.blog-item .content > div,
.collega-item .content > div {
  position: relative;
  z-index: 1001;
}
.blog-item .content > div h3,
.collega-item .content > div h3 {
  margin-bottom: 20px;
  color: #FFFFFF;
}
.blog-item .text-tertiary,
.collega-item .text-tertiary {
  transition: 0.15s ease-in-out;
}
.blog-item a.clickable,
.collega-item a.clickable {
  border-radius: 10px;
  /*transition: none;*/
}
.blog-item a.clickable:hover .text-tertiary,
.collega-item a.clickable:hover .text-tertiary {
  color: #E73459;
}
.blog-item a.clickable:hover .text-tertiary svg,
.collega-item a.clickable:hover .text-tertiary svg {
  margin-left: 20px !important;
}
.blog-item a.clickable:hover .text-tertiary svg path,
.collega-item a.clickable:hover .text-tertiary svg path {
  stroke: #E73459;
}

.collega-item .content {
  background-size: cover;
  transform: scale(1);
}
.collega-item a:hover .content {
  transform: scale(1.05);
}
.collega-item a:hover svg {
  margin-left: 20px !important;
}
.collega-item a:hover svg path {
  fill: transparent;
  stroke: #E73459;
}
.collega-item .noPhoto {
  background: linear-gradient(0deg, rgb(39, 36, 70) 0%, rgb(39, 36, 70) 45%, rgb(57, 53, 98) 60%, rgb(90, 85, 141) 100%);
}

.blog-item {
  border-radius: 10px;
  overflow: hidden;
}
.blog-item:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(23, 20, 46, 0.5);
  pointer-events: none;
  transition: 0.15s ease-in-out;
}
.blog-item .bgUitgelicht {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  border-radius: 10px;
  transform: scale(1);
  transition: 0.15s ease-in-out;
}
.blog-item:hover .bgUitgelicht {
  transform: scale(1.1);
}
.blog-item:hover .content {
  background-size: 115%;
}
.blog-item:hover:after {
  opacity: 0.5;
}

.col-lg-8 .blog-item .content {
  min-height: 450px;
}
@media (max-width: 991.98px) {
  .col-lg-8 .blog-item .content {
    min-height: 300px;
  }
}

.col-lg-4 .blog-item .content {
  min-height: 220px;
}

/* TIP ITEM */
.tip-item {
  /*&.item:hover .bg:before{ 
      opacity: .5 !important;
  }*/
}
.tip-item .content {
  padding: 35px 40px;
}
.tip-item .bg:before {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.tip-item .bg.opacity:before {
  opacity: 0.15;
}

.tool-item .content {
  padding: 40px;
  border-radius: 5px;
  background: rgb(57, 44, 77);
  background: linear-gradient(0deg, rgb(57, 44, 77) 0%, rgb(76, 29, 106) 50%, rgb(57, 44, 77) 100%);
}
.tool-item .content h2 {
  line-height: 1.5;
}

/* MASTERKEUZE */
.opleiding-item .bg {
  height: 200px;
  background-position: center;
  background-size: cover;
  border-radius: 0px !important;
  transform: scale(1);
  transition: 0.15s ease-in-out;
}
.opleiding-item .bg:before {
  display: none !important;
}
.opleiding-item:hover .bg {
  transform: scale(1.05);
}

.volgende-open-dag-item {
  display: flex;
  height: 100%;
}
@media (min-width: 768px) {
  .volgende-open-dag-item {
    margin-bottom: 0px;
  }
}
.volgende-open-dag-item .content.whiteSolid {
  min-height: 225px;
  background-color: rgba(43, 33, 113, 0.2) !important;
  border-radius: 0px !important;
}

.onderwijsinstelling-opleiding-item .logoContainer {
  position: absolute;
  width: 100px;
  height: 100px;
  top: 10px;
  right: 10px;
  padding: 5px;
}

@media (max-width: 991.98px) {
  .mastermatchmaker-item .bg ~ .content {
    padding: 20px 25px 30px;
  }
}

/* ALGEMEEN */
.tooltipPointer {
  position: absolute;
  width: 60px;
  height: 60px;
  top: 5px;
  left: 4px;
  border-radius: 0 0 0 5px;
  background: #E73459;
  clip-path: polygon(0% 0%, 100% 100%, 0% 100%);
  transform: rotate(90deg);
  z-index: 100;
}
.tooltipPointer img {
  position: relative;
  top: 30px;
  left: 15px;
  right: 0;
  width: auto;
  height: 24px;
  transform: rotate(270deg);
  z-index: 1001;
}

.tooltipCircle {
  position: relative;
  width: 20px;
  height: 20px;
  background: #E73459;
  border-radius: 20px;
  display: inline-block;
  top: 5px;
  right: 5px;
}
.tooltipCircle img {
  position: absolute;
  margin: auto;
  width: auto;
  height: 13px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.tooltip {
  padding: 0px;
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.25);
  border-radius: 5px !important;
}
.tooltip.bs-tooltip-top {
  top: -10px !important;
}
.tooltip.bs-tooltip-top .arrow:before {
  border-width: 15px 15px 0;
  border-top-color: #FFFFFF;
}
.tooltip.bs-tooltip-bottom {
  top: 10px !important;
}
.tooltip.bs-tooltip-bottom .arrow:before {
  border-width: 0 15px 15px;
  border-bottom-color: #FFFFFF;
}
.tooltip.show {
  opacity: 1;
}
.tooltip .tooltip-inner {
  max-width: 350px;
  padding: 20px 25px;
  color: #2B2171;
  background-color: #FFFFFF;
  font-family: "AxiformaRegular", Arial, sans-serif;
  border-radius: 5px;
}
.tooltip .arrow {
  width: 30px;
}

[data-toggle=tooltip] {
  cursor: help;
}

.favorite {
  position: absolute;
  width: 28px;
  height: auto;
  top: 25px;
  right: 35px;
  cursor: pointer;
}
.favorite:hover svg path {
  fill: #E73459;
}
@media (hover: none) {
  .favorite:hover svg path {
    fill: transparent;
  }
}
.favorite.isFavorite {
  animation: heartbeat 10s infinite;
}
.favorite.isFavorite svg path {
  fill: #E73459;
}

@keyframes heartbeat {
  0% {
    transform: scale(1);
  }
  2% {
    transform: scale(1.25);
  }
  4% {
    transform: scale(1);
  }
  6% {
    transform: scale(1.25);
  }
  8% {
    transform: scale(1);
  }
  10% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
/* FILTER */
@media (max-width: 991.98px) {
  #filter {
    position: relative;
    width: 100vw;
    transition: 0.15s ease-in-out;
    z-index: 1010;
    display: none;
  }
  #filter #submitFilter {
    position: fixed;
    width: calc(100vw - 80px);
    left: -100vw;
    bottom: 20px;
    margin: auto;
  }
  #filter.active {
    display: block;
  }
  #filter.active #submitFilter {
    left: 40px;
  }
}
#filter .accordionBtn {
  color: #E73459;
}
#filter .accordionBtn:hover {
  color: #E73459;
}
#filter .accordionBtn:hover svg path {
  stroke: #E73459;
}

.amountOfResults {
  width: 15px;
  text-align: center;
  color: rgba(43, 33, 113, 0.25);
  flex-shrink: 0;
}

#filter .form-check:hover .amountOfResults {
  color: #E73459;
}

.activeFilters .btn-small {
  padding: 3px 20px !important;
  display: inline-flex;
}
.activeFilters .btn-small:hover line {
  stroke: #FFFFFF;
}

.ui-autocomplete {
  max-height: 300px;
  padding: 5px 0 !important;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 2000;
  box-shadow: 0 3px 15px rgba(43, 33, 113, 0.2);
  border: none !important;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 1009 !important;
  background-color: #FFFFFF;
}
.ui-autocomplete li div {
  padding: 3px 15px !important;
  color: #2B2171;
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF;
  font-family: "AxiformaRegular", Arial, sans-serif;
  font-size: 16px;
  transition: 0.15s ease-in-out;
}
.ui-autocomplete li div:hover {
  color: #2B2171;
  background-color: #F8F7FF;
  border: 1px solid #F8F7FF;
}
.ui-autocomplete li div span {
  font-weight: 700;
  background-color: #F8F7FF;
}
.ui-autocomplete li div.ui-state-active {
  background: #F8F7FF;
  border: 1px solid #F8F7FF;
  color: #2B2171;
  margin: 0px !important;
}

#favoriteNotification {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 500px;
  height: 500px;
  max-width: 100vw;
  display: flex;
  flex-direction: column-reverse;
  z-index: 10000;
  pointer-events: none;
}
@media (max-width: 767.98px) {
  #favoriteNotification {
    width: 100%;
    bottom: 0px;
    right: 0px;
  }
}

.notification {
  left: 600px;
  padding: 40px 20px 40px 125px !important;
  box-shadow: 0px 3px 15px rgba(43, 33, 113, 0.2);
}
@media (max-width: 767.98px) {
  .notification {
    padding: 40px 10px 40px 175px !important;
    border-radius: 0px !important;
  }
}
.notification.noImg {
  padding: 40px !important;
}
.notification .img {
  position: absolute;
  height: 150px;
  top: 0;
  bottom: 0;
  left: -75px;
  margin: auto;
}
@media (max-width: 767.98px) {
  .notification .img {
    left: 10px;
  }
}
.notification .img .roundImg {
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.5);
}
.notification.error {
  padding: 0px !important;
}
.notification.error > div:first-child {
  padding: 40px 50px;
  background-color: #E73459;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.notification.error > div:nth-child(2) {
  padding: 40px 20px;
}

body.home {
  /* VIDEO BEGIN */
  /* VIDEO END */
  /*.swiper,
  .swiperRtl {
      width: 100%;
      overflow: hidden;

      .swiper-slide {*/
  /*pointer-events: none !important;
          touch-action: none !important;*/
  /*padding: 10px;
          background-color: rgba($white, .25);
          border-radius: 5px;
          transition: .15s ease-in-out;

          img {
              width: auto;
              height: auto;
              max-width: 100%;
              max-height: 100%;
              opacity: 1;*/
  /*-webkit-filter: grayscale(100%);
              filter: grayscale(100%);*/
  /*}

          &:hover {
              background-color: rgba($white, 1);
          }
      }
  }*/
}
body.home nav.navbar {
  background-color: transparent;
  transition: all 0.15s ease-in-out, width 0s ease-in-out !important;
}
body.home nav.navbar:not(.posFix):not(.scrollUp) .navbar-toggler > div {
  background-color: #FFFFFF;
}
body.home nav.navbar:not(.posFix):not(.scrollUp) .navbar-toggler.active > div {
  background-color: #2B2171;
}
@media (min-width: 992px) {
  body.home nav.navbar:not(.posFix):not(.scrollUp) #menuItems a {
    color: #FFFFFF;
  }
  body.home nav.navbar:not(.posFix):not(.scrollUp) #menuItems a:hover {
    color: #E73459;
  }
}
@media (max-width: 991.98px) {
  body.home nav.navbar #menuItems {
    top: 0px;
    min-height: 100vh;
    min-height: -webkit-fill-available;
  }
}
body.home nav.navbar .dropdown-menu a {
  color: #2B2171 !important;
}
body.home nav.navbar .dropdown-menu a:hover {
  color: #E73459 !important;
}
body.home .videoContainer {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
body.home .videoContainer video {
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
body.home h1 {
  margin-bottom: 75px;
  font-size: 76px;
}
@media (max-width: 1199.98px) {
  body.home h1 {
    margin-bottom: 30px;
    font-size: 42px;
  }
}
body.home #header.home {
  height: 100vh;
  min-height: 800px;
  color: #FFFFFF;
  background-size: cover;
  background-position: center;
  background-image: url("/Content/img/homeheader-placeholder2.jpg");
}
@media (max-width: 991.98px) {
  body.home #header.home {
    min-height: 600px;
    background-position: calc(50% + 150px) 50%;
  }
}
body.home #header.home:before, body.home #header.home:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
body.home #header.home:before {
  background-image: url(/Content/img/q-wit.svg);
  background-size: 120%;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.15;
}
body.home #header.home:after {
  background: rgb(37, 33, 70);
  background: linear-gradient(0deg, rgb(39, 36, 70) 0%, rgba(143, 51, 125, 0.75) 45%, rgba(143, 51, 125, 0.6) 60%, rgba(87, 24, 132, 0.5) 100%);
}
body.home #header.home ul li {
  margin-bottom: 15px;
  font-family: "AxiformaBook", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.4em;
}
@media (max-width: 991.98px) {
  body.home #header.home ul li {
    font-size: 14px;
  }
}
body.home #header.home ul li:before {
  top: 10px;
  background-color: #FFFFFF;
}
body.home #header.home ul li:last-child {
  margin-bottom: 0px;
}
body.home #header.home ul li span {
  display: block;
  font-family: "AxiformaRegular", Arial, sans-serif;
  font-size: 16px;
}
body.home #header.home .container {
  top: 0px;
}
@media (min-width: 992px) {
  body.home #header.home .container > .row:nth-child(2) > div:first-child:before, body.home #header.home .container > .row:nth-child(2) > div:first-child:after {
    position: absolute;
    content: "";
    width: 20px;
    right: 0px;
    background: inherit;
    border-left: 1px solid #FFFFFF;
  }
  body.home #header.home .container > .row:nth-child(2) > div:first-child:before {
    top: -10px;
    height: calc(50% - 10px);
    border-bottom: 1px solid #FFFFFF;
    transform-origin: left bottom;
    transform: skewY(45deg);
  }
  body.home #header.home .container > .row:nth-child(2) > div:first-child:after {
    bottom: 10px;
    height: calc(50% - 10px);
    border-top: 1px solid #FFFFFF;
    transform-origin: right top;
    transform: skewY(315deg);
  }
}
body.home .col-lg-5.roundImgContainer .roundImg:after {
  width: 175px;
  height: 145px;
  bottom: -55px;
}
@media (max-width: 991.98px) {
  body.home .col-lg-5.roundImgContainer {
    margin-bottom: 75px;
  }
}
body.home .roundImgContainer .roundImg {
  transition: 0.25s ease-in-out;
}
body.home .roundImgContainer .roundImg.tools {
  background-image: url("/Content/img/sollicitatietools.jpg");
}
body.home .roundImgContainer .roundImg.werkgevers {
  background-image: url("/Content/img/werkgevers-zoeken.jpg");
}
body.home .roundImgContainer .roundImg.solliciteren {
  background-image: url("/Content/img/solliciteren.jpg");
}
body.home .swiperBig .swiper-slide, body.home .swiperSmall .swiper-slide {
  padding: 20px;
  background-color: rgba(255, 255, 255, 0.25);
  border-radius: 5px;
  transition: background-color 0.15s ease-in-out;
}
body.home .swiperBig .swiper-slide img, body.home .swiperSmall .swiper-slide img {
  max-width: 100%;
  max-height: 100%;
}
body.home .swiperBig .swiper-slide:hover, body.home .swiperSmall .swiper-slide:hover {
  background-color: white;
}
body.home .swiperBig {
  height: 150px;
  margin: 50px 0;
}
@media (max-width: 991.98px) {
  body.home .swiperBig {
    margin: 25px 0;
  }
}
body.home .swiperBig .swiper-slide {
  width: 300px !important;
  padding: 20px;
}
@media (max-width: 991.98px) {
  body.home .swiperBig .swiper-slide {
    width: 175px !important;
  }
}
@media (max-width: 991.98px) {
  body.home .swiperBig .swiper-slide img {
    max-width: 150px;
    max-height: 100px;
  }
}
body.home .swiperSmall {
  height: 75px;
}
body.home .swiperSmall .swiper-slide {
  width: 150px !important;
  height: 75px;
  padding: 10px 25px;
}
body.home .swiper-wrapper {
  transition-timing-function: linear;
}

body.error {
  min-height: 100vh;
}
body.error .roundImgContainer {
  right: -15px;
}
@media (min-width: 768px) {
  body.error .roundImgContainer {
    padding-top: 41.66667%;
  }
}
@media (max-width: 991.98px) {
  body.error .roundImgContainer {
    padding-top: 100%;
    right: 0px;
  }
}
body.error .roundImgContainer .roundImg.zwieber:after {
  bottom: -98px;
  width: 200px;
  height: 200px;
}
body.error #header > .container {
  padding-bottom: 100px;
}
@media (max-width: 991.98px) {
  body.error #header > .container {
    padding-bottom: 30px;
  }
}

/* BLOG */
.blogContent {
  position: relative;
  z-index: 1001;
}
.blogContent .intro {
  margin-bottom: 30px;
  font-size: 21px;
  font-family: "AxiformaBold", Arial, sans-serif;
}
.blogContent p:not(.intro) {
  line-height: 1.8em;
}
.blogContent q {
  margin: 50px 0;
  padding-left: 50px;
  display: block;
  border-left: 10px solid #E73459;
  font-size: 24px;
  font-family: "AxiformaBlack", Arial, sans-serif;
}
.blogContent h2 {
  margin: 25px 0 10px;
  font-size: 21px;
  font-family: "AxiformaBold", Arial, sans-serif;
}

/* EVENEMENTSINGLE */
.logoContainer {
  width: 250px;
  height: 250px;
  padding: 15px;
  background-color: #FFFFFF;
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  z-index: 1;
}
.logoContainer img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

/* WERKGEVERSINGLE */
.logo {
  max-width: 235px;
  max-height: 150px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .logo {
    max-width: 175px;
  }
}
@media (max-width: 991.98px) {
  .logo {
    max-height: 100px;
  }
}

/* CARRIEREDAGEN */
#carriereDagen > .container > .row:not(:last-child) {
  position: relative;
  padding-bottom: 150px;
}
#carriereDagen > .container > .row:not(:last-child):before {
  content: "";
  position: absolute;
  left: 40px;
  width: 1px;
  height: 100%;
  background-image: linear-gradient(#FFFFFF 33%, rgba(255, 255, 255, 0) 0%);
  background-position: right;
  background-size: 10px 10px;
  background-repeat: repeat-y;
}
#carriereDagen > .container > .row:nth-child(4) {
  padding-bottom: 250px;
}
#carriereDagen > .container > .row:last-child {
  position: relative;
}
#carriereDagen > .container > .row:last-child:before {
  content: "";
  position: absolute;
  left: 40px;
  width: 50%;
  height: 1px;
  background-image: linear-gradient(to right, #FFFFFF 33%, rgba(255, 255, 255, 0) 0%);
  background-position: right;
  background-size: 10px 10px;
  background-repeat: repeat-x;
}
#carriereDagen > .container > .row:last-child a div {
  position: relative;
  top: -30px;
}
#carriereDagen h2:not(.stepNumber) {
  margin-top: 8px;
}
#carriereDagen .stepNumber {
  width: 50px;
  height: 50px;
  border: 2px solid #FFFFFF;
  border-radius: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #272446;
}
#carriereDagen textarea {
  height: 100px;
}
#carriereDagen .stap3 .content.whiteSolid {
  position: relative;
  min-height: 250px;
}
@media (min-width: 1200px) {
  #carriereDagen .stap3 .content.whiteSolid {
    height: 100%;
  }
  #carriereDagen .stap3 .content.whiteSolid .row {
    height: 100%;
  }
}
@media (max-width: 1199.98px) {
  #carriereDagen .stap3 .content.whiteSolid {
    height: calc(100% - 50px);
    margin-top: 50px;
  }
}
#carriereDagen .stap3 .content.whiteSolid .col-lg-8 {
  min-height: 200px;
  display: flex;
  flex-direction: column;
}
#carriereDagen .stap3 .content.whiteSolid .contentBlockImg {
  position: absolute;
  top: -50px;
  right: 10px;
}
@media (max-width: 1199.98px) {
  #carriereDagen .stap3 .content.whiteSolid .contentBlockImg {
    position: relative;
    top: 0px;
    margin-top: -50px;
  }
}

body.home #header.home.carriereHeader {
  background-image: url(/Content/img/carrieredagen/eventHeader.jpg);
}
@media (min-width: 1200px) {
  body.home #header.home.carriereHeader {
    height: 100%;
    min-height: 100vh;
  }
}
@media (max-width: 1199.98px) {
  body.home #header.home.carriereHeader {
    height: auto !important;
    min-height: unset !important;
  }
}
body.home #header.home.carriereHeader:after {
  background: linear-gradient(0deg, rgb(39, 36, 70) 0%, rgba(143, 51, 125, 0.9) 45%, rgba(143, 51, 125, 0.85) 60%, rgba(87, 24, 132, 0.8) 100%);
}
body.home #header.home.carriereHeader .polaroidPicture {
  position: relative;
  padding: 20px;
  background-color: #FFFFFF;
  border-radius: 3px;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
  transform: rotate(5deg);
}
@media (max-width: 1199.98px) {
  body.home #header.home.carriereHeader .polaroidPicture {
    margin: 50px 30px;
  }
}
body.home #header.home.carriereHeader .polaroidPicture .polaroidImage img {
  width: 100%;
}
body.home #header.home.carriereHeader .polaroidPicture .polaroidText {
  margin: 20px 0 0;
  color: #2B2171;
  font-family: "Kalam", cursive;
  font-size: 18px;
  line-height: 1.2em;
}

.scroll-btn {
  position: relative;
  margin-top: 50px;
  display: flex;
  align-items: center;
  cursor: pointer;
  animation: scroll-btn 1s ease-in-out alternate infinite;
  opacity: 0.5;
  transition: opacity 0.15s ease-in-out;
}
.scroll-btn:hover {
  opacity: 1;
}
.scroll-btn svg {
  fill: #F8F7F2;
  height: 50px;
  width: 32px;
  margin-right: 20px;
}
.scroll-btn svg .animated {
  animation: scroll-down 2s infinite linear;
}
.scroll-btn svg .ball {
  animation: ball-move 2s infinite ease-in-out;
}

#talentCoaches a {
  color: #FFFFFF;
}
#talentCoaches a svg g path {
  fill: #FFFFFF !important;
}
#talentCoaches a:hover {
  color: #E73459;
}
#talentCoaches a:hover svg g path {
  fill: #E73459 !important;
}

.grid {
  width: 100%;
}
.grid .grid-sizer,
.grid .grid-item {
  width: 33.33%;
  padding: 10px;
}
.grid .grid-sizer img,
.grid .grid-item img {
  width: 100%;
  border-radius: 5px;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
  transition: 0.15s ease-in-out;
  cursor: pointer;
}
.grid .grid-sizer img:hover,
.grid .grid-item img:hover {
  box-shadow: 0px 3px 25px rgba(0, 0, 0, 0.5);
}
.grid .grid-item--width2 {
  width: 66.66%;
}

@keyframes scroll-down {
  0% {
    stroke-dasharray: 0, 180px;
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  60% {
    opacity: 0.8;
    stroke-dasharray: 215.7737px, 363.607px;
  }
  70% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes ball-move {
  0% {
    opacity: 0;
    transform: translateY(0px);
  }
  5% {
    opacity: 1;
    transform: translateY(0px);
  }
  50% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  60% {
    opacity: 0.8;
    transform: translateY(13px);
  }
  70% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translateY(10px);
  }
}
.logoTopCorner {
  position: absolute;
  width: 250px;
  height: 100px;
  top: 5px;
  right: 0px;
}
.logoTopCorner img {
  width: auto;
  max-width: 100%;
  max-height: 100%;
}

/* SOLLICITATIEGIDS PARTIAL */
#sollicitatiegids {
  position: relative;
  padding: 50px 0px;
  color: #FFFFFF;
  background: rgb(222, 93, 83);
  background: linear-gradient(90deg, #E73459 0%, #E73459 30%, #B64D9C 100%);
  z-index: 1001;
}
#sollicitatiegids:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url("/Content/img/patroon-sollicitatiegids.svg") calc(50% + 250px) -350px no-repeat;
  background-size: auto 200%;
  opacity: 1;
}
#sollicitatiegids img {
  position: absolute;
  width: auto;
  height: calc(100% + 200px);
  top: -100px;
  box-shadow: 0 0 60px rgba(69, 14, 66, 0.6);
}

ul.whiteNumbered {
  margin: 20px 0px 40px;
  padding-left: 20px;
  list-style-type: none;
}
ul.whiteNumbered li {
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  font-size: 21px;
}
@media (max-width: 1199.98px) {
  ul.whiteNumbered li {
    font-size: 18px;
  }
}
ul.whiteNumbered li .number {
  width: 30px;
  height: 30px;
  margin-right: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border: 1px solid #FFFFFF;
  border-radius: 20px;
  font-family: "AxiformaBlack", Arial, sans-serif;
}
ul.whiteNumbered.blueNumbered li {
  font-size: 18px;
}
ul.whiteNumbered.blueNumbered li .number {
  border: 1px solid #2B2171;
}

/* BEDRIJFSCULTUUR */
#bedrijfsCultuur .score {
  margin: 10px -5px 0;
}
#bedrijfsCultuur .score > div {
  height: 4px;
  margin: 0 5px;
  background-color: #E0DEF0;
}
#bedrijfsCultuur .score > div.active {
  height: 14px;
  margin: 0 3px;
  border-radius: 10px;
  background: #E73459;
  background: -webkit-linear-gradient(135deg, #E73459 0%, #B64D9C 100%);
  background: -moz-linear-gradient(135deg, #E73459 0%, #B64D9C 100%);
  background: -o-linear-gradient(135deg, #E73459 0%, #B64D9C 100%);
  background: linear-gradient(135deg, #E73459 0%, #B64D9C 100%);
}

/* BLOGS */
#blogs, #opendagen {
  overflow: hidden;
}
@media (max-width: 991.98px) {
  #blogs .row:first-child > div:first-child, #opendagen .row:first-child > div:first-child {
    padding-bottom: 260px;
  }
}
#blogs .container .row:first-child .col-lg-7, #opendagen .container .row:first-child .col-lg-7 {
  position: relative;
  z-index: 1002;
}
#blogs .content.whiteSolid, #opendagen .content.whiteSolid {
  position: relative;
  padding: 45px 60px;
  box-shadow: 0 20px 60px rgba(182, 77, 156, 0.35);
}
@media (max-width: 991.98px) {
  #blogs .content.whiteSolid, #opendagen .content.whiteSolid {
    padding: 25px 15px;
  }
}
#blogs .scrollingCards, #opendagen .scrollingCards {
  position: absolute;
  width: 100000px;
  height: 300px;
  top: 0px;
  bottom: 0px;
  margin: auto -15px;
  left: 41.66667%;
  transition: left 0.5s;
  z-index: 0;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  #blogs .scrollingCards, #opendagen .scrollingCards {
    left: 58.33334%;
  }
}
@media (max-width: 991.98px) {
  #blogs .scrollingCards, #opendagen .scrollingCards {
    height: unset;
    top: unset;
    bottom: 30px;
    left: 10px;
    margin: -15px -15px;
    z-index: 1009;
  }
}
#blogs .scrollingCards > a, #opendagen .scrollingCards > a {
  position: relative;
  width: 360px;
  height: 300px;
  padding: 40px;
  color: #FFFFFF;
  margin-left: 20px;
  background-size: cover;
  background-position: center;
  border-radius: 10px;
  box-shadow: 0 3px 15px rgba(43, 33, 113, 0);
  transition: box-shadow 0.15s ease-in-out;
}
@media (max-width: 991.98px) {
  #blogs .scrollingCards > a, #opendagen .scrollingCards > a {
    width: 280px;
    height: 220px;
    padding: 25px;
  }
}
#blogs .scrollingCards > a:after, #opendagen .scrollingCards > a:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background: linear-gradient(0deg, rgba(39, 36, 70, 0.95) 0%, rgba(39, 36, 70, 0.7) 75%, rgba(39, 36, 70, 0.35) 100%);
  opacity: 0.75;
  transition: 0.15s ease-in-out;
}
#blogs .scrollingCards > a .blog, #opendagen .scrollingCards > a .blog {
  position: relative;
  height: 80%;
  z-index: 1001;
}
@media (max-width: 991.98px) {
  #blogs .scrollingCards > a .blog, #opendagen .scrollingCards > a .blog {
    height: 100%;
  }
}
#blogs .scrollingCards > a:hover, #opendagen .scrollingCards > a:hover {
  box-shadow: 0 3px 15px rgba(43, 33, 113, 0.2);
}
#blogs .scrollingCards > a:hover:after, #opendagen .scrollingCards > a:hover:after {
  opacity: 1;
}
#blogs .scrollingCards > a:hover svg, #opendagen .scrollingCards > a:hover svg {
  margin-left: 20px !important;
}
#blogs .btn[disabled], #opendagen .btn[disabled] {
  border-color: #E0DEF0;
}
#blogs .btn[disabled] svg path, #opendagen .btn[disabled] svg path {
  stroke: #E0DEF0;
}
#blogs .btn[disabled]:hover, #opendagen .btn[disabled]:hover {
  background-color: transparent !important;
  border-color: #E0DEF0 !important;
  box-shadow: none !important;
  cursor: not-allowed;
}

/* EVENEMENTEN */
#events {
  background-image: url("/Content/img/evenementen.png");
  background-position: center;
  background-size: cover;
}
#events:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #272446;
  opacity: 0.95;
}
#events .clickable:hover {
  box-shadow: 0 10px 35px rgba(255, 255, 255, 0.25);
}

#maps {
  position: relative;
  width: 100%;
}
#maps #map {
  width: 100%;
  height: 700px;
}
@media (max-width: 1199.98px) {
  #maps #map {
    height: 500px;
  }
}
#maps #map .tooltip {
  width: 225px;
}
#maps #map .tooltip img {
  width: auto;
  max-width: 125px;
  height: auto;
  max-height: 100px;
}
#maps #map .tooltip .tooltip-inner {
  padding: 25px 30px;
}
#maps #stelEenVraag {
  position: absolute;
  width: 30%;
  min-width: 500px;
  /*height: 60%;*/
  top: auto;
  bottom: auto;
  left: auto;
  right: 50px;
  margin: auto;
  padding: 40px 50px;
  box-shadow: 0 3px 30px rgba(43, 33, 113, 0.25);
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  #maps #stelEenVraag {
    height: 80%;
    right: 25px;
    padding: 40px;
  }
}
@media (max-width: 991.98px) {
  #maps #stelEenVraag {
    position: relative;
    width: 100%;
    min-width: 100%;
    top: 0px;
    right: unset;
    padding: 40px 30px;
  }
}
#maps #stelEenVraag .swiper {
  width: 100%;
  overflow: hidden;
  /*height: 250px;*/
  padding-bottom: 20px;
}
@media (max-width: 991.98px) {
  #maps #stelEenVraag .swiper {
    height: auto !important;
    padding-bottom: 0px;
  }
}
#maps #stelEenVraag .swiper .swiper-slide {
  width: 100%;
  margin-bottom: 0px;
}
#maps #stelEenVraag .swiper .swiper-slide .roundImgContainer .roundImg:after {
  width: 75px;
  height: 60px;
  bottom: -22px;
}
@media (max-width: 991.98px) {
  #maps #stelEenVraag .swiper .swiper-slide .roundImgContainer {
    margin-bottom: 0px;
  }
}
#maps #stelEenVraag .swiper-pagination-bullet {
  position: relative;
  width: 18px;
  height: 18px;
  margin: 0 1px;
  border: 2px solid #2B2171;
  border-radius: 20px;
  display: block;
}
#maps #stelEenVraag .swiper-pagination-bullet:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 10px;
  height: 10px;
  margin: auto;
  background-color: #E73459;
  border-radius: 10px;
  opacity: 0;
  transition: 0.1s ease-in-out;
}
#maps #stelEenVraag .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
  opacity: 1;
}
#maps #stelEenVraag .swiper-pagination-bullet:hover:not(.swiper-pagination-bullet-active):after {
  opacity: 0.5;
}

/* POP UP LOGIN */
@media (min-width: 992px) {
  body.modal-open nav {
    width: calc(100% - 17px);
  }
}
.modal .modal-body {
  padding: 0px;
}
.modal button.close {
  position: absolute;
  top: 30px;
  right: 30px;
  width: 30px;
  height: 30px;
  font-size: inherit;
  opacity: 1;
  z-index: 1001;
}
.modal button.close span {
  position: absolute;
  width: 30px;
  height: 2px;
  left: 0px;
  border-radius: 10px;
  background-color: #2B2171;
}
.modal button.close span:first-child {
  transform: rotate(45deg);
}
.modal button.close span:last-child {
  transform: rotate(315deg);
}

#loginModal button.close {
  position: absolute;
  top: 35px;
  right: 45px;
  width: 20px;
  height: 20px;
  font-size: inherit;
  opacity: 1;
  z-index: 1001;
}
#loginModal .row > div:first-child .content {
  min-height: 500px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  background-image: url(/Content/img/evenementen.png);
  background-size: cover;
  background-position: center;
}
#loginModal .row > div:first-child .content:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(39, 36, 70, 0.95);
}
#loginModal .row > div:first-child .content > div {
  position: relative;
  z-index: 1001;
}
#loginModal .row > div:first-child .content > div img {
  max-width: 100%;
}
#loginModal .row > div:first-child .content > div p {
  font-size: 16px;
}
#loginModal .row > div:first-child .content > div ul {
  margin: 30px 0px 30px 20px;
}
#loginModal .row > div:first-child .content > div ul li {
  font-family: "AxiformaBold", Arial, sans-serif;
  font-size: 21px;
}
#loginModal .row > div:first-child .content > div ul li:before {
  top: 15px;
}
#loginModal .content {
  padding: 60px 40px;
}
@media (max-width: 991.98px) {
  #loginModal .content {
    padding: 60px 20px 30px;
  }
}

#sollicitatieprocedure {
  position: relative;
}
@media (min-width: 992px) {
  #sollicitatieprocedure .backline {
    position: absolute;
    top: 228px;
    left: 0;
    right: 0;
    width: calc(100% - 200px);
    margin: auto;
    border-top: 6px dotted rgba(43, 33, 113, 0.25);
  }
}
#sollicitatieprocedure > div:not(.backline) {
  position: relative;
  z-index: 1;
}
#sollicitatieprocedure .imgContainer {
  min-height: 200px;
}
#sollicitatieprocedure .imgContainer > div {
  min-width: 200px;
  min-height: 150px;
  background-color: #FFFFFF;
  z-index: 1;
}
#sollicitatieprocedure .h3 {
  min-height: 60px;
}

.mx-width-200 {
  max-width: 200px;
}

.mx-width-250 {
  max-width: 250px;
}

.tab-pane > div.container:first-child {
  margin-top: 0px !important;
}
.tab-pane .container {
  position: relative;
  margin-top: 60px !important;
  z-index: 1;
}

#videocarrousel #videos > div {
  transition: transform 0.4s;
}
#videocarrousel #videothumbnails {
  height: 89px;
  overflow-x: auto;
}
#videocarrousel #videothumbnails button {
  overflow: hidden;
  transition: all 0.4s;
  background-position: center;
  background-size: cover;
  opacity: 0.5;
  /*img {
      width: 100%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      transition: all .4s;
  }*/
  /*&:before {
      content: "\f167";
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      font-size: 32px;
  }*/
}
#videocarrousel #videothumbnails button.actief, #videocarrousel #videothumbnails button:hover {
  opacity: 1;
}
#videocarrousel #videothumbnails button:hover img, #videocarrousel #videothumbnails button.actief:not(.hovering) img {
  width: 120%;
  opacity: 1 !important;
}
#videocarrousel #videothumbnails button.actief.hovering {
  /*border-top: white solid 6px !important;
  border-bottom: white solid 6px !important;*/
}
#videocarrousel #videothumbnails button:not(.actief) {
  /*border-top: white solid 6px !important;
  border-bottom: white solid 6px !important;*/
}
#videocarrousel #videothumbnails button:not(.actief) img {
  opacity: 0.5;
}
#videocarrousel #videothumbnails button:hover {
  border-width: 0px !important;
}
#videocarrousel #videothumbnails button svg {
  width: 50px;
  height: 30px;
}
#videocarrousel ::-webkit-scrollbar {
  height: 8px;
  max-height: 8px;
}

.profileImage {
  position: relative;
  width: 200px;
  height: 200px;
  border-radius: 100px;
  border: 5px solid #FFFFFF;
  background-size: cover;
  background-position: center;
}
.profileImage > div {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 100px;
  opacity: 0;
  transition: 0.15s ease-in-out;
}
.profileImage > div input[type=file] {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
  opacity: 0;
  display: block !important;
  border-radius: 100px;
}
.profileImage > div:hover {
  opacity: 1;
}

@media (min-width: 992px) {
  .profileStrength {
    flex: 300px 0 0;
  }
}
@media (min-width: 1200px) {
  .profileStrength {
    margin-left: 200px;
  }
}

.scoreContainer {
  margin: -5px 0;
}
.scoreContainer .scoreIndicator {
  height: 4px;
  background-color: rgba(255, 255, 255, 0.5);
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.scoreContainer .scoreIndicator .scoreLine {
  height: 10px;
  background-color: white;
  border-radius: 10px;
  transition: 0.15s ease-in-out;
}
.scoreContainer.gray .score {
  border: 2px solid rgba(0, 0, 0, 0.1);
}
.scoreContainer.orange .score {
  border: 2px solid #E73459;
}
.scoreContainer.green .score {
  border: 2px solid #8DB958;
}
.scoreContainer.good .scoreLine {
  background: rgb(239, 229, 84);
  background: linear-gradient(90deg, rgb(239, 229, 84) 0%, rgb(171, 209, 49) 100%);
}
.scoreContainer.good .score {
  border: 2px solid rgb(239, 229, 84);
}
.scoreContainer.bad .scoreLine {
  background: #e73459;
  background: linear-gradient(90deg, #e73459 0%, #b64d9c 100%);
}
.scoreContainer.bad .score {
  border: 2px solid #e73459;
}
.scoreContainer .score {
  position: relative;
  width: 60px;
  height: 60px;
  border: 2px solid #FFFFFF;
  border-radius: 30px;
  font-family: "AxiformaBold", Arial, sans-serif;
  font-size: 16px;
  flex-shrink: 0;
}

nav.dashboardMenu {
  position: relative;
  /*.arrow {
      position: absolute;
      top: 0;
      bottom: 0;
      right: -150px;
      width: 30px;
      height: 30px;
      margin: auto;
      background-color: $blue;
      border-radius: 30px;
      box-shadow: 0 0 10px rgba($blue, .5);
      pointer-events: none;
      transition: .15s ease-in-out;
      display: none;

      &.active {
          animation-name: pulse;
          animation-duration: .75s;
          animation-timing-function: ease-in-out;
          animation-direction: alternate;
          animation-iteration-count: infinite;
          animation-play-state: running;
          right: 0px;
          display: block;
      }
  }

  @keyframes pulse {
      0% {
          transform: scale(1);
          opacity: .75;
      }

      100% {
          transform: scale(1.2);
          opacity: 1;
      }
  }*/
}
@media (max-width: 991.98px) {
  nav.dashboardMenu {
    margin: 0px -15px;
    padding: 0px 15px;
    overflow-x: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
  }
}
nav.dashboardMenu::-webkit-scrollbar {
  display: none;
}
nav.dashboardMenu a {
  margin-right: 5px;
  padding: 12px 15px;
  color: #FFFFFF;
  background-color: rgba(224, 222, 240, 0.2);
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  font-size: 16px;
  white-space: nowrap;
  transition: 0.15s ease-in-out;
}
nav.dashboardMenu a.active {
  color: #2B2171;
  background-color: #F8F7FF;
  font-family: "AxiformaMedium", Arial, sans-serif;
}
nav.dashboardMenu a:not(.active):hover {
  color: #2B2171;
  background-color: #F8F7FF;
}
@media (max-width: 991.98px) {
  nav.dashboardMenu {
    transform: rotateX(180deg);
  }
  nav.dashboardMenu > div {
    position: relative;
    overflow-x: scroll;
    padding-bottom: 15px;
  }
  nav.dashboardMenu > div a {
    will-change: transform;
    user-select: none;
    cursor: pointer;
    transform: rotateX(180deg);
  }
  nav.dashboardMenu > div::-webkit-scrollbar {
    position: absolute;
    top: 10px;
    height: 8px;
    width: 8px;
    background: gray;
    border-radius: 10px;
  }
  nav.dashboardMenu > div::-webkit-scrollbar-thumb:horizontal {
    height: 10px;
    width: 10px;
    background: #FFFFFF;
    border-radius: 10px;
  }
}

.dashboardContent {
  padding-left: 80px;
}
@media (max-width: 991.98px) {
  .dashboardContent {
    padding-left: 0px;
  }
}

#header.dashboard ~ section .resultBlock {
  border-bottom: 1px solid #2B2171;
}

#cvBuilder .content {
  margin-bottom: 20px;
}
#cvBuilder .content [data-toggle=modal] {
  position: absolute;
}
@media (max-width: 991.98px) {
  #cvBuilder .content h3, #cvBuilder .content .h3 {
    font-size: 18px;
  }
}
#cvBuilder .col-xl-8 .content {
  padding: 50px;
}
@media (max-width: 991.98px) {
  #cvBuilder .col-xl-8 .content {
    padding: 30px 15px;
  }
  #cvBuilder .col-xl-8 .content .h3 {
    margin: 0 0 15px !important;
  }
  #cvBuilder .col-xl-8 .content .row {
    flex-direction: column;
  }
}
#cvBuilder .col-xl-8 .content [data-toggle=modal] {
  top: 40px;
  right: 50px;
}
@media (max-width: 991.98px) {
  #cvBuilder .col-xl-8 .content [data-toggle=modal] {
    top: 20px;
    right: 15px;
  }
}
@media (max-width: 991.98px) {
  #cvBuilder .col-xl-8 #algemeneGegevensContainer .content .row > .col:nth-child(2) {
    margin-bottom: 5px;
    padding-bottom: 5px;
    font-family: "AxiformaBold", Arial, sans-serif;
  }
  #cvBuilder .col-xl-8 #algemeneGegevensContainer .content .row > .col:nth-child(2) > span:first-child {
    display: none;
  }
}
#cvBuilder .col-xl-4 .content [data-toggle=modal] {
  top: 20px;
  right: 30px;
}
@media (max-width: 991.98px) {
  #cvBuilder .col-xl-4 .content [data-toggle=modal] {
    top: 20px;
    right: 15px;
  }
}
#cvBuilder .empty {
  opacity: 0.25;
  font-style: italic;
  color: #333;
}
#cvBuilder .row:not(:last-child) .item {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #E0DEF0;
}
#cvBuilder .drag-handle {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 30px;
  background-color: #E73459;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  cursor: grab;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.15s ease-in-out;
}
@media (max-width: 991.98px) {
  #cvBuilder .drag-handle {
    display: none;
  }
}
#cvBuilder .drag-handle:hover {
  background-color: #E73459;
}
#cvBuilder .drag-handle .drag-container {
  width: 6px;
  height: 22px;
}
#cvBuilder .drag-handle .drag-container span {
  width: 6px;
  height: 6px;
  background-color: #FFFFFF;
  border-radius: 5px;
  display: block;
  margin-bottom: 3px;
}
#cvBuilder .drag-handle .drag-container span:last-child {
  margin-bottom: 0px;
}
#cvBuilder .algemeneInformatie {
  padding-top: 140px !important;
}
#cvBuilder #cvFotoContainer {
  min-height: 100px;
}
#cvBuilder #cvFotoContainer #cvFoto {
  position: absolute;
  min-height: 100px;
  left: 60px;
  z-index: 1;
  border-color: #2B2171;
  background-color: #FFFFFF;
}
@media (max-width: 991.98px) {
  #cvBuilder #cvFotoContainer #cvFoto {
    left: 30px;
  }
}

@media (min-width: 992px) {
  .dottedBg:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: -30px;
    left: -30px;
    width: calc(100% - 60px);
    height: 5px;
    border-top: 5px dotted rgba(255, 255, 255, 0.5);
    margin: auto;
  }
  .dottedBg .col-lg {
    padding-right: 0px;
    padding-left: 0px;
    margin-right: 15px;
    margin-left: 15px;
  }
}
.dottedBg .col-lg > * {
  opacity: 0.5;
}
.dottedBg .col-lg a, .dottedBg .col-lg div[data-toggle=modal] {
  display: none;
}
.dottedBg .col-lg.active > * {
  opacity: 1;
}
.dottedBg .col-lg.active a, .dottedBg .col-lg.active div[data-toggle=modal] {
  display: block;
}
.dottedBg .scoreContainer {
  position: absolute;
  bottom: 15px;
  left: 50%;
}
.dottedBg .scoreContainer .score {
  width: 60px;
  height: 40px;
  font-family: "AxiformaRegular", Arial, sans-serif;
  font-size: 14px;
  background-color: #272446;
}

.testTable .question {
  padding: 5px 10px 5px 30px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  /*border-bottom: none;*/
  transition: 0.15s ease-in-out;
}
@media (max-width: 991.98px) {
  .testTable .question {
    padding: 5px 20px;
  }
}
.testTable .question.header {
  padding: 10px 10px 10px 30px;
  font-size: 16px;
  background-color: rgba(255, 255, 255, 0.05);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
@media (max-width: 991.98px) {
  .testTable .question.header {
    padding: 10px 20px;
    justify-content: center;
  }
  .testTable .question.header.d-none ~ .question:nth-child(2) {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }
}
.testTable .question.header img {
  min-width: 36px;
  margin-left: 10px;
}
.testTable .question:last-child {
  /*border-bottom: 2px solid rgba($white, .25);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;*/
}
.testTable .question .name {
  font-size: 16px;
}
@media (max-width: 991.98px) {
  .testTable .question .name {
    font-size: 18px;
    text-align: center;
  }
}
.testTable .question .number {
  width: 40px;
  display: inline-block;
  text-align: left;
}
@media (max-width: 991.98px) {
  .testTable .question .number {
    width: auto;
  }
}
.testTable .question .form-check {
  height: 36px;
  width: 36px;
  margin-left: 10px;
}
.testTable .question .form-check input[type=radio]:checked ~ .form-check-label .checkmark {
  border: 2px solid white;
}
.testTable .question .form-check input[type=radio] ~ .form-check-label .checkmark {
  height: 36px;
  width: 36px;
  border: 2px solid rgba(255, 255, 255, 0.25);
  border-radius: 20px;
}
.testTable .question .form-check input[type=radio] ~ .form-check-label .checkmark:after {
  width: 24px;
  height: 24px;
  border-radius: 20px;
}
.testTable .question .delete:hover path {
  fill: #fff;
}
.testTable .question .delete:hover circle {
  stroke: #ef7b72;
  fill: #ef7b72;
}
.testTable .question.noAnswer {
  background-color: rgba(231, 52, 89, 0.25);
}
.testTable.vergelijken .question.header .ml-auto div {
  width: 150px;
  text-align: center;
  /*&#uitgenodigdeNaam {
      width: 200px;
  }*/
}
@media (max-width: 991.98px) {
  .testTable.vergelijken .question .name {
    text-align: left;
  }
}
.testTable.vergelijken .question .ml-auto:not(.answers) div:last-child,
.testTable.vergelijken .question .ml-lg-auto:not(.answers) div:last-child {
  width: 150px;
  margin: -7px -10px -7px 0;
}
.testTable.vergelijken .question .answers [data-name] {
  display: none;
}
.testTable.vergelijken .question .answers div:first-child {
  width: 150px;
}
@media (max-width: 991.98px) {
  .testTable.vergelijken .question .answers div:first-child {
    width: auto;
  }
}
.testTable.vergelijken .question .answers div[data-name] div {
  width: 150px;
  text-align: center;
}
.testTable.vergelijken .question .answers div[data-name] div:last-child {
  margin: -7px -10px -7px 0;
  border-left: 1px dashed rgba(255, 255, 255, 0.25);
  display: flex;
  align-items: center;
}
.testTable.vergelijken .question .answers .correct {
  background-color: rgba(141, 185, 88, 0.25);
}
.testTable.vergelijken .question .answers .incorrect {
  background-color: rgba(231, 52, 89, 0.25);
}
.testTable.vergelijken .question .answers .geenAntwoord {
  background-color: transparent !important;
}
.testTable.resultaat .question.header img {
  min-width: 50px;
  margin-left: 0px;
}
.testTable.resultaat .ml-lg-auto div {
  width: 50px;
  text-align: center;
}

/* ASSESSMENTS */
#header.assessment ~ section .scoreContainer .scoreIndicator {
  background-color: rgba(43, 33, 113, 0.25);
}

#vraagtarget {
  z-index: 1;
}
#vraagtarget .form-check {
  margin-bottom: 10px;
  padding-left: 50px;
}
#vraagtarget .form-check .form-check-input:checked ~ .form-check-label .checkmark {
  border: 2px solid white;
}
#vraagtarget .form-check .form-check-label {
  font-size: 21px;
}
#vraagtarget .form-check .form-check-label .checkmark {
  height: 36px;
  width: 36px;
  border: 2px solid rgba(255, 255, 255, 0.25);
  border-radius: 20px;
}
#vraagtarget .form-check .form-check-label .checkmark:after {
  width: 24px;
  height: 24px;
  border-radius: 20px;
}
#vraagtarget.figuurklassen .inputContainer.inactive {
  opacity: 0.25;
}
#vraagtarget.figuurklassen .form-check {
  padding-left: 0px;
}
#vraagtarget.figuurklassen .form-check .checkmark {
  display: none;
}
#vraagtarget.figuurklassen .form-check .form-check-label img {
  border: none;
  transform: scale(1);
}
#vraagtarget.figuurklassen .form-check input[type=checkbox]:checked ~ .form-check-label img {
  box-shadow: 0 0 15px 5px rgba(231, 52, 89, 0.5);
  transform: scale(1.1);
}
#vraagtarget.figuurklassen img {
  border: 1px solid rgba(43, 33, 113, 0.25);
  margin: 0 7px;
  box-shadow: 0 0;
  transition: 0.15s ease-in-out;
}
@media (max-width: 991.98px) {
  #vraagtarget.figuurklassen img {
    margin: 3px 7px;
  }
}
#vraagtarget.ruimtelijkinzicht .form-check, #vraagtarget.verbaleanalogieen .form-check {
  padding-bottom: 50px;
  padding-left: 0px;
}
#vraagtarget.ruimtelijkinzicht .form-check .checkmark, #vraagtarget.verbaleanalogieen .form-check .checkmark {
  top: unset;
  right: 0;
  left: 0;
  margin: auto;
}
#vraagtarget.ruimtelijkinzicht img, #vraagtarget.verbaleanalogieen img {
  width: 125px;
}

#emailadresvoornieuwsbrief-feedback, #errorMessage, #succesMessage {
  opacity: 0;
  transition: 0.15s ease-in-out;
}
#emailadresvoornieuwsbrief-feedback.active, #errorMessage.active, #succesMessage.active {
  opacity: 1;
}

#emailadresvoornieuwsbrief-feedback.succes, #errorMessage.succes, .errorMessage.succes {
  color: #8DB958 !important;
}
#emailadresvoornieuwsbrief-feedback.fail, #errorMessage.fail, .errorMessage.fail {
  color: #E73459 !important;
}

#errorMessage {
  min-height: 21px;
}

#succesMessage {
  color: #8DB958;
}

.resultBlock {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
.resultBlock .antwoorden img {
  opacity: 0.25;
}
.resultBlock .antwoorden img.gekozen {
  opacity: 1;
  border: 3px solid #E73459;
}
.resultBlock .antwoorden img.gekozen.goed {
  border-color: #8DB958;
}

.confetti {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  user-select: none;
  z-index: 1;
}

.slider-container {
  /*width: 300px;*/
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.slider-container .back-bar {
  height: 10px;
  position: relative;
}

.slider-container .back-bar .selected-bar {
  position: absolute;
  height: 100%;
}

.slider-container .back-bar .pointer {
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: red;
  cursor: col-resize;
  opacity: 1;
  z-index: 2;
}

.slider-container .back-bar .pointer.last-active {
  z-index: 3;
}

.slider-container .back-bar .pointer-label {
  position: absolute;
  top: -17px;
  font-size: 8px;
  background: white;
  white-space: nowrap;
  line-height: 1;
}

.slider-container .back-bar .focused {
  z-index: 10;
}

.slider-container .clickable-dummy {
  cursor: pointer;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.slider-container .scale {
  top: 2px;
  position: relative;
}

.slider-container .scale span {
  position: absolute;
  height: 5px;
  border-left: 1px solid #999;
  font-size: 0;
}

.slider-container .scale ins {
  font-size: 9px;
  text-decoration: none;
  position: absolute;
  left: 0;
  top: 5px;
  color: #999;
  line-height: 1;
  opacity: 0;
}

.slider-container.slider-readonly .clickable-dummy,
.slider-container.slider-readonly .pointer {
  cursor: auto;
}

/*.theme-green .back-bar {
    height: 5px;
    border-radius: 2px;
    background-color: #eeeeee;
    background-color: #e7e7e7;
    background-image: -moz-linear-gradient(top, #eeeeee, #dddddd);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#dddddd));
    background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd);
    background-image: -o-linear-gradient(top, #eeeeee, #dddddd);
    background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffdddddd', GradientType=0);
}

.theme-green .back-bar .selected-bar {
    border-radius: 2px;
    background-color: #a1fad0;
    background-image: -moz-linear-gradient(top, #bdfade, #76fabc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bdfade), to(#76fabc));
    background-image: -webkit-linear-gradient(top, #bdfade, #76fabc);
    background-image: -o-linear-gradient(top, #bdfade, #76fabc);
    background-image: linear-gradient(to bottom, #bdfade, #76fabc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbdfade', endColorstr='#ff76fabc', GradientType=0);
}

.theme-green .back-bar .pointer {
    width: 14px;
    height: 14px;
    top: -5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 10px;
    border: 1px solid #AAA;
    background-color: #e7e7e7;
    background-image: -moz-linear-gradient(top, #eeeeee, #dddddd);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#dddddd));
    background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd);
    background-image: -o-linear-gradient(top, #eeeeee, #dddddd);
    background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffdddddd', GradientType=0);
}

.theme-green .back-bar .pointer-label {
    color: #999;
}

.theme-green .back-bar .focused {
    color: #333;
}

.theme-green .scale span {
    border-left: 1px solid #e5e5e5;
}

.theme-green .scale ins {
    color: #999;
}

.theme-blue .back-bar {
    height: 5px;
    border-radius: 2px;
    background-color: #eeeeee;
    background-color: #e7e7e7;
    background-image: -moz-linear-gradient(top, #eeeeee, #dddddd);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#dddddd));
    background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd);
    background-image: -o-linear-gradient(top, #eeeeee, #dddddd);
    background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffdddddd', GradientType=0);
}

.theme-blue .back-bar .selected-bar {
    border-radius: 2px;
    background-color: #92c1f9;
    background-image: -moz-linear-gradient(top, #b1d1f9, #64a8f9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b1d1f9), to(#64a8f9));
    background-image: -webkit-linear-gradient(top, #b1d1f9, #64a8f9);
    background-image: -o-linear-gradient(top, #b1d1f9, #64a8f9);
    background-image: linear-gradient(to bottom, #b1d1f9, #64a8f9);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb1d1f9', endColorstr='#ff64a8f9', GradientType=0);
}

.theme-blue .back-bar .pointer {
    width: 14px;
    height: 14px;
    top: -5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 10px;
    border: 1px solid #AAA;
    background-color: #e7e7e7;
    background-image: -moz-linear-gradient(top, #eeeeee, #dddddd);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#dddddd));
    background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd);
    background-image: -o-linear-gradient(top, #eeeeee, #dddddd);
    background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffdddddd', GradientType=0);
}

.theme-blue .back-bar .pointer-label {
    color: #999;
}

.theme-blue .back-bar .focused {
    color: #333;
}

.theme-blue .scale span {
    border-left: 1px solid #e5e5e5;
}

.theme-blue .scale ins {
    color: #999;
}*/
#slider {
  width: 100%;
  margin: 30px 0px 10px;
}

@media (max-width: 768px) {
  #slider {
    margin: 30px 0px;
  }
}
#slider .slider-container {
  font-family: "CeraPro", Arial, sans-serif;
  font-size: 18px;
}

#slider .slider-container .back-bar {
  position: relative;
  height: 10px;
  background-image: none;
  background-color: rgba(255, 255, 255, 0.25);
}

#slider .slider-container .back-bar .selected-bar {
  background-color: transparent;
  background-image: none;
}

#slider .slider-container .back-bar .pointer {
  position: relative;
  -webkit-appearance: none;
  appearance: none;
  width: 34px;
  height: 34px;
  top: -12px;
  background: #E73459;
  cursor: pointer;
  z-index: 1000;
  border-radius: 50px;
  border: none;
  box-shadow: none;
  transition: box-shadow 0.15s ease-in-out;
}

#slider .slider-container .back-bar .pointer:hover,
#slider .slider-container .back-bar .pointer.focused {
  box-shadow: 0px 3px 10px black;
}

#slider .slider-container .back-bar .pointer.animate:not(.last-active) {
  position: relative;
  animation-name: hoverPointer;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}

#slider .slider-container .back-bar .pointer.animate:not(.last-active)::before,
#slider .slider-container .back-bar .pointer.animate:not(.last-active)::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 20px;
  top: 0;
  bottom: 0;
  right: 40px;
  margin: auto;
  line-height: 20px;
  background-image: url(/Content/img/icons/arrow-orange.svg);
  transform: rotate(180deg);
  background-repeat: no-repeat;
}

#slider .slider-container .back-bar .pointer.animate:not(.last-active)::before {
  transform: rotate(0deg);
  right: unset;
  left: 40px;
  animation-name: hoverPointerBefore;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}

#slider .slider-container .back-bar .pointer.animate:not(.last-active)::after {
  animation-name: hoverPointerAfter;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}

@keyframes hoverPointer {
  0% {
    left: 50%;
  }
  50% {
    left: calc(50% - 25px);
  }
  100% {
    left: 50%;
  }
}
@keyframes hoverPointerAfter {
  0% {
    opacity: 0.3;
  }
  10% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.3;
  }
}
@keyframes hoverPointerBefore {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
/*
                       @keyframes hoverPointerAfter {
                            0% {
                                transform: translate(3px, 0px) rotate(180deg);
                            }

                            50% {
                                transform: translate(-10px, 0px) rotate(180deg);
                            }

                            100% {
                                transform: translate(3px, 0px) rotate(180deg);
                            }
                        }
                        @keyframes hoverPointerBefore {
                            0% {
                                transform: translate(10px, 0px);
                            }

                            50% {
                                transform: translate(-3px, 0px);
                            }

                            100% {
                                transform: translate(10px, 0px);
                            }
                        }
                        */
#slider .slider-container .back-bar .pointer-label {
  display: none;
}

#slider .slider-container .scale {
  top: -14px;
  left: 0px;
  background-color: transparent;
  opacity: 1;
}

#slider .slider-container .scale span {
  height: 0px;
}

#slider .slider-container .scale span:before {
  content: "";
  position: absolute;
  height: 18px;
  width: 5px;
  top: 0px;
  left: -3px;
  background-color: #FFFFFF;
}

#slider .slider-container .scale span ins {
  top: 30px;
  font-size: 16px !important;
}

.graph-section ol li span.graph-bg .graph-percentage, .graph-section ol li span.graph-bg .graph-bar {
  position: absolute;
}

#slider label, .question-multiple label, #sliderlabels label {
  font-size: 1.8rem;
  font-weight: normal;
  cursor: text;
}

.question-multiple li label {
  width: 100%;
  text-align: center;
}

#slider-no-answer {
  float: left;
  margin-left: -15px;
}

#slider-underbound {
  float: left;
  margin-bottom: 10px;
}

#slider-upperbound {
  float: right;
  margin-bottom: 10px;
}

#slider-underboundsmall {
  margin-bottom: 10px;
}

#slider-upperboundsmall {
  margin-bottom: 10px;
}

#question-error {
  float: left;
  width: 100%;
  color: #DE3438;
  margin-top: 50px;
}

.question-footer {
  margin: 30px 0 0;
}

.question-footer #btn-previous-question {
  float: left;
}

.question-footer #btn-next-question, .question-footer #btn-result {
  float: right;
}

.slider-values {
  float: left;
  width: 100%;
}

.slider-values ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.slider-values ul li {
  display: inline-block;
}

.slider-container .clickable-dummy {
  position: absolute;
  top: -5px;
  height: 50px !important;
}

#btn-continue {
  position: relative;
  top: 0px;
  right: 100px;
  float: right;
}

.multiplechoice:not(.intro) {
  margin-bottom: 30px;
  padding: 30px;
  border: 3px solid #DBDEE2;
}

#question-multiple-labels {
  margin-bottom: 10px;
}

.question-multiple {
  width: 100%;
  /*margin-bottom: 20px;*/
  display: inline-block;
}

.question-value {
  margin-bottom: 10px;
}

.question-multiple ul {
  float: left;
  width: 100%;
}

.question-multiple ul li {
  display: inline-block;
  float: left;
  width: 10%;
  height: 50px;
}

.question-multiple ul li input[type=radio] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.question-multiple ul li label {
  width: 100%;
  height: 100%;
  /*padding-top: 10px;
          padding-bottom: 10px;*/
  margin-bottom: 0;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

.question-multiple ul li label[for] {
  padding-top: 0;
  padding-bottom: 0;
  cursor: pointer;
}

.question-error {
  float: left;
  width: 100%;
  color: #de3438;
  margin: 0;
  text-align: right;
  margin: 20px 0px;
  font-size: 18px;
  font-weight: 700;
  opacity: 0;
  top: 30px;
  transition: 0.15s ease-in-out;
}
.question-error.active {
  opacity: 1;
  top: 0px;
}

#study-search-result a {
  border-top: 3px solid #e1e1e1;
  padding: 20px 15px 13px;
  display: block;
  background: #fff;
  position: relative;
  color: #000;
  text-decoration: none;
}
#study-search-result a:hover h3 {
  color: #2B2171;
}
@media (min-width: 992px) {
  #study-search-result a {
    padding: 20px;
  }
}
@media (min-width: 992px) {
  #study-search-result a > div {
    padding-right: 190px;
  }
}
#study-search-result a h3 {
  width: 100%;
  font-weight: 900;
  font-size: 24px;
  transition: 0.15s ease-in-out;
}
@media (min-width: 992px) {
  #study-search-result a h3 {
    margin-bottom: 0.65em;
  }
}
#study-search-result a p {
  width: 100%;
}
@media (min-width: 992px) {
  #study-search-result a p {
    margin: 0 0 1em;
    line-height: 1.5em;
  }
}
#study-search-result a p span {
  color: #e3027f;
  display: inline;
}
#study-search-result a .description {
  color: #000;
}
@media (min-width: 992px) {
  #study-search-result a .description {
    display: inline;
  }
}
#study-search-result a .locations {
  display: inline-block;
  color: #777;
  background-image: url(/Content/InHolland/img/location.svg);
  background-repeat: no-repeat;
  padding-left: 25px;
}
@media (max-width: 992px) {
  #study-search-result a .locations {
    display: none;
  }
}
@media (min-width: 992px) {
  #study-search-result a img.img-study {
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 15px;
    width: 180px;
    height: 120px;
  }
}
@media (max-width: 992px) {
  #study-search-result a img.img-study {
    display: none;
  }
}

.stage {
  /*    .btn-sm-rounded {
          position: absolute;
          top: 0;
          bottom: 0;
          right: 20px;
          margin: auto;
      }*/
}
.stage .btn-block {
  padding: 15px 20px;
  background-color: #F8F7FF;
  border-radius: 5px;
}
.stage .btn-block:hover {
  text-decoration: none;
}
.stage .btn-block:focus {
  text-decoration: none;
  outline: none !important;
}

#linkHelper:nth-child(n+2), #werkervaringHelper:nth-child(n+2), #opleidingHelper:nth-child(n+2), #stageHelper:nth-child(n+2), #nevenactiviteitHelper:nth-child(n+2), #computerVaardigheidHelper:nth-child(n+2), #vaardigheidHelper:nth-child(n+2), #taalvaardigheidHelper:nth-child(n+2), #cursusHelper:nth-child(n+2), #hobbyHelper:nth-child(n+2) {
  display: none !important;
}
#linkHelper .btn-sm-rounded, #werkervaringHelper .btn-sm-rounded, #opleidingHelper .btn-sm-rounded, #stageHelper .btn-sm-rounded, #nevenactiviteitHelper .btn-sm-rounded, #computerVaardigheidHelper .btn-sm-rounded, #vaardigheidHelper .btn-sm-rounded, #taalvaardigheidHelper .btn-sm-rounded, #cursusHelper .btn-sm-rounded, #hobbyHelper .btn-sm-rounded {
  opacity: 0;
}
@media (max-width: 991.98px) {
  #linkHelper .btn-sm-rounded, #werkervaringHelper .btn-sm-rounded, #opleidingHelper .btn-sm-rounded, #stageHelper .btn-sm-rounded, #nevenactiviteitHelper .btn-sm-rounded, #computerVaardigheidHelper .btn-sm-rounded, #vaardigheidHelper .btn-sm-rounded, #taalvaardigheidHelper .btn-sm-rounded, #cursusHelper .btn-sm-rounded, #hobbyHelper .btn-sm-rounded {
    display: none !important;
  }
}

.werkervaring, .stage, .opleiding, .nevenactiviteit {
  padding: 30px;
  background-color: #F8F7FF;
  border: 1px solid #F8F7FF;
  border-radius: 5px;
}
.werkervaring.error, .stage.error, .opleiding.error, .nevenactiviteit.error {
  background-color: rgba(231, 52, 89, 0.1);
  border: 1px solid #E73459;
}
@media (max-width: 991.98px) {
  .werkervaring, .stage, .opleiding, .nevenactiviteit {
    padding: 15px;
  }
}

#werkervaringHelper, #stageHelper, #opleidingHelper, #nevenactiviteitHelper {
  display: none;
}

.werkervaring:nth-child(n+2), .opleiding:nth-child(n+2), .stage:nth-child(n+2), .nevenactiviteit:nth-child(n+2), .cursus:nth-child(n+2), .hobby:nth-child(n+2) {
  margin-top: 20px;
}

.cvTemplate > label {
  cursor: pointer;
}
.cvTemplate > label:hover img.preview {
  border: 1px solid #2B2171;
}
.cvTemplate .form-check {
  padding-left: 0px;
}
.cvTemplate .form-check input[type=radio] ~ .form-check-label .checkmark {
  position: relative;
  display: inline-block;
  border: 2px solid rgba(43, 33, 113, 0.25);
}
.cvTemplate .form-check input[type=radio]:checked ~ img.preview {
  border: 1px solid #2b2171;
}
.cvTemplate .form-check img.preview {
  width: 160px;
  padding: 5px;
  border: 1px solid rgba(43, 33, 113, 0.1);
  border-radius: 5px;
  transition: 0.15s ease-in-out;
}

/* PDF */
.cvTemplate {
  font-size: 16px;
}
.cvTemplate .heading {
  margin-bottom: 25px;
}
.cvTemplate .contentBlock {
  margin-bottom: 40px;
}
.cvTemplate .contentBlock .item {
  margin-bottom: 20px;
}
.cvTemplate .text-decoration-underline {
  text-decoration: underline;
}

.cvTemplate.zakelijk {
  margin: 0px;
  color: #222;
  font-size: 1.3em;
}
.cvTemplate.zakelijk * {
  font-family: Arial, sans-serif !important;
}
.cvTemplate.zakelijk .picture {
  width: 100%;
  height: 100%;
  min-height: 175px;
  max-height: 250px;
  background-position: center;
  background-repeat: no-repeat;
}
.cvTemplate.zakelijk .topHeading {
  margin-bottom: 50px;
}
.cvTemplate.zakelijk h2 {
  margin-bottom: 0px;
  font-size: 2em;
  font-weight: 700;
}
.cvTemplate.zakelijk .heading h3 {
  margin-bottom: 3px;
  padding-bottom: 3px;
  border-bottom: 1px solid #2B2171;
  font-size: 1.4em;
  font-weight: 700;
}

.cvTemplate.modern {
  font-size: 1em;
}
.cvTemplate.modern * {
  font-family: Axiforma, sans-serif !important;
}
.cvTemplate.modern .col-4 {
  /*.heading {
      margin: 0 0 25px 10px;
  }*/
}
.cvTemplate.modern .col-4 .contentBlock {
  margin-bottom: 40px;
  padding-left: 10px;
}
.cvTemplate.modern .col-4 h3 {
  margin-bottom: 10px;
  border-bottom: 1px solid #FFFFFF;
}
.cvTemplate.modern .col-4 h3 span {
  background: #cc514e;
}
.cvTemplate.modern .col-4 .item {
  padding: 0 25px;
  margin-bottom: 0px;
}
.cvTemplate.modern .col-8 {
  color: #222221;
}
.cvTemplate.modern .col-8 strong {
  font-weight: bold;
  font-size: 1.2em;
}
.cvTemplate.modern .col-8 h3 {
  color: #2c266e;
  border-bottom: 1px solid #2c266e;
  font-size: 25px;
}
.cvTemplate.modern .col-8 h3 span {
  background: #FFFFFF;
}
.cvTemplate.modern .col-8 .subTitel {
  font-size: 18px;
}
.cvTemplate.modern .col-8 .item {
  padding: 0 10px;
}
.cvTemplate.modern .col-8 .datum {
  font-size: 1.1em;
  font-weight: normal;
}
.cvTemplate.modern .bg-color {
  background-color: #cc514e;
}
.cvTemplate.modern h2 {
  font-family: Arial, sans-serif;
  font-weight: bold;
}
.cvTemplate.modern h3 {
  width: 100%;
  text-align: left;
  line-height: 0.1em;
  margin: 10px 0 20px;
  font-family: Arial, sans-serif;
  font-weight: bold;
}
.cvTemplate.modern h3 span {
  padding: 0 10px;
}
.cvTemplate.modern .picture {
  width: 200px;
  height: 200px;
  margin: auto;
  border-radius: 200px;
  background-size: cover;
  background-position: center;
  overflow: hidden;
}
.cvTemplate.modern .picture img {
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
}
.cvTemplate.modern .persItem {
  height: 32px;
}
.cvTemplate.modern .vaardigheidMeterBg {
  position: relative;
  width: 100%;
  height: 16px;
  background-color: #fff;
}
.cvTemplate.modern .vaardigheidMeterBg .vaardigheidMeter {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 16px;
  background-color: #7e8c97;
}

.rounded-top-0 {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}

.rounded-bottom-0 {
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.talenLijst li:hover {
  cursor: pointer;
  background-color: #d6d2f2;
}

#deleteFoto {
  z-index: 5;
  bottom: 0;
  right: 0;
}

#cvFoto {
  margin-left: -15px;
}
#cvFotoContainer {
  margin-bottom: -95px;
}

#deleteFoto.btn-outline-primary {
  background-color: #FFFFFF;
}
#deleteFoto.btn-outline-primary:hover {
  background-color: #E73459;
}

.pageBreakAvoid {
  break-inside: avoid;
  page-break-inside: avoid;
}

@media print {
  html {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    color-adjust: exact;
  }
  /* All your print styles go here */
  #header,
  #footer,
  #nav {
    display: none !important;
  }
  .cvTemplate {
    /*.contentBlock {
        page-break-after: avoid;
        page-break-inside: auto;
    }*/
  }
  .cvTemplate.modern {
    /*min-height: 100vh;*/
  }
  .pageBreakAvoid {
    break-inside: avoid;
    page-break-inside: avoid;
  }
  @page {
    margin: 20mm;
  }
}
:root {
  color-scheme: light only;
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html {
  scroll-behavior: smooth;
}

body {
  color: #2B2171;
  font-family: "AxiformaRegular", Arial, sans-serif;
  font-size: 14px;
  overflow-x: hidden;
}
body .body-content {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
}
body.noScroll {
  overflow-y: hidden;
}

.banner {
  display: block;
  border-radius: 5px;
  box-shadow: 0 3px 15px rgba(43, 33, 113, 0.6);
  transition: box-shadow 0.15s ease-in-out;
}
.banner:hover {
  box-shadow: 0 3px 25px rgba(43, 33, 113, 0.6);
}
.bannerpopup {
  bottom: 25px;
  right: 0px;
  z-index: 1005;
  transform: translateX(100%);
  transition: all 0.3s ease-in-out;
  border-radius: 5px;
  box-shadow: 0 3px 15px rgba(43, 33, 113, 0.2);
  overflow: hidden;
}
.bannerpopup .btn {
  top: 0px;
  right: 0px;
  left: unset;
  display: inline-block;
}
.bannerpopup .btn:hover {
  box-shadow: none;
}
.bannerpopup .btn .fa-times {
  background-color: rgba(255, 255, 255, 0.5);
  width: 20px;
  border-radius: 50%;
  text-align: center;
}
.bannerpopup .btn .fa-times:before {
  line-height: 20px;
}
.bannerpopup.inbeeld {
  transform: translateX(0);
  right: 25px;
}
span.bulletpoint {
  position: relative;
  width: 8px;
  height: 8px;
  background-color: #e73459;
  border-radius: 10px;
  display: inline-block;
  margin-right: 10px;
}

.slick-track {
  display: flex !important;
}

.slick-slide {
  height: inherit !important;
  padding: 0px 10px !important;
}

@media (max-width: 991.98px) {
  #opendagSlider {
    padding-bottom: 40px;
    margin-bottom: 60px;
  }
}

.cursor-pointer {
  cursor: pointer;
}