/**handles:main**/
/*!
 * Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2023 Fonticons, Inc.
 */
.fa {
  font-family: var(--fa-style-family, "Font Awesome 6 Free");
  font-weight: var(--fa-style, 900)
}

.fa,
.fa-brands,
.fa-classic,
.fa-regular,
.fa-sharp,
.fa-solid,
.fab,
.far,
.fas {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto
}

.fa-classic,
.fa-regular,
.fa-solid,
.far,
.fas {
  font-family: "Font Awesome 6 Free"
}

.fa-brands,
.fab {
  font-family: "Font Awesome 6 Brands"
}

.fa-1x {
  font-size: 1em
}

.fa-2x {
  font-size: 2em
}

.fa-3x {
  font-size: 3em
}

.fa-4x {
  font-size: 4em
}

.fa-5x {
  font-size: 5em
}

.fa-6x {
  font-size: 6em
}

.fa-7x {
  font-size: 7em
}

.fa-8x {
  font-size: 8em
}

.fa-9x {
  font-size: 9em
}

.fa-10x {
  font-size: 10em
}

.fa-2xs {
  font-size: .625em;
  line-height: .1em;
  vertical-align: .225em
}

.fa-xs {
  font-size: .75em;
  line-height: .08333em;
  vertical-align: .125em
}

.fa-sm {
  font-size: .875em;
  line-height: .07143em;
  vertical-align: .05357em
}

.fa-lg {
  font-size: 1.25em;
  line-height: .05em;
  vertical-align: -.075em
}

.fa-xl {
  font-size: 1.5em;
  line-height: .04167em;
  vertical-align: -.125em
}

.fa-2xl {
  font-size: 2em;
  line-height: .03125em;
  vertical-align: -.1875em
}

.fa-fw {
  text-align: center;
  width: 1.25em
}

.fa-ul {
  list-style-type: none;
  margin-left: var(--fa-li-margin, 2.5em);
  padding-left: 0
}

.fa-ul>li {
  position: relative
}

.fa-li {
  left: calc(var(--fa-li-width, 2em)*-1);
  position: absolute;
  text-align: center;
  width: var(--fa-li-width, 2em);
  line-height: inherit
}

.fa-border {
  border-radius: var(--fa-border-radius, .1em);
  border: var(--fa-border-width, .08em) var(--fa-border-style, solid) var(--fa-border-color, #eee);
  padding: var(--fa-border-padding, .2em .25em .15em)
}

.fa-pull-left {
  float: left;
  margin-right: var(--fa-pull-margin, .3em)
}

.fa-pull-right {
  float: right;
  margin-left: var(--fa-pull-margin, .3em)
}

.fa-beat {
  -webkit-animation-name: fa-beat;
  animation-name: fa-beat;
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
  animation-delay: var(--fa-animation-delay, 0s);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
  animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
  animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);
  animation-timing-function: var(--fa-animation-timing, ease-in-out)
}

.fa-bounce {
  -webkit-animation-name: fa-bounce;
  animation-name: fa-bounce;
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
  animation-delay: var(--fa-animation-delay, 0s);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
  animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
  animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(.28, .84, .42, 1));
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(.28, .84, .42, 1))
}

.fa-fade {
  -webkit-animation-name: fa-fade;
  animation-name: fa-fade;
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(.4, 0, .6, 1));
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(.4, 0, .6, 1))
}

.fa-beat-fade,
.fa-fade {
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
  animation-delay: var(--fa-animation-delay, 0s);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
  animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
  animation-duration: var(--fa-animation-duration, 1s)
}

.fa-beat-fade {
  -webkit-animation-name: fa-beat-fade;
  animation-name: fa-beat-fade;
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(.4, 0, .6, 1));
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(.4, 0, .6, 1))
}

.fa-flip {
  -webkit-animation-name: fa-flip;
  animation-name: fa-flip;
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
  animation-delay: var(--fa-animation-delay, 0s);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
  animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
  animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);
  animation-timing-function: var(--fa-animation-timing, ease-in-out)
}

.fa-shake {
  -webkit-animation-name: fa-shake;
  animation-name: fa-shake;
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
  animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, linear);
  animation-timing-function: var(--fa-animation-timing, linear)
}

.fa-shake,
.fa-spin {
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
  animation-delay: var(--fa-animation-delay, 0s);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
  animation-direction: var(--fa-animation-direction, normal)
}

.fa-spin {
  -webkit-animation-name: fa-spin;
  animation-name: fa-spin;
  -webkit-animation-duration: var(--fa-animation-duration, 2s);
  animation-duration: var(--fa-animation-duration, 2s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, linear);
  animation-timing-function: var(--fa-animation-timing, linear)
}

.fa-spin-reverse {
  --fa-animation-direction: reverse
}

.fa-pulse,
.fa-spin-pulse {
  -webkit-animation-name: fa-spin;
  animation-name: fa-spin;
  -webkit-animation-direction: var(--fa-animation-direction, normal);
  animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
  animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, steps(8));
  animation-timing-function: var(--fa-animation-timing, steps(8))
}

@media (prefers-reduced-motion:reduce) {

  .fa-beat,
  .fa-beat-fade,
  .fa-bounce,
  .fa-fade,
  .fa-flip,
  .fa-pulse,
  .fa-shake,
  .fa-spin,
  .fa-spin-pulse {
    -webkit-animation-delay: -1ms;
    animation-delay: -1ms;
    -webkit-animation-duration: 1ms;
    animation-duration: 1ms;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s
  }
}

@-webkit-keyframes fa-beat {

  0%,
  90% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  45% {
    -webkit-transform: scale(var(--fa-beat-scale, 1.25));
    transform: scale(var(--fa-beat-scale, 1.25))
  }
}

@keyframes fa-beat {

  0%,
  90% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  45% {
    -webkit-transform: scale(var(--fa-beat-scale, 1.25));
    transform: scale(var(--fa-beat-scale, 1.25))
  }
}

@-webkit-keyframes fa-bounce {
  0% {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0)
  }

  10% {
    -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, .9)) translateY(0);
    transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, .9)) translateY(0)
  }

  30% {
    -webkit-transform: scale(var(--fa-bounce-jump-scale-x, .9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -.5em));
    transform: scale(var(--fa-bounce-jump-scale-x, .9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -.5em))
  }

  50% {
    -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, .95)) translateY(0);
    transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, .95)) translateY(0)
  }

  57% {
    -webkit-transform: scale(1) translateY(var(--fa-bounce-rebound, -.125em));
    transform: scale(1) translateY(var(--fa-bounce-rebound, -.125em))
  }

  64% {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0)
  }

  to {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0)
  }
}

@keyframes fa-bounce {
  0% {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0)
  }

  10% {
    -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, .9)) translateY(0);
    transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, .9)) translateY(0)
  }

  30% {
    -webkit-transform: scale(var(--fa-bounce-jump-scale-x, .9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -.5em));
    transform: scale(var(--fa-bounce-jump-scale-x, .9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -.5em))
  }

  50% {
    -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, .95)) translateY(0);
    transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, .95)) translateY(0)
  }

  57% {
    -webkit-transform: scale(1) translateY(var(--fa-bounce-rebound, -.125em));
    transform: scale(1) translateY(var(--fa-bounce-rebound, -.125em))
  }

  64% {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0)
  }

  to {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0)
  }
}

@-webkit-keyframes fa-fade {
  50% {
    opacity: var(--fa-fade-opacity, .4)
  }
}

@keyframes fa-fade {
  50% {
    opacity: var(--fa-fade-opacity, .4)
  }
}

@-webkit-keyframes fa-beat-fade {

  0%,
  to {
    opacity: var(--fa-beat-fade-opacity, .4);
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));
    transform: scale(var(--fa-beat-fade-scale, 1.125))
  }
}

@keyframes fa-beat-fade {

  0%,
  to {
    opacity: var(--fa-beat-fade-opacity, .4);
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));
    transform: scale(var(--fa-beat-fade-scale, 1.125))
  }
}

@-webkit-keyframes fa-flip {
  50% {
    -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
    transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg))
  }
}

@keyframes fa-flip {
  50% {
    -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
    transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg))
  }
}

@-webkit-keyframes fa-shake {
  0% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg)
  }

  4% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }

  8%,
  24% {
    -webkit-transform: rotate(-18deg);
    transform: rotate(-18deg)
  }

  12%,
  28% {
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg)
  }

  16% {
    -webkit-transform: rotate(-22deg);
    transform: rotate(-22deg)
  }

  20% {
    -webkit-transform: rotate(22deg);
    transform: rotate(22deg)
  }

  32% {
    -webkit-transform: rotate(-12deg);
    transform: rotate(-12deg)
  }

  36% {
    -webkit-transform: rotate(12deg);
    transform: rotate(12deg)
  }

  40%,
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}

@keyframes fa-shake {
  0% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg)
  }

  4% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }

  8%,
  24% {
    -webkit-transform: rotate(-18deg);
    transform: rotate(-18deg)
  }

  12%,
  28% {
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg)
  }

  16% {
    -webkit-transform: rotate(-22deg);
    transform: rotate(-22deg)
  }

  20% {
    -webkit-transform: rotate(22deg);
    transform: rotate(22deg)
  }

  32% {
    -webkit-transform: rotate(-12deg);
    transform: rotate(-12deg)
  }

  36% {
    -webkit-transform: rotate(12deg);
    transform: rotate(12deg)
  }

  40%,
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

.fa-rotate-90 {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

.fa-rotate-180 {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.fa-rotate-270 {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg)
}

.fa-flip-horizontal {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1)
}

.fa-flip-vertical {
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1)
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
  -webkit-transform: scale(-1);
  transform: scale(-1)
}

.fa-rotate-by {
  -webkit-transform: rotate(var(--fa-rotate-angle, none));
  transform: rotate(var(--fa-rotate-angle, none))
}

.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em
}

.fa-stack-1x,
.fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: var(--fa-stack-z-index, auto)
}

.fa-stack-1x {
  line-height: inherit
}

.fa-stack-2x {
  font-size: 2em
}

.fa-inverse {
  color: var(--fa-inverse, #fff)
}

.fa-0:before {
  content: "\30"
}

.fa-1:before {
  content: "\31"
}

.fa-2:before {
  content: "\32"
}

.fa-3:before {
  content: "\33"
}

.fa-4:before {
  content: "\34"
}

.fa-5:before {
  content: "\35"
}

.fa-6:before {
  content: "\36"
}

.fa-7:before {
  content: "\37"
}

.fa-8:before {
  content: "\38"
}

.fa-9:before {
  content: "\39"
}

.fa-fill-drip:before {
  content: "\f576"
}

.fa-arrows-to-circle:before {
  content: "\e4bd"
}

.fa-chevron-circle-right:before,
.fa-circle-chevron-right:before {
  content: "\f138"
}

.fa-at:before {
  content: "\40"
}

.fa-trash-alt:before,
.fa-trash-can:before {
  content: "\f2ed"
}

.fa-text-height:before {
  content: "\f034"
}

.fa-user-times:before,
.fa-user-xmark:before {
  content: "\f235"
}

.fa-stethoscope:before {
  content: "\f0f1"
}

.fa-comment-alt:before,
.fa-message:before {
  content: "\f27a"
}

.fa-info:before {
  content: "\f129"
}

.fa-compress-alt:before,
.fa-down-left-and-up-right-to-center:before {
  content: "\f422"
}

.fa-explosion:before {
  content: "\e4e9"
}

.fa-file-alt:before,
.fa-file-lines:before,
.fa-file-text:before {
  content: "\f15c"
}

.fa-wave-square:before {
  content: "\f83e"
}

.fa-ring:before {
  content: "\f70b"
}

.fa-building-un:before {
  content: "\e4d9"
}

.fa-dice-three:before {
  content: "\f527"
}

.fa-calendar-alt:before,
.fa-calendar-days:before {
  content: "\f073"
}

.fa-anchor-circle-check:before {
  content: "\e4aa"
}

.fa-building-circle-arrow-right:before {
  content: "\e4d1"
}

.fa-volleyball-ball:before,
.fa-volleyball:before {
  content: "\f45f"
}

.fa-arrows-up-to-line:before {
  content: "\e4c2"
}

.fa-sort-desc:before,
.fa-sort-down:before {
  content: "\f0dd"
}

.fa-circle-minus:before,
.fa-minus-circle:before {
  content: "\f056"
}

.fa-door-open:before {
  content: "\f52b"
}

.fa-right-from-bracket:before,
.fa-sign-out-alt:before {
  content: "\f2f5"
}

.fa-atom:before {
  content: "\f5d2"
}

.fa-soap:before {
  content: "\e06e"
}

.fa-heart-music-camera-bolt:before,
.fa-icons:before {
  content: "\f86d"
}

.fa-microphone-alt-slash:before,
.fa-microphone-lines-slash:before {
  content: "\f539"
}

.fa-bridge-circle-check:before {
  content: "\e4c9"
}

.fa-pump-medical:before {
  content: "\e06a"
}

.fa-fingerprint:before {
  content: "\f577"
}

.fa-hand-point-right:before {
  content: "\f0a4"
}

.fa-magnifying-glass-location:before,
.fa-search-location:before {
  content: "\f689"
}

.fa-forward-step:before,
.fa-step-forward:before {
  content: "\f051"
}

.fa-face-smile-beam:before,
.fa-smile-beam:before {
  content: "\f5b8"
}

.fa-flag-checkered:before {
  content: "\f11e"
}

.fa-football-ball:before,
.fa-football:before {
  content: "\f44e"
}

.fa-school-circle-exclamation:before {
  content: "\e56c"
}

.fa-crop:before {
  content: "\f125"
}

.fa-angle-double-down:before,
.fa-angles-down:before {
  content: "\f103"
}

.fa-users-rectangle:before {
  content: "\e594"
}

.fa-people-roof:before {
  content: "\e537"
}

.fa-people-line:before {
  content: "\e534"
}

.fa-beer-mug-empty:before,
.fa-beer:before {
  content: "\f0fc"
}

.fa-diagram-predecessor:before {
  content: "\e477"
}

.fa-arrow-up-long:before,
.fa-long-arrow-up:before {
  content: "\f176"
}

.fa-burn:before,
.fa-fire-flame-simple:before {
  content: "\f46a"
}

.fa-male:before,
.fa-person:before {
  content: "\f183"
}

.fa-laptop:before {
  content: "\f109"
}

.fa-file-csv:before {
  content: "\f6dd"
}

.fa-menorah:before {
  content: "\f676"
}

.fa-truck-plane:before {
  content: "\e58f"
}

.fa-record-vinyl:before {
  content: "\f8d9"
}

.fa-face-grin-stars:before,
.fa-grin-stars:before {
  content: "\f587"
}

.fa-bong:before {
  content: "\f55c"
}

.fa-pastafarianism:before,
.fa-spaghetti-monster-flying:before {
  content: "\f67b"
}

.fa-arrow-down-up-across-line:before {
  content: "\e4af"
}

.fa-spoon:before,
.fa-utensil-spoon:before {
  content: "\f2e5"
}

.fa-jar-wheat:before {
  content: "\e517"
}

.fa-envelopes-bulk:before,
.fa-mail-bulk:before {
  content: "\f674"
}

.fa-file-circle-exclamation:before {
  content: "\e4eb"
}

.fa-circle-h:before,
.fa-hospital-symbol:before {
  content: "\f47e"
}

.fa-pager:before {
  content: "\f815"
}

.fa-address-book:before,
.fa-contact-book:before {
  content: "\f2b9"
}

.fa-strikethrough:before {
  content: "\f0cc"
}

.fa-k:before {
  content: "\4b"
}

.fa-landmark-flag:before {
  content: "\e51c"
}

.fa-pencil-alt:before,
.fa-pencil:before {
  content: "\f303"
}

.fa-backward:before {
  content: "\f04a"
}

.fa-caret-right:before {
  content: "\f0da"
}

.fa-comments:before {
  content: "\f086"
}

.fa-file-clipboard:before,
.fa-paste:before {
  content: "\f0ea"
}

.fa-code-pull-request:before {
  content: "\e13c"
}

.fa-clipboard-list:before {
  content: "\f46d"
}

.fa-truck-loading:before,
.fa-truck-ramp-box:before {
  content: "\f4de"
}

.fa-user-check:before {
  content: "\f4fc"
}

.fa-vial-virus:before {
  content: "\e597"
}

.fa-sheet-plastic:before {
  content: "\e571"
}

.fa-blog:before {
  content: "\f781"
}

.fa-user-ninja:before {
  content: "\f504"
}

.fa-person-arrow-up-from-line:before {
  content: "\e539"
}

.fa-scroll-torah:before,
.fa-torah:before {
  content: "\f6a0"
}

.fa-broom-ball:before,
.fa-quidditch-broom-ball:before,
.fa-quidditch:before {
  content: "\f458"
}

.fa-toggle-off:before {
  content: "\f204"
}

.fa-archive:before,
.fa-box-archive:before {
  content: "\f187"
}

.fa-person-drowning:before {
  content: "\e545"
}

.fa-arrow-down-9-1:before,
.fa-sort-numeric-desc:before,
.fa-sort-numeric-down-alt:before {
  content: "\f886"
}

.fa-face-grin-tongue-squint:before,
.fa-grin-tongue-squint:before {
  content: "\f58a"
}

.fa-spray-can:before {
  content: "\f5bd"
}

.fa-truck-monster:before {
  content: "\f63b"
}

.fa-w:before {
  content: "\57"
}

.fa-earth-africa:before,
.fa-globe-africa:before {
  content: "\f57c"
}

.fa-rainbow:before {
  content: "\f75b"
}

.fa-circle-notch:before {
  content: "\f1ce"
}

.fa-tablet-alt:before,
.fa-tablet-screen-button:before {
  content: "\f3fa"
}

.fa-paw:before {
  content: "\f1b0"
}

.fa-cloud:before {
  content: "\f0c2"
}

.fa-trowel-bricks:before {
  content: "\e58a"
}

.fa-face-flushed:before,
.fa-flushed:before {
  content: "\f579"
}

.fa-hospital-user:before {
  content: "\f80d"
}

.fa-tent-arrow-left-right:before {
  content: "\e57f"
}

.fa-gavel:before,
.fa-legal:before {
  content: "\f0e3"
}

.fa-binoculars:before {
  content: "\f1e5"
}

.fa-microphone-slash:before {
  content: "\f131"
}

.fa-box-tissue:before {
  content: "\e05b"
}

.fa-motorcycle:before {
  content: "\f21c"
}

.fa-bell-concierge:before,
.fa-concierge-bell:before {
  content: "\f562"
}

.fa-pen-ruler:before,
.fa-pencil-ruler:before {
  content: "\f5ae"
}

.fa-people-arrows-left-right:before,
.fa-people-arrows:before {
  content: "\e068"
}

.fa-mars-and-venus-burst:before {
  content: "\e523"
}

.fa-caret-square-right:before,
.fa-square-caret-right:before {
  content: "\f152"
}

.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4"
}

.fa-sun-plant-wilt:before {
  content: "\e57a"
}

.fa-toilets-portable:before {
  content: "\e584"
}

.fa-hockey-puck:before {
  content: "\f453"
}

.fa-table:before {
  content: "\f0ce"
}

.fa-magnifying-glass-arrow-right:before {
  content: "\e521"
}

.fa-digital-tachograph:before,
.fa-tachograph-digital:before {
  content: "\f566"
}

.fa-users-slash:before {
  content: "\e073"
}

.fa-clover:before {
  content: "\e139"
}

.fa-mail-reply:before,
.fa-reply:before {
  content: "\f3e5"
}

.fa-star-and-crescent:before {
  content: "\f699"
}

.fa-house-fire:before {
  content: "\e50c"
}

.fa-minus-square:before,
.fa-square-minus:before {
  content: "\f146"
}

.fa-helicopter:before {
  content: "\f533"
}

.fa-compass:before {
  content: "\f14e"
}

.fa-caret-square-down:before,
.fa-square-caret-down:before {
  content: "\f150"
}

.fa-file-circle-question:before {
  content: "\e4ef"
}

.fa-laptop-code:before {
  content: "\f5fc"
}

.fa-swatchbook:before {
  content: "\f5c3"
}

.fa-prescription-bottle:before {
  content: "\f485"
}

.fa-bars:before,
.fa-navicon:before {
  content: "\f0c9"
}

.fa-people-group:before {
  content: "\e533"
}

.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253"
}

.fa-heart-broken:before,
.fa-heart-crack:before {
  content: "\f7a9"
}

.fa-external-link-square-alt:before,
.fa-square-up-right:before {
  content: "\f360"
}

.fa-face-kiss-beam:before,
.fa-kiss-beam:before {
  content: "\f597"
}

.fa-film:before {
  content: "\f008"
}

.fa-ruler-horizontal:before {
  content: "\f547"
}

.fa-people-robbery:before {
  content: "\e536"
}

.fa-lightbulb:before {
  content: "\f0eb"
}

.fa-caret-left:before {
  content: "\f0d9"
}

.fa-circle-exclamation:before,
.fa-exclamation-circle:before {
  content: "\f06a"
}

.fa-school-circle-xmark:before {
  content: "\e56d"
}

.fa-arrow-right-from-bracket:before,
.fa-sign-out:before {
  content: "\f08b"
}

.fa-chevron-circle-down:before,
.fa-circle-chevron-down:before {
  content: "\f13a"
}

.fa-unlock-alt:before,
.fa-unlock-keyhole:before {
  content: "\f13e"
}

.fa-cloud-showers-heavy:before {
  content: "\f740"
}

.fa-headphones-alt:before,
.fa-headphones-simple:before {
  content: "\f58f"
}

.fa-sitemap:before {
  content: "\f0e8"
}

.fa-circle-dollar-to-slot:before,
.fa-donate:before {
  content: "\f4b9"
}

.fa-memory:before {
  content: "\f538"
}

.fa-road-spikes:before {
  content: "\e568"
}

.fa-fire-burner:before {
  content: "\e4f1"
}

.fa-flag:before {
  content: "\f024"
}

.fa-hanukiah:before {
  content: "\f6e6"
}

.fa-feather:before {
  content: "\f52d"
}

.fa-volume-down:before,
.fa-volume-low:before {
  content: "\f027"
}

.fa-comment-slash:before {
  content: "\f4b3"
}

.fa-cloud-sun-rain:before {
  content: "\f743"
}

.fa-compress:before {
  content: "\f066"
}

.fa-wheat-alt:before,
.fa-wheat-awn:before {
  content: "\e2cd"
}

.fa-ankh:before {
  content: "\f644"
}

.fa-hands-holding-child:before {
  content: "\e4fa"
}

.fa-asterisk:before {
  content: "\2a"
}

.fa-check-square:before,
.fa-square-check:before {
  content: "\f14a"
}

.fa-peseta-sign:before {
  content: "\e221"
}

.fa-header:before,
.fa-heading:before {
  content: "\f1dc"
}

.fa-ghost:before {
  content: "\f6e2"
}

.fa-list-squares:before,
.fa-list:before {
  content: "\f03a"
}

.fa-phone-square-alt:before,
.fa-square-phone-flip:before {
  content: "\f87b"
}

.fa-cart-plus:before {
  content: "\f217"
}

.fa-gamepad:before {
  content: "\f11b"
}

.fa-circle-dot:before,
.fa-dot-circle:before {
  content: "\f192"
}

.fa-dizzy:before,
.fa-face-dizzy:before {
  content: "\f567"
}

.fa-egg:before {
  content: "\f7fb"
}

.fa-house-medical-circle-xmark:before {
  content: "\e513"
}

.fa-campground:before {
  content: "\f6bb"
}

.fa-folder-plus:before {
  content: "\f65e"
}

.fa-futbol-ball:before,
.fa-futbol:before,
.fa-soccer-ball:before {
  content: "\f1e3"
}

.fa-paint-brush:before,
.fa-paintbrush:before {
  content: "\f1fc"
}

.fa-lock:before {
  content: "\f023"
}

.fa-gas-pump:before {
  content: "\f52f"
}

.fa-hot-tub-person:before,
.fa-hot-tub:before {
  content: "\f593"
}

.fa-map-location:before,
.fa-map-marked:before {
  content: "\f59f"
}

.fa-house-flood-water:before {
  content: "\e50e"
}

.fa-tree:before {
  content: "\f1bb"
}

.fa-bridge-lock:before {
  content: "\e4cc"
}

.fa-sack-dollar:before {
  content: "\f81d"
}

.fa-edit:before,
.fa-pen-to-square:before {
  content: "\f044"
}

.fa-car-side:before {
  content: "\f5e4"
}

.fa-share-alt:before,
.fa-share-nodes:before {
  content: "\f1e0"
}

.fa-heart-circle-minus:before {
  content: "\e4ff"
}

.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252"
}

.fa-microscope:before {
  content: "\f610"
}

.fa-sink:before {
  content: "\e06d"
}

.fa-bag-shopping:before,
.fa-shopping-bag:before {
  content: "\f290"
}

.fa-arrow-down-z-a:before,
.fa-sort-alpha-desc:before,
.fa-sort-alpha-down-alt:before {
  content: "\f881"
}

.fa-mitten:before {
  content: "\f7b5"
}

.fa-person-rays:before {
  content: "\e54d"
}

.fa-users:before {
  content: "\f0c0"
}

.fa-eye-slash:before {
  content: "\f070"
}

.fa-flask-vial:before {
  content: "\e4f3"
}

.fa-hand-paper:before,
.fa-hand:before {
  content: "\f256"
}

.fa-om:before {
  content: "\f679"
}

.fa-worm:before {
  content: "\e599"
}

.fa-house-circle-xmark:before {
  content: "\e50b"
}

.fa-plug:before {
  content: "\f1e6"
}

.fa-chevron-up:before {
  content: "\f077"
}

.fa-hand-spock:before {
  content: "\f259"
}

.fa-stopwatch:before {
  content: "\f2f2"
}

.fa-face-kiss:before,
.fa-kiss:before {
  content: "\f596"
}

.fa-bridge-circle-xmark:before {
  content: "\e4cb"
}

.fa-face-grin-tongue:before,
.fa-grin-tongue:before {
  content: "\f589"
}

.fa-chess-bishop:before {
  content: "\f43a"
}

.fa-face-grin-wink:before,
.fa-grin-wink:before {
  content: "\f58c"
}

.fa-deaf:before,
.fa-deafness:before,
.fa-ear-deaf:before,
.fa-hard-of-hearing:before {
  content: "\f2a4"
}

.fa-road-circle-check:before {
  content: "\e564"
}

.fa-dice-five:before {
  content: "\f523"
}

.fa-rss-square:before,
.fa-square-rss:before {
  content: "\f143"
}

.fa-land-mine-on:before {
  content: "\e51b"
}

.fa-i-cursor:before {
  content: "\f246"
}

.fa-stamp:before {
  content: "\f5bf"
}

.fa-stairs:before {
  content: "\e289"
}

.fa-i:before {
  content: "\49"
}

.fa-hryvnia-sign:before,
.fa-hryvnia:before {
  content: "\f6f2"
}

.fa-pills:before {
  content: "\f484"
}

.fa-face-grin-wide:before,
.fa-grin-alt:before {
  content: "\f581"
}

.fa-tooth:before {
  content: "\f5c9"
}

.fa-v:before {
  content: "\56"
}

.fa-bangladeshi-taka-sign:before {
  content: "\e2e6"
}

.fa-bicycle:before {
  content: "\f206"
}

.fa-rod-asclepius:before,
.fa-rod-snake:before,
.fa-staff-aesculapius:before,
.fa-staff-snake:before {
  content: "\e579"
}

.fa-head-side-cough-slash:before {
  content: "\e062"
}

.fa-ambulance:before,
.fa-truck-medical:before {
  content: "\f0f9"
}

.fa-wheat-awn-circle-exclamation:before {
  content: "\e598"
}

.fa-snowman:before {
  content: "\f7d0"
}

.fa-mortar-pestle:before {
  content: "\f5a7"
}

.fa-road-barrier:before {
  content: "\e562"
}

.fa-school:before {
  content: "\f549"
}

.fa-igloo:before {
  content: "\f7ae"
}

.fa-joint:before {
  content: "\f595"
}

.fa-angle-right:before {
  content: "\f105"
}

.fa-horse:before {
  content: "\f6f0"
}

.fa-q:before {
  content: "\51"
}

.fa-g:before {
  content: "\47"
}

.fa-notes-medical:before {
  content: "\f481"
}

.fa-temperature-2:before,
.fa-temperature-half:before,
.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\f2c9"
}

.fa-dong-sign:before {
  content: "\e169"
}

.fa-capsules:before {
  content: "\f46b"
}

.fa-poo-bolt:before,
.fa-poo-storm:before {
  content: "\f75a"
}

.fa-face-frown-open:before,
.fa-frown-open:before {
  content: "\f57a"
}

.fa-hand-point-up:before {
  content: "\f0a6"
}

.fa-money-bill:before {
  content: "\f0d6"
}

.fa-bookmark:before {
  content: "\f02e"
}

.fa-align-justify:before {
  content: "\f039"
}

.fa-umbrella-beach:before {
  content: "\f5ca"
}

.fa-helmet-un:before {
  content: "\e503"
}

.fa-bullseye:before {
  content: "\f140"
}

.fa-bacon:before {
  content: "\f7e5"
}

.fa-hand-point-down:before {
  content: "\f0a7"
}

.fa-arrow-up-from-bracket:before {
  content: "\e09a"
}

.fa-folder-blank:before,
.fa-folder:before {
  content: "\f07b"
}

.fa-file-medical-alt:before,
.fa-file-waveform:before {
  content: "\f478"
}

.fa-radiation:before {
  content: "\f7b9"
}

.fa-chart-simple:before {
  content: "\e473"
}

.fa-mars-stroke:before {
  content: "\f229"
}

.fa-vial:before {
  content: "\f492"
}

.fa-dashboard:before,
.fa-gauge-med:before,
.fa-gauge:before,
.fa-tachometer-alt-average:before {
  content: "\f624"
}

.fa-magic-wand-sparkles:before,
.fa-wand-magic-sparkles:before {
  content: "\e2ca"
}

.fa-e:before {
  content: "\45"
}

.fa-pen-alt:before,
.fa-pen-clip:before {
  content: "\f305"
}

.fa-bridge-circle-exclamation:before {
  content: "\e4ca"
}

.fa-user:before {
  content: "\f007"
}

.fa-school-circle-check:before {
  content: "\e56b"
}

.fa-dumpster:before {
  content: "\f793"
}

.fa-shuttle-van:before,
.fa-van-shuttle:before {
  content: "\f5b6"
}

.fa-building-user:before {
  content: "\e4da"
}

.fa-caret-square-left:before,
.fa-square-caret-left:before {
  content: "\f191"
}

.fa-highlighter:before {
  content: "\f591"
}

.fa-key:before {
  content: "\f084"
}

.fa-bullhorn:before {
  content: "\f0a1"
}

.fa-globe:before {
  content: "\f0ac"
}

.fa-synagogue:before {
  content: "\f69b"
}

.fa-person-half-dress:before {
  content: "\e548"
}

.fa-road-bridge:before {
  content: "\e563"
}

.fa-location-arrow:before {
  content: "\f124"
}

.fa-c:before {
  content: "\43"
}

.fa-tablet-button:before {
  content: "\f10a"
}

.fa-building-lock:before {
  content: "\e4d6"
}

.fa-pizza-slice:before {
  content: "\f818"
}

.fa-money-bill-wave:before {
  content: "\f53a"
}

.fa-area-chart:before,
.fa-chart-area:before {
  content: "\f1fe"
}

.fa-house-flag:before {
  content: "\e50d"
}

.fa-person-circle-minus:before {
  content: "\e540"
}

.fa-ban:before,
.fa-cancel:before {
  content: "\f05e"
}

.fa-camera-rotate:before {
  content: "\e0d8"
}

.fa-air-freshener:before,
.fa-spray-can-sparkles:before {
  content: "\f5d0"
}

.fa-star:before {
  content: "\f005"
}

.fa-repeat:before {
  content: "\f363"
}

.fa-cross:before {
  content: "\f654"
}

.fa-box:before {
  content: "\f466"
}

.fa-venus-mars:before {
  content: "\f228"
}

.fa-arrow-pointer:before,
.fa-mouse-pointer:before {
  content: "\f245"
}

.fa-expand-arrows-alt:before,
.fa-maximize:before {
  content: "\f31e"
}

.fa-charging-station:before {
  content: "\f5e7"
}

.fa-shapes:before,
.fa-triangle-circle-square:before {
  content: "\f61f"
}

.fa-random:before,
.fa-shuffle:before {
  content: "\f074"
}

.fa-person-running:before,
.fa-running:before {
  content: "\f70c"
}

.fa-mobile-retro:before {
  content: "\e527"
}

.fa-grip-lines-vertical:before {
  content: "\f7a5"
}

.fa-spider:before {
  content: "\f717"
}

.fa-hands-bound:before {
  content: "\e4f9"
}

.fa-file-invoice-dollar:before {
  content: "\f571"
}

.fa-plane-circle-exclamation:before {
  content: "\e556"
}

.fa-x-ray:before {
  content: "\f497"
}

.fa-spell-check:before {
  content: "\f891"
}

.fa-slash:before {
  content: "\f715"
}

.fa-computer-mouse:before,
.fa-mouse:before {
  content: "\f8cc"
}

.fa-arrow-right-to-bracket:before,
.fa-sign-in:before {
  content: "\f090"
}

.fa-shop-slash:before,
.fa-store-alt-slash:before {
  content: "\e070"
}

.fa-server:before {
  content: "\f233"
}

.fa-virus-covid-slash:before {
  content: "\e4a9"
}

.fa-shop-lock:before {
  content: "\e4a5"
}

.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251"
}

.fa-blender-phone:before {
  content: "\f6b6"
}

.fa-building-wheat:before {
  content: "\e4db"
}

.fa-person-breastfeeding:before {
  content: "\e53a"
}

.fa-right-to-bracket:before,
.fa-sign-in-alt:before {
  content: "\f2f6"
}

.fa-venus:before {
  content: "\f221"
}

.fa-passport:before {
  content: "\f5ab"
}

.fa-heart-pulse:before,
.fa-heartbeat:before {
  content: "\f21e"
}

.fa-people-carry-box:before,
.fa-people-carry:before {
  content: "\f4ce"
}

.fa-temperature-high:before {
  content: "\f769"
}

.fa-microchip:before {
  content: "\f2db"
}

.fa-crown:before {
  content: "\f521"
}

.fa-weight-hanging:before {
  content: "\f5cd"
}

.fa-xmarks-lines:before {
  content: "\e59a"
}

.fa-file-prescription:before {
  content: "\f572"
}

.fa-weight-scale:before,
.fa-weight:before {
  content: "\f496"
}

.fa-user-friends:before,
.fa-user-group:before {
  content: "\f500"
}

.fa-arrow-up-a-z:before,
.fa-sort-alpha-up:before {
  content: "\f15e"
}

.fa-chess-knight:before {
  content: "\f441"
}

.fa-face-laugh-squint:before,
.fa-laugh-squint:before {
  content: "\f59b"
}

.fa-wheelchair:before {
  content: "\f193"
}

.fa-arrow-circle-up:before,
.fa-circle-arrow-up:before {
  content: "\f0aa"
}

.fa-toggle-on:before {
  content: "\f205"
}

.fa-person-walking:before,
.fa-walking:before {
  content: "\f554"
}

.fa-l:before {
  content: "\4c"
}

.fa-fire:before {
  content: "\f06d"
}

.fa-bed-pulse:before,
.fa-procedures:before {
  content: "\f487"
}

.fa-shuttle-space:before,
.fa-space-shuttle:before {
  content: "\f197"
}

.fa-face-laugh:before,
.fa-laugh:before {
  content: "\f599"
}

.fa-folder-open:before {
  content: "\f07c"
}

.fa-heart-circle-plus:before {
  content: "\e500"
}

.fa-code-fork:before {
  content: "\e13b"
}

.fa-city:before {
  content: "\f64f"
}

.fa-microphone-alt:before,
.fa-microphone-lines:before {
  content: "\f3c9"
}

.fa-pepper-hot:before {
  content: "\f816"
}

.fa-unlock:before {
  content: "\f09c"
}

.fa-colon-sign:before {
  content: "\e140"
}

.fa-headset:before {
  content: "\f590"
}

.fa-store-slash:before {
  content: "\e071"
}

.fa-road-circle-xmark:before {
  content: "\e566"
}

.fa-user-minus:before {
  content: "\f503"
}

.fa-mars-stroke-up:before,
.fa-mars-stroke-v:before {
  content: "\f22a"
}

.fa-champagne-glasses:before,
.fa-glass-cheers:before {
  content: "\f79f"
}

.fa-clipboard:before {
  content: "\f328"
}

.fa-house-circle-exclamation:before {
  content: "\e50a"
}

.fa-file-arrow-up:before,
.fa-file-upload:before {
  content: "\f574"
}

.fa-wifi-3:before,
.fa-wifi-strong:before,
.fa-wifi:before {
  content: "\f1eb"
}

.fa-bath:before,
.fa-bathtub:before {
  content: "\f2cd"
}

.fa-underline:before {
  content: "\f0cd"
}

.fa-user-edit:before,
.fa-user-pen:before {
  content: "\f4ff"
}

.fa-signature:before {
  content: "\f5b7"
}

.fa-stroopwafel:before {
  content: "\f551"
}

.fa-bold:before {
  content: "\f032"
}

.fa-anchor-lock:before {
  content: "\e4ad"
}

.fa-building-ngo:before {
  content: "\e4d7"
}

.fa-manat-sign:before {
  content: "\e1d5"
}

.fa-not-equal:before {
  content: "\f53e"
}

.fa-border-style:before,
.fa-border-top-left:before {
  content: "\f853"
}

.fa-map-location-dot:before,
.fa-map-marked-alt:before {
  content: "\f5a0"
}

.fa-jedi:before {
  content: "\f669"
}

.fa-poll:before,
.fa-square-poll-vertical:before {
  content: "\f681"
}

.fa-mug-hot:before {
  content: "\f7b6"
}

.fa-battery-car:before,
.fa-car-battery:before {
  content: "\f5df"
}

.fa-gift:before {
  content: "\f06b"
}

.fa-dice-two:before {
  content: "\f528"
}

.fa-chess-queen:before {
  content: "\f445"
}

.fa-glasses:before {
  content: "\f530"
}

.fa-chess-board:before {
  content: "\f43c"
}

.fa-building-circle-check:before {
  content: "\e4d2"
}

.fa-person-chalkboard:before {
  content: "\e53d"
}

.fa-mars-stroke-h:before,
.fa-mars-stroke-right:before {
  content: "\f22b"
}

.fa-hand-back-fist:before,
.fa-hand-rock:before {
  content: "\f255"
}

.fa-caret-square-up:before,
.fa-square-caret-up:before {
  content: "\f151"
}

.fa-cloud-showers-water:before {
  content: "\e4e4"
}

.fa-bar-chart:before,
.fa-chart-bar:before {
  content: "\f080"
}

.fa-hands-bubbles:before,
.fa-hands-wash:before {
  content: "\e05e"
}

.fa-less-than-equal:before {
  content: "\f537"
}

.fa-train:before {
  content: "\f238"
}

.fa-eye-low-vision:before,
.fa-low-vision:before {
  content: "\f2a8"
}

.fa-crow:before {
  content: "\f520"
}

.fa-sailboat:before {
  content: "\e445"
}

.fa-window-restore:before {
  content: "\f2d2"
}

.fa-plus-square:before,
.fa-square-plus:before {
  content: "\f0fe"
}

.fa-torii-gate:before {
  content: "\f6a1"
}

.fa-frog:before {
  content: "\f52e"
}

.fa-bucket:before {
  content: "\e4cf"
}

.fa-image:before {
  content: "\f03e"
}

.fa-microphone:before {
  content: "\f130"
}

.fa-cow:before {
  content: "\f6c8"
}

.fa-caret-up:before {
  content: "\f0d8"
}

.fa-screwdriver:before {
  content: "\f54a"
}

.fa-folder-closed:before {
  content: "\e185"
}

.fa-house-tsunami:before {
  content: "\e515"
}

.fa-square-nfi:before {
  content: "\e576"
}

.fa-arrow-up-from-ground-water:before {
  content: "\e4b5"
}

.fa-glass-martini-alt:before,
.fa-martini-glass:before {
  content: "\f57b"
}

.fa-rotate-back:before,
.fa-rotate-backward:before,
.fa-rotate-left:before,
.fa-undo-alt:before {
  content: "\f2ea"
}

.fa-columns:before,
.fa-table-columns:before {
  content: "\f0db"
}

.fa-lemon:before {
  content: "\f094"
}

.fa-head-side-mask:before {
  content: "\e063"
}

.fa-handshake:before {
  content: "\f2b5"
}

.fa-gem:before {
  content: "\f3a5"
}

.fa-dolly-box:before,
.fa-dolly:before {
  content: "\f472"
}

.fa-smoking:before {
  content: "\f48d"
}

.fa-compress-arrows-alt:before,
.fa-minimize:before {
  content: "\f78c"
}

.fa-monument:before {
  content: "\f5a6"
}

.fa-snowplow:before {
  content: "\f7d2"
}

.fa-angle-double-right:before,
.fa-angles-right:before {
  content: "\f101"
}

.fa-cannabis:before {
  content: "\f55f"
}

.fa-circle-play:before,
.fa-play-circle:before {
  content: "\f144"
}

.fa-tablets:before {
  content: "\f490"
}

.fa-ethernet:before {
  content: "\f796"
}

.fa-eur:before,
.fa-euro-sign:before,
.fa-euro:before {
  content: "\f153"
}

.fa-chair:before {
  content: "\f6c0"
}

.fa-check-circle:before,
.fa-circle-check:before {
  content: "\f058"
}

.fa-circle-stop:before,
.fa-stop-circle:before {
  content: "\f28d"
}

.fa-compass-drafting:before,
.fa-drafting-compass:before {
  content: "\f568"
}

.fa-plate-wheat:before {
  content: "\e55a"
}

.fa-icicles:before {
  content: "\f7ad"
}

.fa-person-shelter:before {
  content: "\e54f"
}

.fa-neuter:before {
  content: "\f22c"
}

.fa-id-badge:before {
  content: "\f2c1"
}

.fa-marker:before {
  content: "\f5a1"
}

.fa-face-laugh-beam:before,
.fa-laugh-beam:before {
  content: "\f59a"
}

.fa-helicopter-symbol:before {
  content: "\e502"
}

.fa-universal-access:before {
  content: "\f29a"
}

.fa-chevron-circle-up:before,
.fa-circle-chevron-up:before {
  content: "\f139"
}

.fa-lari-sign:before {
  content: "\e1c8"
}

.fa-volcano:before {
  content: "\f770"
}

.fa-person-walking-dashed-line-arrow-right:before {
  content: "\e553"
}

.fa-gbp:before,
.fa-pound-sign:before,
.fa-sterling-sign:before {
  content: "\f154"
}

.fa-viruses:before {
  content: "\e076"
}

.fa-square-person-confined:before {
  content: "\e577"
}

.fa-user-tie:before {
  content: "\f508"
}

.fa-arrow-down-long:before,
.fa-long-arrow-down:before {
  content: "\f175"
}

.fa-tent-arrow-down-to-line:before {
  content: "\e57e"
}

.fa-certificate:before {
  content: "\f0a3"
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122"
}

.fa-suitcase:before {
  content: "\f0f2"
}

.fa-person-skating:before,
.fa-skating:before {
  content: "\f7c5"
}

.fa-filter-circle-dollar:before,
.fa-funnel-dollar:before {
  content: "\f662"
}

.fa-camera-retro:before {
  content: "\f083"
}

.fa-arrow-circle-down:before,
.fa-circle-arrow-down:before {
  content: "\f0ab"
}

.fa-arrow-right-to-file:before,
.fa-file-import:before {
  content: "\f56f"
}

.fa-external-link-square:before,
.fa-square-arrow-up-right:before {
  content: "\f14c"
}

.fa-box-open:before {
  content: "\f49e"
}

.fa-scroll:before {
  content: "\f70e"
}

.fa-spa:before {
  content: "\f5bb"
}

.fa-location-pin-lock:before {
  content: "\e51f"
}

.fa-pause:before {
  content: "\f04c"
}

.fa-hill-avalanche:before {
  content: "\e507"
}

.fa-temperature-0:before,
.fa-temperature-empty:before,
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\f2cb"
}

.fa-bomb:before {
  content: "\f1e2"
}

.fa-registered:before {
  content: "\f25d"
}

.fa-address-card:before,
.fa-contact-card:before,
.fa-vcard:before {
  content: "\f2bb"
}

.fa-balance-scale-right:before,
.fa-scale-unbalanced-flip:before {
  content: "\f516"
}

.fa-subscript:before {
  content: "\f12c"
}

.fa-diamond-turn-right:before,
.fa-directions:before {
  content: "\f5eb"
}

.fa-burst:before {
  content: "\e4dc"
}

.fa-house-laptop:before,
.fa-laptop-house:before {
  content: "\e066"
}

.fa-face-tired:before,
.fa-tired:before {
  content: "\f5c8"
}

.fa-money-bills:before {
  content: "\e1f3"
}

.fa-smog:before {
  content: "\f75f"
}

.fa-crutch:before {
  content: "\f7f7"
}

.fa-cloud-arrow-up:before,
.fa-cloud-upload-alt:before,
.fa-cloud-upload:before {
  content: "\f0ee"
}

.fa-palette:before {
  content: "\f53f"
}

.fa-arrows-turn-right:before {
  content: "\e4c0"
}

.fa-vest:before {
  content: "\e085"
}

.fa-ferry:before {
  content: "\e4ea"
}

.fa-arrows-down-to-people:before {
  content: "\e4b9"
}

.fa-seedling:before,
.fa-sprout:before {
  content: "\f4d8"
}

.fa-arrows-alt-h:before,
.fa-left-right:before {
  content: "\f337"
}

.fa-boxes-packing:before {
  content: "\e4c7"
}

.fa-arrow-circle-left:before,
.fa-circle-arrow-left:before {
  content: "\f0a8"
}

.fa-group-arrows-rotate:before {
  content: "\e4f6"
}

.fa-bowl-food:before {
  content: "\e4c6"
}

.fa-candy-cane:before {
  content: "\f786"
}

.fa-arrow-down-wide-short:before,
.fa-sort-amount-asc:before,
.fa-sort-amount-down:before {
  content: "\f160"
}

.fa-cloud-bolt:before,
.fa-thunderstorm:before {
  content: "\f76c"
}

.fa-remove-format:before,
.fa-text-slash:before {
  content: "\f87d"
}

.fa-face-smile-wink:before,
.fa-smile-wink:before {
  content: "\f4da"
}

.fa-file-word:before {
  content: "\f1c2"
}

.fa-file-powerpoint:before {
  content: "\f1c4"
}

.fa-arrows-h:before,
.fa-arrows-left-right:before {
  content: "\f07e"
}

.fa-house-lock:before {
  content: "\e510"
}

.fa-cloud-arrow-down:before,
.fa-cloud-download-alt:before,
.fa-cloud-download:before {
  content: "\f0ed"
}

.fa-children:before {
  content: "\e4e1"
}

.fa-blackboard:before,
.fa-chalkboard:before {
  content: "\f51b"
}

.fa-user-alt-slash:before,
.fa-user-large-slash:before {
  content: "\f4fa"
}

.fa-envelope-open:before {
  content: "\f2b6"
}

.fa-handshake-alt-slash:before,
.fa-handshake-simple-slash:before {
  content: "\e05f"
}

.fa-mattress-pillow:before {
  content: "\e525"
}

.fa-guarani-sign:before {
  content: "\e19a"
}

.fa-arrows-rotate:before,
.fa-refresh:before,
.fa-sync:before {
  content: "\f021"
}

.fa-fire-extinguisher:before {
  content: "\f134"
}

.fa-cruzeiro-sign:before {
  content: "\e152"
}

.fa-greater-than-equal:before {
  content: "\f532"
}

.fa-shield-alt:before,
.fa-shield-halved:before {
  content: "\f3ed"
}

.fa-atlas:before,
.fa-book-atlas:before {
  content: "\f558"
}

.fa-virus:before {
  content: "\e074"
}

.fa-envelope-circle-check:before {
  content: "\e4e8"
}

.fa-layer-group:before {
  content: "\f5fd"
}

.fa-arrows-to-dot:before {
  content: "\e4be"
}

.fa-archway:before {
  content: "\f557"
}

.fa-heart-circle-check:before {
  content: "\e4fd"
}

.fa-house-chimney-crack:before,
.fa-house-damage:before {
  content: "\f6f1"
}

.fa-file-archive:before,
.fa-file-zipper:before {
  content: "\f1c6"
}

.fa-square:before {
  content: "\f0c8"
}

.fa-glass-martini:before,
.fa-martini-glass-empty:before {
  content: "\f000"
}

.fa-couch:before {
  content: "\f4b8"
}

.fa-cedi-sign:before {
  content: "\e0df"
}

.fa-italic:before {
  content: "\f033"
}

.fa-church:before {
  content: "\f51d"
}

.fa-comments-dollar:before {
  content: "\f653"
}

.fa-democrat:before {
  content: "\f747"
}

.fa-z:before {
  content: "\5a"
}

.fa-person-skiing:before,
.fa-skiing:before {
  content: "\f7c9"
}

.fa-road-lock:before {
  content: "\e567"
}

.fa-a:before {
  content: "\41"
}

.fa-temperature-arrow-down:before,
.fa-temperature-down:before {
  content: "\e03f"
}

.fa-feather-alt:before,
.fa-feather-pointed:before {
  content: "\f56b"
}

.fa-p:before {
  content: "\50"
}

.fa-snowflake:before {
  content: "\f2dc"
}

.fa-newspaper:before {
  content: "\f1ea"
}

.fa-ad:before,
.fa-rectangle-ad:before {
  content: "\f641"
}

.fa-arrow-circle-right:before,
.fa-circle-arrow-right:before {
  content: "\f0a9"
}

.fa-filter-circle-xmark:before {
  content: "\e17b"
}

.fa-locust:before {
  content: "\e520"
}

.fa-sort:before,
.fa-unsorted:before {
  content: "\f0dc"
}

.fa-list-1-2:before,
.fa-list-numeric:before,
.fa-list-ol:before {
  content: "\f0cb"
}

.fa-person-dress-burst:before {
  content: "\e544"
}

.fa-money-check-alt:before,
.fa-money-check-dollar:before {
  content: "\f53d"
}

.fa-vector-square:before {
  content: "\f5cb"
}

.fa-bread-slice:before {
  content: "\f7ec"
}

.fa-language:before {
  content: "\f1ab"
}

.fa-face-kiss-wink-heart:before,
.fa-kiss-wink-heart:before {
  content: "\f598"
}

.fa-filter:before {
  content: "\f0b0"
}

.fa-question:before {
  content: "\3f"
}

.fa-file-signature:before {
  content: "\f573"
}

.fa-arrows-alt:before,
.fa-up-down-left-right:before {
  content: "\f0b2"
}

.fa-house-chimney-user:before {
  content: "\e065"
}

.fa-hand-holding-heart:before {
  content: "\f4be"
}

.fa-puzzle-piece:before {
  content: "\f12e"
}

.fa-money-check:before {
  content: "\f53c"
}

.fa-star-half-alt:before,
.fa-star-half-stroke:before {
  content: "\f5c0"
}

.fa-code:before {
  content: "\f121"
}

.fa-glass-whiskey:before,
.fa-whiskey-glass:before {
  content: "\f7a0"
}

.fa-building-circle-exclamation:before {
  content: "\e4d3"
}

.fa-magnifying-glass-chart:before {
  content: "\e522"
}

.fa-arrow-up-right-from-square:before,
.fa-external-link:before {
  content: "\f08e"
}

.fa-cubes-stacked:before {
  content: "\e4e6"
}

.fa-krw:before,
.fa-won-sign:before,
.fa-won:before {
  content: "\f159"
}

.fa-virus-covid:before {
  content: "\e4a8"
}

.fa-austral-sign:before {
  content: "\e0a9"
}

.fa-f:before {
  content: "\46"
}

.fa-leaf:before {
  content: "\f06c"
}

.fa-road:before {
  content: "\f018"
}

.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba"
}

.fa-person-circle-plus:before {
  content: "\e541"
}

.fa-chart-pie:before,
.fa-pie-chart:before {
  content: "\f200"
}

.fa-bolt-lightning:before {
  content: "\e0b7"
}

.fa-sack-xmark:before {
  content: "\e56a"
}

.fa-file-excel:before {
  content: "\f1c3"
}

.fa-file-contract:before {
  content: "\f56c"
}

.fa-fish-fins:before {
  content: "\e4f2"
}

.fa-building-flag:before {
  content: "\e4d5"
}

.fa-face-grin-beam:before,
.fa-grin-beam:before {
  content: "\f582"
}

.fa-object-ungroup:before {
  content: "\f248"
}

.fa-poop:before {
  content: "\f619"
}

.fa-location-pin:before,
.fa-map-marker:before {
  content: "\f041"
}

.fa-kaaba:before {
  content: "\f66b"
}

.fa-toilet-paper:before {
  content: "\f71e"
}

.fa-hard-hat:before,
.fa-hat-hard:before,
.fa-helmet-safety:before {
  content: "\f807"
}

.fa-eject:before {
  content: "\f052"
}

.fa-arrow-alt-circle-right:before,
.fa-circle-right:before {
  content: "\f35a"
}

.fa-plane-circle-check:before {
  content: "\e555"
}

.fa-face-rolling-eyes:before,
.fa-meh-rolling-eyes:before {
  content: "\f5a5"
}

.fa-object-group:before {
  content: "\f247"
}

.fa-chart-line:before,
.fa-line-chart:before {
  content: "\f201"
}

.fa-mask-ventilator:before {
  content: "\e524"
}

.fa-arrow-right:before {
  content: "\f061"
}

.fa-map-signs:before,
.fa-signs-post:before {
  content: "\f277"
}

.fa-cash-register:before {
  content: "\f788"
}

.fa-person-circle-question:before {
  content: "\e542"
}

.fa-h:before {
  content: "\48"
}

.fa-tarp:before {
  content: "\e57b"
}

.fa-screwdriver-wrench:before,
.fa-tools:before {
  content: "\f7d9"
}

.fa-arrows-to-eye:before {
  content: "\e4bf"
}

.fa-plug-circle-bolt:before {
  content: "\e55b"
}

.fa-heart:before {
  content: "\f004"
}

.fa-mars-and-venus:before {
  content: "\f224"
}

.fa-home-user:before,
.fa-house-user:before {
  content: "\e1b0"
}

.fa-dumpster-fire:before {
  content: "\f794"
}

.fa-house-crack:before {
  content: "\e3b1"
}

.fa-cocktail:before,
.fa-martini-glass-citrus:before {
  content: "\f561"
}

.fa-face-surprise:before,
.fa-surprise:before {
  content: "\f5c2"
}

.fa-bottle-water:before {
  content: "\e4c5"
}

.fa-circle-pause:before,
.fa-pause-circle:before {
  content: "\f28b"
}

.fa-toilet-paper-slash:before {
  content: "\e072"
}

.fa-apple-alt:before,
.fa-apple-whole:before {
  content: "\f5d1"
}

.fa-kitchen-set:before {
  content: "\e51a"
}

.fa-r:before {
  content: "\52"
}

.fa-temperature-1:before,
.fa-temperature-quarter:before,
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\f2ca"
}

.fa-cube:before {
  content: "\f1b2"
}

.fa-bitcoin-sign:before {
  content: "\e0b4"
}

.fa-shield-dog:before {
  content: "\e573"
}

.fa-solar-panel:before {
  content: "\f5ba"
}

.fa-lock-open:before {
  content: "\f3c1"
}

.fa-elevator:before {
  content: "\e16d"
}

.fa-money-bill-transfer:before {
  content: "\e528"
}

.fa-money-bill-trend-up:before {
  content: "\e529"
}

.fa-house-flood-water-circle-arrow-right:before {
  content: "\e50f"
}

.fa-poll-h:before,
.fa-square-poll-horizontal:before {
  content: "\f682"
}

.fa-circle:before {
  content: "\f111"
}

.fa-backward-fast:before,
.fa-fast-backward:before {
  content: "\f049"
}

.fa-recycle:before {
  content: "\f1b8"
}

.fa-user-astronaut:before {
  content: "\f4fb"
}

.fa-plane-slash:before {
  content: "\e069"
}

.fa-trademark:before {
  content: "\f25c"
}

.fa-basketball-ball:before,
.fa-basketball:before {
  content: "\f434"
}

.fa-satellite-dish:before {
  content: "\f7c0"
}

.fa-arrow-alt-circle-up:before,
.fa-circle-up:before {
  content: "\f35b"
}

.fa-mobile-alt:before,
.fa-mobile-screen-button:before {
  content: "\f3cd"
}

.fa-volume-high:before,
.fa-volume-up:before {
  content: "\f028"
}

.fa-users-rays:before {
  content: "\e593"
}

.fa-wallet:before {
  content: "\f555"
}

.fa-clipboard-check:before {
  content: "\f46c"
}

.fa-file-audio:before {
  content: "\f1c7"
}

.fa-burger:before,
.fa-hamburger:before {
  content: "\f805"
}

.fa-wrench:before {
  content: "\f0ad"
}

.fa-bugs:before {
  content: "\e4d0"
}

.fa-rupee-sign:before,
.fa-rupee:before {
  content: "\f156"
}

.fa-file-image:before {
  content: "\f1c5"
}

.fa-circle-question:before,
.fa-question-circle:before {
  content: "\f059"
}

.fa-plane-departure:before {
  content: "\f5b0"
}

.fa-handshake-slash:before {
  content: "\e060"
}

.fa-book-bookmark:before {
  content: "\e0bb"
}

.fa-code-branch:before {
  content: "\f126"
}

.fa-hat-cowboy:before {
  content: "\f8c0"
}

.fa-bridge:before {
  content: "\e4c8"
}

.fa-phone-alt:before,
.fa-phone-flip:before {
  content: "\f879"
}

.fa-truck-front:before {
  content: "\e2b7"
}

.fa-cat:before {
  content: "\f6be"
}

.fa-anchor-circle-exclamation:before {
  content: "\e4ab"
}

.fa-truck-field:before {
  content: "\e58d"
}

.fa-route:before {
  content: "\f4d7"
}

.fa-clipboard-question:before {
  content: "\e4e3"
}

.fa-panorama:before {
  content: "\e209"
}

.fa-comment-medical:before {
  content: "\f7f5"
}

.fa-teeth-open:before {
  content: "\f62f"
}

.fa-file-circle-minus:before {
  content: "\e4ed"
}

.fa-tags:before {
  content: "\f02c"
}

.fa-wine-glass:before {
  content: "\f4e3"
}

.fa-fast-forward:before,
.fa-forward-fast:before {
  content: "\f050"
}

.fa-face-meh-blank:before,
.fa-meh-blank:before {
  content: "\f5a4"
}

.fa-parking:before,
.fa-square-parking:before {
  content: "\f540"
}

.fa-house-signal:before {
  content: "\e012"
}

.fa-bars-progress:before,
.fa-tasks-alt:before {
  content: "\f828"
}

.fa-faucet-drip:before {
  content: "\e006"
}

.fa-cart-flatbed:before,
.fa-dolly-flatbed:before {
  content: "\f474"
}

.fa-ban-smoking:before,
.fa-smoking-ban:before {
  content: "\f54d"
}

.fa-terminal:before {
  content: "\f120"
}

.fa-mobile-button:before {
  content: "\f10b"
}

.fa-house-medical-flag:before {
  content: "\e514"
}

.fa-basket-shopping:before,
.fa-shopping-basket:before {
  content: "\f291"
}

.fa-tape:before {
  content: "\f4db"
}

.fa-bus-alt:before,
.fa-bus-simple:before {
  content: "\f55e"
}

.fa-eye:before {
  content: "\f06e"
}

.fa-face-sad-cry:before,
.fa-sad-cry:before {
  content: "\f5b3"
}

.fa-audio-description:before {
  content: "\f29e"
}

.fa-person-military-to-person:before {
  content: "\e54c"
}

.fa-file-shield:before {
  content: "\e4f0"
}

.fa-user-slash:before {
  content: "\f506"
}

.fa-pen:before {
  content: "\f304"
}

.fa-tower-observation:before {
  content: "\e586"
}

.fa-file-code:before {
  content: "\f1c9"
}

.fa-signal-5:before,
.fa-signal-perfect:before,
.fa-signal:before {
  content: "\f012"
}

.fa-bus:before {
  content: "\f207"
}

.fa-heart-circle-xmark:before {
  content: "\e501"
}

.fa-home-lg:before,
.fa-house-chimney:before {
  content: "\e3af"
}

.fa-window-maximize:before {
  content: "\f2d0"
}

.fa-face-frown:before,
.fa-frown:before {
  content: "\f119"
}

.fa-prescription:before {
  content: "\f5b1"
}

.fa-shop:before,
.fa-store-alt:before {
  content: "\f54f"
}

.fa-floppy-disk:before,
.fa-save:before {
  content: "\f0c7"
}

.fa-vihara:before {
  content: "\f6a7"
}

.fa-balance-scale-left:before,
.fa-scale-unbalanced:before {
  content: "\f515"
}

.fa-sort-asc:before,
.fa-sort-up:before {
  content: "\f0de"
}

.fa-comment-dots:before,
.fa-commenting:before {
  content: "\f4ad"
}

.fa-plant-wilt:before {
  content: "\e5aa"
}

.fa-diamond:before {
  content: "\f219"
}

.fa-face-grin-squint:before,
.fa-grin-squint:before {
  content: "\f585"
}

.fa-hand-holding-dollar:before,
.fa-hand-holding-usd:before {
  content: "\f4c0"
}

.fa-bacterium:before {
  content: "\e05a"
}

.fa-hand-pointer:before {
  content: "\f25a"
}

.fa-drum-steelpan:before {
  content: "\f56a"
}

.fa-hand-scissors:before {
  content: "\f257"
}

.fa-hands-praying:before,
.fa-praying-hands:before {
  content: "\f684"
}

.fa-arrow-right-rotate:before,
.fa-arrow-rotate-forward:before,
.fa-arrow-rotate-right:before,
.fa-redo:before {
  content: "\f01e"
}

.fa-biohazard:before {
  content: "\f780"
}

.fa-location-crosshairs:before,
.fa-location:before {
  content: "\f601"
}

.fa-mars-double:before {
  content: "\f227"
}

.fa-child-dress:before {
  content: "\e59c"
}

.fa-users-between-lines:before {
  content: "\e591"
}

.fa-lungs-virus:before {
  content: "\e067"
}

.fa-face-grin-tears:before,
.fa-grin-tears:before {
  content: "\f588"
}

.fa-phone:before {
  content: "\f095"
}

.fa-calendar-times:before,
.fa-calendar-xmark:before {
  content: "\f273"
}

.fa-child-reaching:before {
  content: "\e59d"
}

.fa-head-side-virus:before {
  content: "\e064"
}

.fa-user-cog:before,
.fa-user-gear:before {
  content: "\f4fe"
}

.fa-arrow-up-1-9:before,
.fa-sort-numeric-up:before {
  content: "\f163"
}

.fa-door-closed:before {
  content: "\f52a"
}

.fa-shield-virus:before {
  content: "\e06c"
}

.fa-dice-six:before {
  content: "\f526"
}

.fa-mosquito-net:before {
  content: "\e52c"
}

.fa-bridge-water:before {
  content: "\e4ce"
}

.fa-person-booth:before {
  content: "\f756"
}

.fa-text-width:before {
  content: "\f035"
}

.fa-hat-wizard:before {
  content: "\f6e8"
}

.fa-pen-fancy:before {
  content: "\f5ac"
}

.fa-digging:before,
.fa-person-digging:before {
  content: "\f85e"
}

.fa-trash:before {
  content: "\f1f8"
}

.fa-gauge-simple-med:before,
.fa-gauge-simple:before,
.fa-tachometer-average:before {
  content: "\f629"
}

.fa-book-medical:before {
  content: "\f7e6"
}

.fa-poo:before {
  content: "\f2fe"
}

.fa-quote-right-alt:before,
.fa-quote-right:before {
  content: "\f10e"
}

.fa-shirt:before,
.fa-t-shirt:before,
.fa-tshirt:before {
  content: "\f553"
}

.fa-cubes:before {
  content: "\f1b3"
}

.fa-divide:before {
  content: "\f529"
}

.fa-tenge-sign:before,
.fa-tenge:before {
  content: "\f7d7"
}

.fa-headphones:before {
  content: "\f025"
}

.fa-hands-holding:before {
  content: "\f4c2"
}

.fa-hands-clapping:before {
  content: "\e1a8"
}

.fa-republican:before {
  content: "\f75e"
}

.fa-arrow-left:before {
  content: "\f060"
}

.fa-person-circle-xmark:before {
  content: "\e543"
}

.fa-ruler:before {
  content: "\f545"
}

.fa-align-left:before {
  content: "\f036"
}

.fa-dice-d6:before {
  content: "\f6d1"
}

.fa-restroom:before {
  content: "\f7bd"
}

.fa-j:before {
  content: "\4a"
}

.fa-users-viewfinder:before {
  content: "\e595"
}

.fa-file-video:before {
  content: "\f1c8"
}

.fa-external-link-alt:before,
.fa-up-right-from-square:before {
  content: "\f35d"
}

.fa-table-cells:before,
.fa-th:before {
  content: "\f00a"
}

.fa-file-pdf:before {
  content: "\f1c1"
}

.fa-bible:before,
.fa-book-bible:before {
  content: "\f647"
}

.fa-o:before {
  content: "\4f"
}

.fa-medkit:before,
.fa-suitcase-medical:before {
  content: "\f0fa"
}

.fa-user-secret:before {
  content: "\f21b"
}

.fa-otter:before {
  content: "\f700"
}

.fa-female:before,
.fa-person-dress:before {
  content: "\f182"
}

.fa-comment-dollar:before {
  content: "\f651"
}

.fa-briefcase-clock:before,
.fa-business-time:before {
  content: "\f64a"
}

.fa-table-cells-large:before,
.fa-th-large:before {
  content: "\f009"
}

.fa-book-tanakh:before,
.fa-tanakh:before {
  content: "\f827"
}

.fa-phone-volume:before,
.fa-volume-control-phone:before {
  content: "\f2a0"
}

.fa-hat-cowboy-side:before {
  content: "\f8c1"
}

.fa-clipboard-user:before {
  content: "\f7f3"
}

.fa-child:before {
  content: "\f1ae"
}

.fa-lira-sign:before {
  content: "\f195"
}

.fa-satellite:before {
  content: "\f7bf"
}

.fa-plane-lock:before {
  content: "\e558"
}

.fa-tag:before {
  content: "\f02b"
}

.fa-comment:before {
  content: "\f075"
}

.fa-birthday-cake:before,
.fa-cake-candles:before,
.fa-cake:before {
  content: "\f1fd"
}

.fa-envelope:before {
  content: "\f0e0"
}

.fa-angle-double-up:before,
.fa-angles-up:before {
  content: "\f102"
}

.fa-paperclip:before {
  content: "\f0c6"
}

.fa-arrow-right-to-city:before {
  content: "\e4b3"
}

.fa-ribbon:before {
  content: "\f4d6"
}

.fa-lungs:before {
  content: "\f604"
}

.fa-arrow-up-9-1:before,
.fa-sort-numeric-up-alt:before {
  content: "\f887"
}

.fa-litecoin-sign:before {
  content: "\e1d3"
}

.fa-border-none:before {
  content: "\f850"
}

.fa-circle-nodes:before {
  content: "\e4e2"
}

.fa-parachute-box:before {
  content: "\f4cd"
}

.fa-indent:before {
  content: "\f03c"
}

.fa-truck-field-un:before {
  content: "\e58e"
}

.fa-hourglass-empty:before,
.fa-hourglass:before {
  content: "\f254"
}

.fa-mountain:before {
  content: "\f6fc"
}

.fa-user-doctor:before,
.fa-user-md:before {
  content: "\f0f0"
}

.fa-circle-info:before,
.fa-info-circle:before {
  content: "\f05a"
}

.fa-cloud-meatball:before {
  content: "\f73b"
}

.fa-camera-alt:before,
.fa-camera:before {
  content: "\f030"
}

.fa-square-virus:before {
  content: "\e578"
}

.fa-meteor:before {
  content: "\f753"
}

.fa-car-on:before {
  content: "\e4dd"
}

.fa-sleigh:before {
  content: "\f7cc"
}

.fa-arrow-down-1-9:before,
.fa-sort-numeric-asc:before,
.fa-sort-numeric-down:before {
  content: "\f162"
}

.fa-hand-holding-droplet:before,
.fa-hand-holding-water:before {
  content: "\f4c1"
}

.fa-water:before {
  content: "\f773"
}

.fa-calendar-check:before {
  content: "\f274"
}

.fa-braille:before {
  content: "\f2a1"
}

.fa-prescription-bottle-alt:before,
.fa-prescription-bottle-medical:before {
  content: "\f486"
}

.fa-landmark:before {
  content: "\f66f"
}

.fa-truck:before {
  content: "\f0d1"
}

.fa-crosshairs:before {
  content: "\f05b"
}

.fa-person-cane:before {
  content: "\e53c"
}

.fa-tent:before {
  content: "\e57d"
}

.fa-vest-patches:before {
  content: "\e086"
}

.fa-check-double:before {
  content: "\f560"
}

.fa-arrow-down-a-z:before,
.fa-sort-alpha-asc:before,
.fa-sort-alpha-down:before {
  content: "\f15d"
}

.fa-money-bill-wheat:before {
  content: "\e52a"
}

.fa-cookie:before {
  content: "\f563"
}

.fa-arrow-left-rotate:before,
.fa-arrow-rotate-back:before,
.fa-arrow-rotate-backward:before,
.fa-arrow-rotate-left:before,
.fa-undo:before {
  content: "\f0e2"
}

.fa-hard-drive:before,
.fa-hdd:before {
  content: "\f0a0"
}

.fa-face-grin-squint-tears:before,
.fa-grin-squint-tears:before {
  content: "\f586"
}

.fa-dumbbell:before {
  content: "\f44b"
}

.fa-list-alt:before,
.fa-rectangle-list:before {
  content: "\f022"
}

.fa-tarp-droplet:before {
  content: "\e57c"
}

.fa-house-medical-circle-check:before {
  content: "\e511"
}

.fa-person-skiing-nordic:before,
.fa-skiing-nordic:before {
  content: "\f7ca"
}

.fa-calendar-plus:before {
  content: "\f271"
}

.fa-plane-arrival:before {
  content: "\f5af"
}

.fa-arrow-alt-circle-left:before,
.fa-circle-left:before {
  content: "\f359"
}

.fa-subway:before,
.fa-train-subway:before {
  content: "\f239"
}

.fa-chart-gantt:before {
  content: "\e0e4"
}

.fa-indian-rupee-sign:before,
.fa-indian-rupee:before,
.fa-inr:before {
  content: "\e1bc"
}

.fa-crop-alt:before,
.fa-crop-simple:before {
  content: "\f565"
}

.fa-money-bill-1:before,
.fa-money-bill-alt:before {
  content: "\f3d1"
}

.fa-left-long:before,
.fa-long-arrow-alt-left:before {
  content: "\f30a"
}

.fa-dna:before {
  content: "\f471"
}

.fa-virus-slash:before {
  content: "\e075"
}

.fa-minus:before,
.fa-subtract:before {
  content: "\f068"
}

.fa-chess:before {
  content: "\f439"
}

.fa-arrow-left-long:before,
.fa-long-arrow-left:before {
  content: "\f177"
}

.fa-plug-circle-check:before {
  content: "\e55c"
}

.fa-street-view:before {
  content: "\f21d"
}

.fa-franc-sign:before {
  content: "\e18f"
}

.fa-volume-off:before {
  content: "\f026"
}

.fa-american-sign-language-interpreting:before,
.fa-asl-interpreting:before,
.fa-hands-american-sign-language-interpreting:before,
.fa-hands-asl-interpreting:before {
  content: "\f2a3"
}

.fa-cog:before,
.fa-gear:before {
  content: "\f013"
}

.fa-droplet-slash:before,
.fa-tint-slash:before {
  content: "\f5c7"
}

.fa-mosque:before {
  content: "\f678"
}

.fa-mosquito:before {
  content: "\e52b"
}

.fa-star-of-david:before {
  content: "\f69a"
}

.fa-person-military-rifle:before {
  content: "\e54b"
}

.fa-cart-shopping:before,
.fa-shopping-cart:before {
  content: "\f07a"
}

.fa-vials:before {
  content: "\f493"
}

.fa-plug-circle-plus:before {
  content: "\e55f"
}

.fa-place-of-worship:before {
  content: "\f67f"
}

.fa-grip-vertical:before {
  content: "\f58e"
}

.fa-arrow-turn-up:before,
.fa-level-up:before {
  content: "\f148"
}

.fa-u:before {
  content: "\55"
}

.fa-square-root-alt:before,
.fa-square-root-variable:before {
  content: "\f698"
}

.fa-clock-four:before,
.fa-clock:before {
  content: "\f017"
}

.fa-backward-step:before,
.fa-step-backward:before {
  content: "\f048"
}

.fa-pallet:before {
  content: "\f482"
}

.fa-faucet:before {
  content: "\e005"
}

.fa-baseball-bat-ball:before {
  content: "\f432"
}

.fa-s:before {
  content: "\53"
}

.fa-timeline:before {
  content: "\e29c"
}

.fa-keyboard:before {
  content: "\f11c"
}

.fa-caret-down:before {
  content: "\f0d7"
}

.fa-clinic-medical:before,
.fa-house-chimney-medical:before {
  content: "\f7f2"
}

.fa-temperature-3:before,
.fa-temperature-three-quarters:before,
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\f2c8"
}

.fa-mobile-android-alt:before,
.fa-mobile-screen:before {
  content: "\f3cf"
}

.fa-plane-up:before {
  content: "\e22d"
}

.fa-piggy-bank:before {
  content: "\f4d3"
}

.fa-battery-3:before,
.fa-battery-half:before {
  content: "\f242"
}

.fa-mountain-city:before {
  content: "\e52e"
}

.fa-coins:before {
  content: "\f51e"
}

.fa-khanda:before {
  content: "\f66d"
}

.fa-sliders-h:before,
.fa-sliders:before {
  content: "\f1de"
}

.fa-folder-tree:before {
  content: "\f802"
}

.fa-network-wired:before {
  content: "\f6ff"
}

.fa-map-pin:before {
  content: "\f276"
}

.fa-hamsa:before {
  content: "\f665"
}

.fa-cent-sign:before {
  content: "\e3f5"
}

.fa-flask:before {
  content: "\f0c3"
}

.fa-person-pregnant:before {
  content: "\e31e"
}

.fa-wand-sparkles:before {
  content: "\f72b"
}

.fa-ellipsis-v:before,
.fa-ellipsis-vertical:before {
  content: "\f142"
}

.fa-ticket:before {
  content: "\f145"
}

.fa-power-off:before {
  content: "\f011"
}

.fa-long-arrow-alt-right:before,
.fa-right-long:before {
  content: "\f30b"
}

.fa-flag-usa:before {
  content: "\f74d"
}

.fa-laptop-file:before {
  content: "\e51d"
}

.fa-teletype:before,
.fa-tty:before {
  content: "\f1e4"
}

.fa-diagram-next:before {
  content: "\e476"
}

.fa-person-rifle:before {
  content: "\e54e"
}

.fa-house-medical-circle-exclamation:before {
  content: "\e512"
}

.fa-closed-captioning:before {
  content: "\f20a"
}

.fa-hiking:before,
.fa-person-hiking:before {
  content: "\f6ec"
}

.fa-venus-double:before {
  content: "\f226"
}

.fa-images:before {
  content: "\f302"
}

.fa-calculator:before {
  content: "\f1ec"
}

.fa-people-pulling:before {
  content: "\e535"
}

.fa-n:before {
  content: "\4e"
}

.fa-cable-car:before,
.fa-tram:before {
  content: "\f7da"
}

.fa-cloud-rain:before {
  content: "\f73d"
}

.fa-building-circle-xmark:before {
  content: "\e4d4"
}

.fa-ship:before {
  content: "\f21a"
}

.fa-arrows-down-to-line:before {
  content: "\e4b8"
}

.fa-download:before {
  content: "\f019"
}

.fa-face-grin:before,
.fa-grin:before {
  content: "\f580"
}

.fa-backspace:before,
.fa-delete-left:before {
  content: "\f55a"
}

.fa-eye-dropper-empty:before,
.fa-eye-dropper:before,
.fa-eyedropper:before {
  content: "\f1fb"
}

.fa-file-circle-check:before {
  content: "\e5a0"
}

.fa-forward:before {
  content: "\f04e"
}

.fa-mobile-android:before,
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f3ce"
}

.fa-face-meh:before,
.fa-meh:before {
  content: "\f11a"
}

.fa-align-center:before {
  content: "\f037"
}

.fa-book-dead:before,
.fa-book-skull:before {
  content: "\f6b7"
}

.fa-drivers-license:before,
.fa-id-card:before {
  content: "\f2c2"
}

.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b"
}

.fa-heart-circle-exclamation:before {
  content: "\e4fe"
}

.fa-home-alt:before,
.fa-home-lg-alt:before,
.fa-home:before,
.fa-house:before {
  content: "\f015"
}

.fa-calendar-week:before {
  content: "\f784"
}

.fa-laptop-medical:before {
  content: "\f812"
}

.fa-b:before {
  content: "\42"
}

.fa-file-medical:before {
  content: "\f477"
}

.fa-dice-one:before {
  content: "\f525"
}

.fa-kiwi-bird:before {
  content: "\f535"
}

.fa-arrow-right-arrow-left:before,
.fa-exchange:before {
  content: "\f0ec"
}

.fa-redo-alt:before,
.fa-rotate-forward:before,
.fa-rotate-right:before {
  content: "\f2f9"
}

.fa-cutlery:before,
.fa-utensils:before {
  content: "\f2e7"
}

.fa-arrow-up-wide-short:before,
.fa-sort-amount-up:before {
  content: "\f161"
}

.fa-mill-sign:before {
  content: "\e1ed"
}

.fa-bowl-rice:before {
  content: "\e2eb"
}

.fa-skull:before {
  content: "\f54c"
}

.fa-broadcast-tower:before,
.fa-tower-broadcast:before {
  content: "\f519"
}

.fa-truck-pickup:before {
  content: "\f63c"
}

.fa-long-arrow-alt-up:before,
.fa-up-long:before {
  content: "\f30c"
}

.fa-stop:before {
  content: "\f04d"
}

.fa-code-merge:before {
  content: "\f387"
}

.fa-upload:before {
  content: "\f093"
}

.fa-hurricane:before {
  content: "\f751"
}

.fa-mound:before {
  content: "\e52d"
}

.fa-toilet-portable:before {
  content: "\e583"
}

.fa-compact-disc:before {
  content: "\f51f"
}

.fa-file-arrow-down:before,
.fa-file-download:before {
  content: "\f56d"
}

.fa-caravan:before {
  content: "\f8ff"
}

.fa-shield-cat:before {
  content: "\e572"
}

.fa-bolt:before,
.fa-zap:before {
  content: "\f0e7"
}

.fa-glass-water:before {
  content: "\e4f4"
}

.fa-oil-well:before {
  content: "\e532"
}

.fa-vault:before {
  content: "\e2c5"
}

.fa-mars:before {
  content: "\f222"
}

.fa-toilet:before {
  content: "\f7d8"
}

.fa-plane-circle-xmark:before {
  content: "\e557"
}

.fa-cny:before,
.fa-jpy:before,
.fa-rmb:before,
.fa-yen-sign:before,
.fa-yen:before {
  content: "\f157"
}

.fa-rouble:before,
.fa-rub:before,
.fa-ruble-sign:before,
.fa-ruble:before {
  content: "\f158"
}

.fa-sun:before {
  content: "\f185"
}

.fa-guitar:before {
  content: "\f7a6"
}

.fa-face-laugh-wink:before,
.fa-laugh-wink:before {
  content: "\f59c"
}

.fa-horse-head:before {
  content: "\f7ab"
}

.fa-bore-hole:before {
  content: "\e4c3"
}

.fa-industry:before {
  content: "\f275"
}

.fa-arrow-alt-circle-down:before,
.fa-circle-down:before {
  content: "\f358"
}

.fa-arrows-turn-to-dots:before {
  content: "\e4c1"
}

.fa-florin-sign:before {
  content: "\e184"
}

.fa-arrow-down-short-wide:before,
.fa-sort-amount-desc:before,
.fa-sort-amount-down-alt:before {
  content: "\f884"
}

.fa-less-than:before {
  content: "\3c"
}

.fa-angle-down:before {
  content: "\f107"
}

.fa-car-tunnel:before {
  content: "\e4de"
}

.fa-head-side-cough:before {
  content: "\e061"
}

.fa-grip-lines:before {
  content: "\f7a4"
}

.fa-thumbs-down:before {
  content: "\f165"
}

.fa-user-lock:before {
  content: "\f502"
}

.fa-arrow-right-long:before,
.fa-long-arrow-right:before {
  content: "\f178"
}

.fa-anchor-circle-xmark:before {
  content: "\e4ac"
}

.fa-ellipsis-h:before,
.fa-ellipsis:before {
  content: "\f141"
}

.fa-chess-pawn:before {
  content: "\f443"
}

.fa-first-aid:before,
.fa-kit-medical:before {
  content: "\f479"
}

.fa-person-through-window:before {
  content: "\e5a9"
}

.fa-toolbox:before {
  content: "\f552"
}

.fa-hands-holding-circle:before {
  content: "\e4fb"
}

.fa-bug:before {
  content: "\f188"
}

.fa-credit-card-alt:before,
.fa-credit-card:before {
  content: "\f09d"
}

.fa-automobile:before,
.fa-car:before {
  content: "\f1b9"
}

.fa-hand-holding-hand:before {
  content: "\e4f7"
}

.fa-book-open-reader:before,
.fa-book-reader:before {
  content: "\f5da"
}

.fa-mountain-sun:before {
  content: "\e52f"
}

.fa-arrows-left-right-to-line:before {
  content: "\e4ba"
}

.fa-dice-d20:before {
  content: "\f6cf"
}

.fa-truck-droplet:before {
  content: "\e58c"
}

.fa-file-circle-xmark:before {
  content: "\e5a1"
}

.fa-temperature-arrow-up:before,
.fa-temperature-up:before {
  content: "\e040"
}

.fa-medal:before {
  content: "\f5a2"
}

.fa-bed:before {
  content: "\f236"
}

.fa-h-square:before,
.fa-square-h:before {
  content: "\f0fd"
}

.fa-podcast:before {
  content: "\f2ce"
}

.fa-temperature-4:before,
.fa-temperature-full:before,
.fa-thermometer-4:before,
.fa-thermometer-full:before {
  content: "\f2c7"
}

.fa-bell:before {
  content: "\f0f3"
}

.fa-superscript:before {
  content: "\f12b"
}

.fa-plug-circle-xmark:before {
  content: "\e560"
}

.fa-star-of-life:before {
  content: "\f621"
}

.fa-phone-slash:before {
  content: "\f3dd"
}

.fa-paint-roller:before {
  content: "\f5aa"
}

.fa-hands-helping:before,
.fa-handshake-angle:before {
  content: "\f4c4"
}

.fa-location-dot:before,
.fa-map-marker-alt:before {
  content: "\f3c5"
}

.fa-file:before {
  content: "\f15b"
}

.fa-greater-than:before {
  content: "\3e"
}

.fa-person-swimming:before,
.fa-swimmer:before {
  content: "\f5c4"
}

.fa-arrow-down:before {
  content: "\f063"
}

.fa-droplet:before,
.fa-tint:before {
  content: "\f043"
}

.fa-eraser:before {
  content: "\f12d"
}

.fa-earth-america:before,
.fa-earth-americas:before,
.fa-earth:before,
.fa-globe-americas:before {
  content: "\f57d"
}

.fa-person-burst:before {
  content: "\e53b"
}

.fa-dove:before {
  content: "\f4ba"
}

.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244"
}

.fa-socks:before {
  content: "\f696"
}

.fa-inbox:before {
  content: "\f01c"
}

.fa-section:before {
  content: "\e447"
}

.fa-gauge-high:before,
.fa-tachometer-alt-fast:before,
.fa-tachometer-alt:before {
  content: "\f625"
}

.fa-envelope-open-text:before {
  content: "\f658"
}

.fa-hospital-alt:before,
.fa-hospital-wide:before,
.fa-hospital:before {
  content: "\f0f8"
}

.fa-wine-bottle:before {
  content: "\f72f"
}

.fa-chess-rook:before {
  content: "\f447"
}

.fa-bars-staggered:before,
.fa-reorder:before,
.fa-stream:before {
  content: "\f550"
}

.fa-dharmachakra:before {
  content: "\f655"
}

.fa-hotdog:before {
  content: "\f80f"
}

.fa-blind:before,
.fa-person-walking-with-cane:before {
  content: "\f29d"
}

.fa-drum:before {
  content: "\f569"
}

.fa-ice-cream:before {
  content: "\f810"
}

.fa-heart-circle-bolt:before {
  content: "\e4fc"
}

.fa-fax:before {
  content: "\f1ac"
}

.fa-paragraph:before {
  content: "\f1dd"
}

.fa-check-to-slot:before,
.fa-vote-yea:before {
  content: "\f772"
}

.fa-star-half:before {
  content: "\f089"
}

.fa-boxes-alt:before,
.fa-boxes-stacked:before,
.fa-boxes:before {
  content: "\f468"
}

.fa-chain:before,
.fa-link:before {
  content: "\f0c1"
}

.fa-assistive-listening-systems:before,
.fa-ear-listen:before {
  content: "\f2a2"
}

.fa-tree-city:before {
  content: "\e587"
}

.fa-play:before {
  content: "\f04b"
}

.fa-font:before {
  content: "\f031"
}

.fa-rupiah-sign:before {
  content: "\e23d"
}

.fa-magnifying-glass:before,
.fa-search:before {
  content: "\f002"
}

.fa-ping-pong-paddle-ball:before,
.fa-table-tennis-paddle-ball:before,
.fa-table-tennis:before {
  content: "\f45d"
}

.fa-diagnoses:before,
.fa-person-dots-from-line:before {
  content: "\f470"
}

.fa-trash-can-arrow-up:before,
.fa-trash-restore-alt:before {
  content: "\f82a"
}

.fa-naira-sign:before {
  content: "\e1f6"
}

.fa-cart-arrow-down:before {
  content: "\f218"
}

.fa-walkie-talkie:before {
  content: "\f8ef"
}

.fa-file-edit:before,
.fa-file-pen:before {
  content: "\f31c"
}

.fa-receipt:before {
  content: "\f543"
}

.fa-pen-square:before,
.fa-pencil-square:before,
.fa-square-pen:before {
  content: "\f14b"
}

.fa-suitcase-rolling:before {
  content: "\f5c1"
}

.fa-person-circle-exclamation:before {
  content: "\e53f"
}

.fa-chevron-down:before {
  content: "\f078"
}

.fa-battery-5:before,
.fa-battery-full:before,
.fa-battery:before {
  content: "\f240"
}

.fa-skull-crossbones:before {
  content: "\f714"
}

.fa-code-compare:before {
  content: "\e13a"
}

.fa-list-dots:before,
.fa-list-ul:before {
  content: "\f0ca"
}

.fa-school-lock:before {
  content: "\e56f"
}

.fa-tower-cell:before {
  content: "\e585"
}

.fa-down-long:before,
.fa-long-arrow-alt-down:before {
  content: "\f309"
}

.fa-ranking-star:before {
  content: "\e561"
}

.fa-chess-king:before {
  content: "\f43f"
}

.fa-person-harassing:before {
  content: "\e549"
}

.fa-brazilian-real-sign:before {
  content: "\e46c"
}

.fa-landmark-alt:before,
.fa-landmark-dome:before {
  content: "\f752"
}

.fa-arrow-up:before {
  content: "\f062"
}

.fa-television:before,
.fa-tv-alt:before,
.fa-tv:before {
  content: "\f26c"
}

.fa-shrimp:before {
  content: "\e448"
}

.fa-list-check:before,
.fa-tasks:before {
  content: "\f0ae"
}

.fa-jug-detergent:before {
  content: "\e519"
}

.fa-circle-user:before,
.fa-user-circle:before {
  content: "\f2bd"
}

.fa-user-shield:before {
  content: "\f505"
}

.fa-wind:before {
  content: "\f72e"
}

.fa-car-burst:before,
.fa-car-crash:before {
  content: "\f5e1"
}

.fa-y:before {
  content: "\59"
}

.fa-person-snowboarding:before,
.fa-snowboarding:before {
  content: "\f7ce"
}

.fa-shipping-fast:before,
.fa-truck-fast:before {
  content: "\f48b"
}

.fa-fish:before {
  content: "\f578"
}

.fa-user-graduate:before {
  content: "\f501"
}

.fa-adjust:before,
.fa-circle-half-stroke:before {
  content: "\f042"
}

.fa-clapperboard:before {
  content: "\e131"
}

.fa-circle-radiation:before,
.fa-radiation-alt:before {
  content: "\f7ba"
}

.fa-baseball-ball:before,
.fa-baseball:before {
  content: "\f433"
}

.fa-jet-fighter-up:before {
  content: "\e518"
}

.fa-diagram-project:before,
.fa-project-diagram:before {
  content: "\f542"
}

.fa-copy:before {
  content: "\f0c5"
}

.fa-volume-mute:before,
.fa-volume-times:before,
.fa-volume-xmark:before {
  content: "\f6a9"
}

.fa-hand-sparkles:before {
  content: "\e05d"
}

.fa-grip-horizontal:before,
.fa-grip:before {
  content: "\f58d"
}

.fa-share-from-square:before,
.fa-share-square:before {
  content: "\f14d"
}

.fa-child-combatant:before,
.fa-child-rifle:before {
  content: "\e4e0"
}

.fa-gun:before {
  content: "\e19b"
}

.fa-phone-square:before,
.fa-square-phone:before {
  content: "\f098"
}

.fa-add:before,
.fa-plus:before {
  content: "\2b"
}

.fa-expand:before {
  content: "\f065"
}

.fa-computer:before {
  content: "\e4e5"
}

.fa-close:before,
.fa-multiply:before,
.fa-remove:before,
.fa-times:before,
.fa-xmark:before {
  content: "\f00d"
}

.fa-arrows-up-down-left-right:before,
.fa-arrows:before {
  content: "\f047"
}

.fa-chalkboard-teacher:before,
.fa-chalkboard-user:before {
  content: "\f51c"
}

.fa-peso-sign:before {
  content: "\e222"
}

.fa-building-shield:before {
  content: "\e4d8"
}

.fa-baby:before {
  content: "\f77c"
}

.fa-users-line:before {
  content: "\e592"
}

.fa-quote-left-alt:before,
.fa-quote-left:before {
  content: "\f10d"
}

.fa-tractor:before {
  content: "\f722"
}

.fa-trash-arrow-up:before,
.fa-trash-restore:before {
  content: "\f829"
}

.fa-arrow-down-up-lock:before {
  content: "\e4b0"
}

.fa-lines-leaning:before {
  content: "\e51e"
}

.fa-ruler-combined:before {
  content: "\f546"
}

.fa-copyright:before {
  content: "\f1f9"
}

.fa-equals:before {
  content: "\3d"
}

.fa-blender:before {
  content: "\f517"
}

.fa-teeth:before {
  content: "\f62e"
}

.fa-ils:before,
.fa-shekel-sign:before,
.fa-shekel:before,
.fa-sheqel-sign:before,
.fa-sheqel:before {
  content: "\f20b"
}

.fa-map:before {
  content: "\f279"
}

.fa-rocket:before {
  content: "\f135"
}

.fa-photo-film:before,
.fa-photo-video:before {
  content: "\f87c"
}

.fa-folder-minus:before {
  content: "\f65d"
}

.fa-store:before {
  content: "\f54e"
}

.fa-arrow-trend-up:before {
  content: "\e098"
}

.fa-plug-circle-minus:before {
  content: "\e55e"
}

.fa-sign-hanging:before,
.fa-sign:before {
  content: "\f4d9"
}

.fa-bezier-curve:before {
  content: "\f55b"
}

.fa-bell-slash:before {
  content: "\f1f6"
}

.fa-tablet-android:before,
.fa-tablet:before {
  content: "\f3fb"
}

.fa-school-flag:before {
  content: "\e56e"
}

.fa-fill:before {
  content: "\f575"
}

.fa-angle-up:before {
  content: "\f106"
}

.fa-drumstick-bite:before {
  content: "\f6d7"
}

.fa-holly-berry:before {
  content: "\f7aa"
}

.fa-chevron-left:before {
  content: "\f053"
}

.fa-bacteria:before {
  content: "\e059"
}

.fa-hand-lizard:before {
  content: "\f258"
}

.fa-notdef:before {
  content: "\e1fe"
}

.fa-disease:before {
  content: "\f7fa"
}

.fa-briefcase-medical:before {
  content: "\f469"
}

.fa-genderless:before {
  content: "\f22d"
}

.fa-chevron-right:before {
  content: "\f054"
}

.fa-retweet:before {
  content: "\f079"
}

.fa-car-alt:before,
.fa-car-rear:before {
  content: "\f5de"
}

.fa-pump-soap:before {
  content: "\e06b"
}

.fa-video-slash:before {
  content: "\f4e2"
}

.fa-battery-2:before,
.fa-battery-quarter:before {
  content: "\f243"
}

.fa-radio:before {
  content: "\f8d7"
}

.fa-baby-carriage:before,
.fa-carriage-baby:before {
  content: "\f77d"
}

.fa-traffic-light:before {
  content: "\f637"
}

.fa-thermometer:before {
  content: "\f491"
}

.fa-vr-cardboard:before {
  content: "\f729"
}

.fa-hand-middle-finger:before {
  content: "\f806"
}

.fa-percent:before,
.fa-percentage:before {
  content: "\25"
}

.fa-truck-moving:before {
  content: "\f4df"
}

.fa-glass-water-droplet:before {
  content: "\e4f5"
}

.fa-display:before {
  content: "\e163"
}

.fa-face-smile:before,
.fa-smile:before {
  content: "\f118"
}

.fa-thumb-tack:before,
.fa-thumbtack:before {
  content: "\f08d"
}

.fa-trophy:before {
  content: "\f091"
}

.fa-person-praying:before,
.fa-pray:before {
  content: "\f683"
}

.fa-hammer:before {
  content: "\f6e3"
}

.fa-hand-peace:before {
  content: "\f25b"
}

.fa-rotate:before,
.fa-sync-alt:before {
  content: "\f2f1"
}

.fa-spinner:before {
  content: "\f110"
}

.fa-robot:before {
  content: "\f544"
}

.fa-peace:before {
  content: "\f67c"
}

.fa-cogs:before,
.fa-gears:before {
  content: "\f085"
}

.fa-warehouse:before {
  content: "\f494"
}

.fa-arrow-up-right-dots:before {
  content: "\e4b7"
}

.fa-splotch:before {
  content: "\f5bc"
}

.fa-face-grin-hearts:before,
.fa-grin-hearts:before {
  content: "\f584"
}

.fa-dice-four:before {
  content: "\f524"
}

.fa-sim-card:before {
  content: "\f7c4"
}

.fa-transgender-alt:before,
.fa-transgender:before {
  content: "\f225"
}

.fa-mercury:before {
  content: "\f223"
}

.fa-arrow-turn-down:before,
.fa-level-down:before {
  content: "\f149"
}

.fa-person-falling-burst:before {
  content: "\e547"
}

.fa-award:before {
  content: "\f559"
}

.fa-ticket-alt:before,
.fa-ticket-simple:before {
  content: "\f3ff"
}

.fa-building:before {
  content: "\f1ad"
}

.fa-angle-double-left:before,
.fa-angles-left:before {
  content: "\f100"
}

.fa-qrcode:before {
  content: "\f029"
}

.fa-clock-rotate-left:before,
.fa-history:before {
  content: "\f1da"
}

.fa-face-grin-beam-sweat:before,
.fa-grin-beam-sweat:before {
  content: "\f583"
}

.fa-arrow-right-from-file:before,
.fa-file-export:before {
  content: "\f56e"
}

.fa-shield-blank:before,
.fa-shield:before {
  content: "\f132"
}

.fa-arrow-up-short-wide:before,
.fa-sort-amount-up-alt:before {
  content: "\f885"
}

.fa-house-medical:before {
  content: "\e3b2"
}

.fa-golf-ball-tee:before,
.fa-golf-ball:before {
  content: "\f450"
}

.fa-chevron-circle-left:before,
.fa-circle-chevron-left:before {
  content: "\f137"
}

.fa-house-chimney-window:before {
  content: "\e00d"
}

.fa-pen-nib:before {
  content: "\f5ad"
}

.fa-tent-arrow-turn-left:before {
  content: "\e580"
}

.fa-tents:before {
  content: "\e582"
}

.fa-magic:before,
.fa-wand-magic:before {
  content: "\f0d0"
}

.fa-dog:before {
  content: "\f6d3"
}

.fa-carrot:before {
  content: "\f787"
}

.fa-moon:before {
  content: "\f186"
}

.fa-wine-glass-alt:before,
.fa-wine-glass-empty:before {
  content: "\f5ce"
}

.fa-cheese:before {
  content: "\f7ef"
}

.fa-yin-yang:before {
  content: "\f6ad"
}

.fa-music:before {
  content: "\f001"
}

.fa-code-commit:before {
  content: "\f386"
}

.fa-temperature-low:before {
  content: "\f76b"
}

.fa-biking:before,
.fa-person-biking:before {
  content: "\f84a"
}

.fa-broom:before {
  content: "\f51a"
}

.fa-shield-heart:before {
  content: "\e574"
}

.fa-gopuram:before {
  content: "\f664"
}

.fa-earth-oceania:before,
.fa-globe-oceania:before {
  content: "\e47b"
}

.fa-square-xmark:before,
.fa-times-square:before,
.fa-xmark-square:before {
  content: "\f2d3"
}

.fa-hashtag:before {
  content: "\23"
}

.fa-expand-alt:before,
.fa-up-right-and-down-left-from-center:before {
  content: "\f424"
}

.fa-oil-can:before {
  content: "\f613"
}

.fa-t:before {
  content: "\54"
}

.fa-hippo:before {
  content: "\f6ed"
}

.fa-chart-column:before {
  content: "\e0e3"
}

.fa-infinity:before {
  content: "\f534"
}

.fa-vial-circle-check:before {
  content: "\e596"
}

.fa-person-arrow-down-to-line:before {
  content: "\e538"
}

.fa-voicemail:before {
  content: "\f897"
}

.fa-fan:before {
  content: "\f863"
}

.fa-person-walking-luggage:before {
  content: "\e554"
}

.fa-arrows-alt-v:before,
.fa-up-down:before {
  content: "\f338"
}

.fa-cloud-moon-rain:before {
  content: "\f73c"
}

.fa-calendar:before {
  content: "\f133"
}

.fa-trailer:before {
  content: "\e041"
}

.fa-bahai:before,
.fa-haykal:before {
  content: "\f666"
}

.fa-sd-card:before {
  content: "\f7c2"
}

.fa-dragon:before {
  content: "\f6d5"
}

.fa-shoe-prints:before {
  content: "\f54b"
}

.fa-circle-plus:before,
.fa-plus-circle:before {
  content: "\f055"
}

.fa-face-grin-tongue-wink:before,
.fa-grin-tongue-wink:before {
  content: "\f58b"
}

.fa-hand-holding:before {
  content: "\f4bd"
}

.fa-plug-circle-exclamation:before {
  content: "\e55d"
}

.fa-chain-broken:before,
.fa-chain-slash:before,
.fa-link-slash:before,
.fa-unlink:before {
  content: "\f127"
}

.fa-clone:before {
  content: "\f24d"
}

.fa-person-walking-arrow-loop-left:before {
  content: "\e551"
}

.fa-arrow-up-z-a:before,
.fa-sort-alpha-up-alt:before {
  content: "\f882"
}

.fa-fire-alt:before,
.fa-fire-flame-curved:before {
  content: "\f7e4"
}

.fa-tornado:before {
  content: "\f76f"
}

.fa-file-circle-plus:before {
  content: "\e494"
}

.fa-book-quran:before,
.fa-quran:before {
  content: "\f687"
}

.fa-anchor:before {
  content: "\f13d"
}

.fa-border-all:before {
  content: "\f84c"
}

.fa-angry:before,
.fa-face-angry:before {
  content: "\f556"
}

.fa-cookie-bite:before {
  content: "\f564"
}

.fa-arrow-trend-down:before {
  content: "\e097"
}

.fa-feed:before,
.fa-rss:before {
  content: "\f09e"
}

.fa-draw-polygon:before {
  content: "\f5ee"
}

.fa-balance-scale:before,
.fa-scale-balanced:before {
  content: "\f24e"
}

.fa-gauge-simple-high:before,
.fa-tachometer-fast:before,
.fa-tachometer:before {
  content: "\f62a"
}

.fa-shower:before {
  content: "\f2cc"
}

.fa-desktop-alt:before,
.fa-desktop:before {
  content: "\f390"
}

.fa-m:before {
  content: "\4d"
}

.fa-table-list:before,
.fa-th-list:before {
  content: "\f00b"
}

.fa-comment-sms:before,
.fa-sms:before {
  content: "\f7cd"
}

.fa-book:before {
  content: "\f02d"
}

.fa-user-plus:before {
  content: "\f234"
}

.fa-check:before {
  content: "\f00c"
}

.fa-battery-4:before,
.fa-battery-three-quarters:before {
  content: "\f241"
}

.fa-house-circle-check:before {
  content: "\e509"
}

.fa-angle-left:before {
  content: "\f104"
}

.fa-diagram-successor:before {
  content: "\e47a"
}

.fa-truck-arrow-right:before {
  content: "\e58b"
}

.fa-arrows-split-up-and-left:before {
  content: "\e4bc"
}

.fa-fist-raised:before,
.fa-hand-fist:before {
  content: "\f6de"
}

.fa-cloud-moon:before {
  content: "\f6c3"
}

.fa-briefcase:before {
  content: "\f0b1"
}

.fa-person-falling:before {
  content: "\e546"
}

.fa-image-portrait:before,
.fa-portrait:before {
  content: "\f3e0"
}

.fa-user-tag:before {
  content: "\f507"
}

.fa-rug:before {
  content: "\e569"
}

.fa-earth-europe:before,
.fa-globe-europe:before {
  content: "\f7a2"
}

.fa-cart-flatbed-suitcase:before,
.fa-luggage-cart:before {
  content: "\f59d"
}

.fa-rectangle-times:before,
.fa-rectangle-xmark:before,
.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\f410"
}

.fa-baht-sign:before {
  content: "\e0ac"
}

.fa-book-open:before {
  content: "\f518"
}

.fa-book-journal-whills:before,
.fa-journal-whills:before {
  content: "\f66a"
}

.fa-handcuffs:before {
  content: "\e4f8"
}

.fa-exclamation-triangle:before,
.fa-triangle-exclamation:before,
.fa-warning:before {
  content: "\f071"
}

.fa-database:before {
  content: "\f1c0"
}

.fa-arrow-turn-right:before,
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064"
}

.fa-bottle-droplet:before {
  content: "\e4c4"
}

.fa-mask-face:before {
  content: "\e1d7"
}

.fa-hill-rockslide:before {
  content: "\e508"
}

.fa-exchange-alt:before,
.fa-right-left:before {
  content: "\f362"
}

.fa-paper-plane:before {
  content: "\f1d8"
}

.fa-road-circle-exclamation:before {
  content: "\e565"
}

.fa-dungeon:before {
  content: "\f6d9"
}

.fa-align-right:before {
  content: "\f038"
}

.fa-money-bill-1-wave:before,
.fa-money-bill-wave-alt:before {
  content: "\f53b"
}

.fa-life-ring:before {
  content: "\f1cd"
}

.fa-hands:before,
.fa-sign-language:before,
.fa-signing:before {
  content: "\f2a7"
}

.fa-calendar-day:before {
  content: "\f783"
}

.fa-ladder-water:before,
.fa-swimming-pool:before,
.fa-water-ladder:before {
  content: "\f5c5"
}

.fa-arrows-up-down:before,
.fa-arrows-v:before {
  content: "\f07d"
}

.fa-face-grimace:before,
.fa-grimace:before {
  content: "\f57f"
}

.fa-wheelchair-alt:before,
.fa-wheelchair-move:before {
  content: "\e2ce"
}

.fa-level-down-alt:before,
.fa-turn-down:before {
  content: "\f3be"
}

.fa-person-walking-arrow-right:before {
  content: "\e552"
}

.fa-envelope-square:before,
.fa-square-envelope:before {
  content: "\f199"
}

.fa-dice:before {
  content: "\f522"
}

.fa-bowling-ball:before {
  content: "\f436"
}

.fa-brain:before {
  content: "\f5dc"
}

.fa-band-aid:before,
.fa-bandage:before {
  content: "\f462"
}

.fa-calendar-minus:before {
  content: "\f272"
}

.fa-circle-xmark:before,
.fa-times-circle:before,
.fa-xmark-circle:before {
  content: "\f057"
}

.fa-gifts:before {
  content: "\f79c"
}

.fa-hotel:before {
  content: "\f594"
}

.fa-earth-asia:before,
.fa-globe-asia:before {
  content: "\f57e"
}

.fa-id-card-alt:before,
.fa-id-card-clip:before {
  content: "\f47f"
}

.fa-magnifying-glass-plus:before,
.fa-search-plus:before {
  content: "\f00e"
}

.fa-thumbs-up:before {
  content: "\f164"
}

.fa-user-clock:before {
  content: "\f4fd"
}

.fa-allergies:before,
.fa-hand-dots:before {
  content: "\f461"
}

.fa-file-invoice:before {
  content: "\f570"
}

.fa-window-minimize:before {
  content: "\f2d1"
}

.fa-coffee:before,
.fa-mug-saucer:before {
  content: "\f0f4"
}

.fa-brush:before {
  content: "\f55d"
}

.fa-mask:before {
  content: "\f6fa"
}

.fa-magnifying-glass-minus:before,
.fa-search-minus:before {
  content: "\f010"
}

.fa-ruler-vertical:before {
  content: "\f548"
}

.fa-user-alt:before,
.fa-user-large:before {
  content: "\f406"
}

.fa-train-tram:before {
  content: "\e5b4"
}

.fa-user-nurse:before {
  content: "\f82f"
}

.fa-syringe:before {
  content: "\f48e"
}

.fa-cloud-sun:before {
  content: "\f6c4"
}

.fa-stopwatch-20:before {
  content: "\e06f"
}

.fa-square-full:before {
  content: "\f45c"
}

.fa-magnet:before {
  content: "\f076"
}

.fa-jar:before {
  content: "\e516"
}

.fa-note-sticky:before,
.fa-sticky-note:before {
  content: "\f249"
}

.fa-bug-slash:before {
  content: "\e490"
}

.fa-arrow-up-from-water-pump:before {
  content: "\e4b6"
}

.fa-bone:before {
  content: "\f5d7"
}

.fa-user-injured:before {
  content: "\f728"
}

.fa-face-sad-tear:before,
.fa-sad-tear:before {
  content: "\f5b4"
}

.fa-plane:before {
  content: "\f072"
}

.fa-tent-arrows-down:before {
  content: "\e581"
}

.fa-exclamation:before {
  content: "\21"
}

.fa-arrows-spin:before {
  content: "\e4bb"
}

.fa-print:before {
  content: "\f02f"
}

.fa-try:before,
.fa-turkish-lira-sign:before,
.fa-turkish-lira:before {
  content: "\e2bb"
}

.fa-dollar-sign:before,
.fa-dollar:before,
.fa-usd:before {
  content: "\24"
}

.fa-x:before {
  content: "\58"
}

.fa-magnifying-glass-dollar:before,
.fa-search-dollar:before {
  content: "\f688"
}

.fa-users-cog:before,
.fa-users-gear:before {
  content: "\f509"
}

.fa-person-military-pointing:before {
  content: "\e54a"
}

.fa-bank:before,
.fa-building-columns:before,
.fa-institution:before,
.fa-museum:before,
.fa-university:before {
  content: "\f19c"
}

.fa-umbrella:before {
  content: "\f0e9"
}

.fa-trowel:before {
  content: "\e589"
}

.fa-d:before {
  content: "\44"
}

.fa-stapler:before {
  content: "\e5af"
}

.fa-masks-theater:before,
.fa-theater-masks:before {
  content: "\f630"
}

.fa-kip-sign:before {
  content: "\e1c4"
}

.fa-hand-point-left:before {
  content: "\f0a5"
}

.fa-handshake-alt:before,
.fa-handshake-simple:before {
  content: "\f4c6"
}

.fa-fighter-jet:before,
.fa-jet-fighter:before {
  content: "\f0fb"
}

.fa-share-alt-square:before,
.fa-square-share-nodes:before {
  content: "\f1e1"
}

.fa-barcode:before {
  content: "\f02a"
}

.fa-plus-minus:before {
  content: "\e43c"
}

.fa-video-camera:before,
.fa-video:before {
  content: "\f03d"
}

.fa-graduation-cap:before,
.fa-mortar-board:before {
  content: "\f19d"
}

.fa-hand-holding-medical:before {
  content: "\e05c"
}

.fa-person-circle-check:before {
  content: "\e53e"
}

.fa-level-up-alt:before,
.fa-turn-up:before {
  content: "\f3bf"
}

.fa-sr-only,
.fa-sr-only-focusable:not(:focus),
.sr-only,
.sr-only-focusable:not(:focus) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0
}

:host,
:root {
  --fa-style-family-brands: "Font Awesome 6 Brands";
  --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands"
}

@font-face {
  font-family: "Font Awesome 6 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/fonts/fontawesome/webfonts/fa-brands-400.woff2) format("woff2"), url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/fonts/fontawesome/webfonts/fa-brands-400.ttf) format("truetype")
}

.fa-brands,
.fab {
  font-weight: 400
}

.fa-monero:before {
  content: "\f3d0"
}

.fa-hooli:before {
  content: "\f427"
}

.fa-yelp:before {
  content: "\f1e9"
}

.fa-cc-visa:before {
  content: "\f1f0"
}

.fa-lastfm:before {
  content: "\f202"
}

.fa-shopware:before {
  content: "\f5b5"
}

.fa-creative-commons-nc:before {
  content: "\f4e8"
}

.fa-aws:before {
  content: "\f375"
}

.fa-redhat:before {
  content: "\f7bc"
}

.fa-yoast:before {
  content: "\f2b1"
}

.fa-cloudflare:before {
  content: "\e07d"
}

.fa-ups:before {
  content: "\f7e0"
}

.fa-wpexplorer:before {
  content: "\f2de"
}

.fa-dyalog:before {
  content: "\f399"
}

.fa-bity:before {
  content: "\f37a"
}

.fa-stackpath:before {
  content: "\f842"
}

.fa-buysellads:before {
  content: "\f20d"
}

.fa-first-order:before {
  content: "\f2b0"
}

.fa-modx:before {
  content: "\f285"
}

.fa-guilded:before {
  content: "\e07e"
}

.fa-vnv:before {
  content: "\f40b"
}

.fa-js-square:before,
.fa-square-js:before {
  content: "\f3b9"
}

.fa-microsoft:before {
  content: "\f3ca"
}

.fa-qq:before {
  content: "\f1d6"
}

.fa-orcid:before {
  content: "\f8d2"
}

.fa-java:before {
  content: "\f4e4"
}

.fa-invision:before {
  content: "\f7b0"
}

.fa-creative-commons-pd-alt:before {
  content: "\f4ed"
}

.fa-centercode:before {
  content: "\f380"
}

.fa-glide-g:before {
  content: "\f2a6"
}

.fa-drupal:before {
  content: "\f1a9"
}

.fa-hire-a-helper:before {
  content: "\f3b0"
}

.fa-creative-commons-by:before {
  content: "\f4e7"
}

.fa-unity:before {
  content: "\e049"
}

.fa-whmcs:before {
  content: "\f40d"
}

.fa-rocketchat:before {
  content: "\f3e8"
}

.fa-vk:before {
  content: "\f189"
}

.fa-untappd:before {
  content: "\f405"
}

.fa-mailchimp:before {
  content: "\f59e"
}

.fa-css3-alt:before {
  content: "\f38b"
}

.fa-reddit-square:before,
.fa-square-reddit:before {
  content: "\f1a2"
}

.fa-vimeo-v:before {
  content: "\f27d"
}

.fa-contao:before {
  content: "\f26d"
}

.fa-square-font-awesome:before {
  content: "\e5ad"
}

.fa-deskpro:before {
  content: "\f38f"
}

.fa-sistrix:before {
  content: "\f3ee"
}

.fa-instagram-square:before,
.fa-square-instagram:before {
  content: "\e055"
}

.fa-battle-net:before {
  content: "\f835"
}

.fa-the-red-yeti:before {
  content: "\f69d"
}

.fa-hacker-news-square:before,
.fa-square-hacker-news:before {
  content: "\f3af"
}

.fa-edge:before {
  content: "\f282"
}

.fa-threads:before {
  content: "\e618"
}

.fa-napster:before {
  content: "\f3d2"
}

.fa-snapchat-square:before,
.fa-square-snapchat:before {
  content: "\f2ad"
}

.fa-google-plus-g:before {
  content: "\f0d5"
}

.fa-artstation:before {
  content: "\f77a"
}

.fa-markdown:before {
  content: "\f60f"
}

.fa-sourcetree:before {
  content: "\f7d3"
}

.fa-google-plus:before {
  content: "\f2b3"
}

.fa-diaspora:before {
  content: "\f791"
}

.fa-foursquare:before {
  content: "\f180"
}

.fa-stack-overflow:before {
  content: "\f16c"
}

.fa-github-alt:before {
  content: "\f113"
}

.fa-phoenix-squadron:before {
  content: "\f511"
}

.fa-pagelines:before {
  content: "\f18c"
}

.fa-algolia:before {
  content: "\f36c"
}

.fa-red-river:before {
  content: "\f3e3"
}

.fa-creative-commons-sa:before {
  content: "\f4ef"
}

.fa-safari:before {
  content: "\f267"
}

.fa-google:before {
  content: "\f1a0"
}

.fa-font-awesome-alt:before,
.fa-square-font-awesome-stroke:before {
  content: "\f35c"
}

.fa-atlassian:before {
  content: "\f77b"
}

.fa-linkedin-in:before {
  content: "\f0e1"
}

.fa-digital-ocean:before {
  content: "\f391"
}

.fa-nimblr:before {
  content: "\f5a8"
}

.fa-chromecast:before {
  content: "\f838"
}

.fa-evernote:before {
  content: "\f839"
}

.fa-hacker-news:before {
  content: "\f1d4"
}

.fa-creative-commons-sampling:before {
  content: "\f4f0"
}

.fa-adversal:before {
  content: "\f36a"
}

.fa-creative-commons:before {
  content: "\f25e"
}

.fa-watchman-monitoring:before {
  content: "\e087"
}

.fa-fonticons:before {
  content: "\f280"
}

.fa-weixin:before {
  content: "\f1d7"
}

.fa-shirtsinbulk:before {
  content: "\f214"
}

.fa-codepen:before {
  content: "\f1cb"
}

.fa-git-alt:before {
  content: "\f841"
}

.fa-lyft:before {
  content: "\f3c3"
}

.fa-rev:before {
  content: "\f5b2"
}

.fa-windows:before {
  content: "\f17a"
}

.fa-wizards-of-the-coast:before {
  content: "\f730"
}

.fa-square-viadeo:before,
.fa-viadeo-square:before {
  content: "\f2aa"
}

.fa-meetup:before {
  content: "\f2e0"
}

.fa-centos:before {
  content: "\f789"
}

.fa-adn:before {
  content: "\f170"
}

.fa-cloudsmith:before {
  content: "\f384"
}

.fa-pied-piper-alt:before {
  content: "\f1a8"
}

.fa-dribbble-square:before,
.fa-square-dribbble:before {
  content: "\f397"
}

.fa-codiepie:before {
  content: "\f284"
}

.fa-node:before {
  content: "\f419"
}

.fa-mix:before {
  content: "\f3cb"
}

.fa-steam:before {
  content: "\f1b6"
}

.fa-cc-apple-pay:before {
  content: "\f416"
}

.fa-scribd:before {
  content: "\f28a"
}

.fa-debian:before {
  content: "\e60b"
}

.fa-openid:before {
  content: "\f19b"
}

.fa-instalod:before {
  content: "\e081"
}

.fa-expeditedssl:before {
  content: "\f23e"
}

.fa-sellcast:before {
  content: "\f2da"
}

.fa-square-twitter:before,
.fa-twitter-square:before {
  content: "\f081"
}

.fa-r-project:before {
  content: "\f4f7"
}

.fa-delicious:before {
  content: "\f1a5"
}

.fa-freebsd:before {
  content: "\f3a4"
}

.fa-vuejs:before {
  content: "\f41f"
}

.fa-accusoft:before {
  content: "\f369"
}

.fa-ioxhost:before {
  content: "\f208"
}

.fa-fonticons-fi:before {
  content: "\f3a2"
}

.fa-app-store:before {
  content: "\f36f"
}

.fa-cc-mastercard:before {
  content: "\f1f1"
}

.fa-itunes-note:before {
  content: "\f3b5"
}

.fa-golang:before {
  content: "\e40f"
}

.fa-kickstarter:before {
  content: "\f3bb"
}

.fa-grav:before {
  content: "\f2d6"
}

.fa-weibo:before {
  content: "\f18a"
}

.fa-uncharted:before {
  content: "\e084"
}

.fa-firstdraft:before {
  content: "\f3a1"
}

.fa-square-youtube:before,
.fa-youtube-square:before {
  content: "\f431"
}

.fa-wikipedia-w:before {
  content: "\f266"
}

.fa-rendact:before,
.fa-wpressr:before {
  content: "\f3e4"
}

.fa-angellist:before {
  content: "\f209"
}

.fa-galactic-republic:before {
  content: "\f50c"
}

.fa-nfc-directional:before {
  content: "\e530"
}

.fa-skype:before {
  content: "\f17e"
}

.fa-joget:before {
  content: "\f3b7"
}

.fa-fedora:before {
  content: "\f798"
}

.fa-stripe-s:before {
  content: "\f42a"
}

.fa-meta:before {
  content: "\e49b"
}

.fa-laravel:before {
  content: "\f3bd"
}

.fa-hotjar:before {
  content: "\f3b1"
}

.fa-bluetooth-b:before {
  content: "\f294"
}

.fa-sticker-mule:before {
  content: "\f3f7"
}

.fa-creative-commons-zero:before {
  content: "\f4f3"
}

.fa-hips:before {
  content: "\f452"
}

.fa-behance:before {
  content: "\f1b4"
}

.fa-reddit:before {
  content: "\f1a1"
}

.fa-discord:before {
  content: "\f392"
}

.fa-chrome:before {
  content: "\f268"
}

.fa-app-store-ios:before {
  content: "\f370"
}

.fa-cc-discover:before {
  content: "\f1f2"
}

.fa-wpbeginner:before {
  content: "\f297"
}

.fa-confluence:before {
  content: "\f78d"
}

.fa-mdb:before {
  content: "\f8ca"
}

.fa-dochub:before {
  content: "\f394"
}

.fa-accessible-icon:before {
  content: "\f368"
}

.fa-ebay:before {
  content: "\f4f4"
}

.fa-amazon:before {
  content: "\f270"
}

.fa-unsplash:before {
  content: "\e07c"
}

.fa-yarn:before {
  content: "\f7e3"
}

.fa-square-steam:before,
.fa-steam-square:before {
  content: "\f1b7"
}

.fa-500px:before {
  content: "\f26e"
}

.fa-square-vimeo:before,
.fa-vimeo-square:before {
  content: "\f194"
}

.fa-asymmetrik:before {
  content: "\f372"
}

.fa-font-awesome-flag:before,
.fa-font-awesome-logo-full:before,
.fa-font-awesome:before {
  content: "\f2b4"
}

.fa-gratipay:before {
  content: "\f184"
}

.fa-apple:before {
  content: "\f179"
}

.fa-hive:before {
  content: "\e07f"
}

.fa-gitkraken:before {
  content: "\f3a6"
}

.fa-keybase:before {
  content: "\f4f5"
}

.fa-apple-pay:before {
  content: "\f415"
}

.fa-padlet:before {
  content: "\e4a0"
}

.fa-amazon-pay:before {
  content: "\f42c"
}

.fa-github-square:before,
.fa-square-github:before {
  content: "\f092"
}

.fa-stumbleupon:before {
  content: "\f1a4"
}

.fa-fedex:before {
  content: "\f797"
}

.fa-phoenix-framework:before {
  content: "\f3dc"
}

.fa-shopify:before {
  content: "\e057"
}

.fa-neos:before {
  content: "\f612"
}

.fa-square-threads:before {
  content: "\e619"
}

.fa-hackerrank:before {
  content: "\f5f7"
}

.fa-researchgate:before {
  content: "\f4f8"
}

.fa-swift:before {
  content: "\f8e1"
}

.fa-angular:before {
  content: "\f420"
}

.fa-speakap:before {
  content: "\f3f3"
}

.fa-angrycreative:before {
  content: "\f36e"
}

.fa-y-combinator:before {
  content: "\f23b"
}

.fa-empire:before {
  content: "\f1d1"
}

.fa-envira:before {
  content: "\f299"
}

.fa-gitlab-square:before,
.fa-square-gitlab:before {
  content: "\e5ae"
}

.fa-studiovinari:before {
  content: "\f3f8"
}

.fa-pied-piper:before {
  content: "\f2ae"
}

.fa-wordpress:before {
  content: "\f19a"
}

.fa-product-hunt:before {
  content: "\f288"
}

.fa-firefox:before {
  content: "\f269"
}

.fa-linode:before {
  content: "\f2b8"
}

.fa-goodreads:before {
  content: "\f3a8"
}

.fa-odnoklassniki-square:before,
.fa-square-odnoklassniki:before {
  content: "\f264"
}

.fa-jsfiddle:before {
  content: "\f1cc"
}

.fa-sith:before {
  content: "\f512"
}

.fa-themeisle:before {
  content: "\f2b2"
}

.fa-page4:before {
  content: "\f3d7"
}

.fa-hashnode:before {
  content: "\e499"
}

.fa-react:before {
  content: "\f41b"
}

.fa-cc-paypal:before {
  content: "\f1f4"
}

.fa-squarespace:before {
  content: "\f5be"
}

.fa-cc-stripe:before {
  content: "\f1f5"
}

.fa-creative-commons-share:before {
  content: "\f4f2"
}

.fa-bitcoin:before {
  content: "\f379"
}

.fa-keycdn:before {
  content: "\f3ba"
}

.fa-opera:before {
  content: "\f26a"
}

.fa-itch-io:before {
  content: "\f83a"
}

.fa-umbraco:before {
  content: "\f8e8"
}

.fa-galactic-senate:before {
  content: "\f50d"
}

.fa-ubuntu:before {
  content: "\f7df"
}

.fa-draft2digital:before {
  content: "\f396"
}

.fa-stripe:before {
  content: "\f429"
}

.fa-houzz:before {
  content: "\f27c"
}

.fa-gg:before {
  content: "\f260"
}

.fa-dhl:before {
  content: "\f790"
}

.fa-pinterest-square:before,
.fa-square-pinterest:before {
  content: "\f0d3"
}

.fa-xing:before {
  content: "\f168"
}

.fa-blackberry:before {
  content: "\f37b"
}

.fa-creative-commons-pd:before {
  content: "\f4ec"
}

.fa-playstation:before {
  content: "\f3df"
}

.fa-quinscape:before {
  content: "\f459"
}

.fa-less:before {
  content: "\f41d"
}

.fa-blogger-b:before {
  content: "\f37d"
}

.fa-opencart:before {
  content: "\f23d"
}

.fa-vine:before {
  content: "\f1ca"
}

.fa-paypal:before {
  content: "\f1ed"
}

.fa-gitlab:before {
  content: "\f296"
}

.fa-typo3:before {
  content: "\f42b"
}

.fa-reddit-alien:before {
  content: "\f281"
}

.fa-yahoo:before {
  content: "\f19e"
}

.fa-dailymotion:before {
  content: "\e052"
}

.fa-affiliatetheme:before {
  content: "\f36b"
}

.fa-pied-piper-pp:before {
  content: "\f1a7"
}

.fa-bootstrap:before {
  content: "\f836"
}

.fa-odnoklassniki:before {
  content: "\f263"
}

.fa-nfc-symbol:before {
  content: "\e531"
}

.fa-ethereum:before {
  content: "\f42e"
}

.fa-speaker-deck:before {
  content: "\f83c"
}

.fa-creative-commons-nc-eu:before {
  content: "\f4e9"
}

.fa-patreon:before {
  content: "\f3d9"
}

.fa-avianex:before {
  content: "\f374"
}

.fa-ello:before {
  content: "\f5f1"
}

.fa-gofore:before {
  content: "\f3a7"
}

.fa-bimobject:before {
  content: "\f378"
}

.fa-facebook-f:before {
  content: "\f39e"
}

.fa-google-plus-square:before,
.fa-square-google-plus:before {
  content: "\f0d4"
}

.fa-mandalorian:before {
  content: "\f50f"
}

.fa-first-order-alt:before {
  content: "\f50a"
}

.fa-osi:before {
  content: "\f41a"
}

.fa-google-wallet:before {
  content: "\f1ee"
}

.fa-d-and-d-beyond:before {
  content: "\f6ca"
}

.fa-periscope:before {
  content: "\f3da"
}

.fa-fulcrum:before {
  content: "\f50b"
}

.fa-cloudscale:before {
  content: "\f383"
}

.fa-forumbee:before {
  content: "\f211"
}

.fa-mizuni:before {
  content: "\f3cc"
}

.fa-schlix:before {
  content: "\f3ea"
}

.fa-square-xing:before,
.fa-xing-square:before {
  content: "\f169"
}

.fa-bandcamp:before {
  content: "\f2d5"
}

.fa-wpforms:before {
  content: "\f298"
}

.fa-cloudversify:before {
  content: "\f385"
}

.fa-usps:before {
  content: "\f7e1"
}

.fa-megaport:before {
  content: "\f5a3"
}

.fa-magento:before {
  content: "\f3c4"
}

.fa-spotify:before {
  content: "\f1bc"
}

.fa-optin-monster:before {
  content: "\f23c"
}

.fa-fly:before {
  content: "\f417"
}

.fa-aviato:before {
  content: "\f421"
}

.fa-itunes:before {
  content: "\f3b4"
}

.fa-cuttlefish:before {
  content: "\f38c"
}

.fa-blogger:before {
  content: "\f37c"
}

.fa-flickr:before {
  content: "\f16e"
}

.fa-viber:before {
  content: "\f409"
}

.fa-soundcloud:before {
  content: "\f1be"
}

.fa-digg:before {
  content: "\f1a6"
}

.fa-tencent-weibo:before {
  content: "\f1d5"
}

.fa-symfony:before {
  content: "\f83d"
}

.fa-maxcdn:before {
  content: "\f136"
}

.fa-etsy:before {
  content: "\f2d7"
}

.fa-facebook-messenger:before {
  content: "\f39f"
}

.fa-audible:before {
  content: "\f373"
}

.fa-think-peaks:before {
  content: "\f731"
}

.fa-bilibili:before {
  content: "\e3d9"
}

.fa-erlang:before {
  content: "\f39d"
}

.fa-x-twitter:before {
  content: "\e61b"
}

.fa-cotton-bureau:before {
  content: "\f89e"
}

.fa-dashcube:before {
  content: "\f210"
}

.fa-42-group:before,
.fa-innosoft:before {
  content: "\e080"
}

.fa-stack-exchange:before {
  content: "\f18d"
}

.fa-elementor:before {
  content: "\f430"
}

.fa-pied-piper-square:before,
.fa-square-pied-piper:before {
  content: "\e01e"
}

.fa-creative-commons-nd:before {
  content: "\f4eb"
}

.fa-palfed:before {
  content: "\f3d8"
}

.fa-superpowers:before {
  content: "\f2dd"
}

.fa-resolving:before {
  content: "\f3e7"
}

.fa-xbox:before {
  content: "\f412"
}

.fa-searchengin:before {
  content: "\f3eb"
}

.fa-tiktok:before {
  content: "\e07b"
}

.fa-facebook-square:before,
.fa-square-facebook:before {
  content: "\f082"
}

.fa-renren:before {
  content: "\f18b"
}

.fa-linux:before {
  content: "\f17c"
}

.fa-glide:before {
  content: "\f2a5"
}

.fa-linkedin:before {
  content: "\f08c"
}

.fa-hubspot:before {
  content: "\f3b2"
}

.fa-deploydog:before {
  content: "\f38e"
}

.fa-twitch:before {
  content: "\f1e8"
}

.fa-ravelry:before {
  content: "\f2d9"
}

.fa-mixer:before {
  content: "\e056"
}

.fa-lastfm-square:before,
.fa-square-lastfm:before {
  content: "\f203"
}

.fa-vimeo:before {
  content: "\f40a"
}

.fa-mendeley:before {
  content: "\f7b3"
}

.fa-uniregistry:before {
  content: "\f404"
}

.fa-figma:before {
  content: "\f799"
}

.fa-creative-commons-remix:before {
  content: "\f4ee"
}

.fa-cc-amazon-pay:before {
  content: "\f42d"
}

.fa-dropbox:before {
  content: "\f16b"
}

.fa-instagram:before {
  content: "\f16d"
}

.fa-cmplid:before {
  content: "\e360"
}

.fa-facebook:before {
  content: "\f09a"
}

.fa-gripfire:before {
  content: "\f3ac"
}

.fa-jedi-order:before {
  content: "\f50e"
}

.fa-uikit:before {
  content: "\f403"
}

.fa-fort-awesome-alt:before {
  content: "\f3a3"
}

.fa-phabricator:before {
  content: "\f3db"
}

.fa-ussunnah:before {
  content: "\f407"
}

.fa-earlybirds:before {
  content: "\f39a"
}

.fa-trade-federation:before {
  content: "\f513"
}

.fa-autoprefixer:before {
  content: "\f41c"
}

.fa-whatsapp:before {
  content: "\f232"
}

.fa-slideshare:before {
  content: "\f1e7"
}

.fa-google-play:before {
  content: "\f3ab"
}

.fa-viadeo:before {
  content: "\f2a9"
}

.fa-line:before {
  content: "\f3c0"
}

.fa-google-drive:before {
  content: "\f3aa"
}

.fa-servicestack:before {
  content: "\f3ec"
}

.fa-simplybuilt:before {
  content: "\f215"
}

.fa-bitbucket:before {
  content: "\f171"
}

.fa-imdb:before {
  content: "\f2d8"
}

.fa-deezer:before {
  content: "\e077"
}

.fa-raspberry-pi:before {
  content: "\f7bb"
}

.fa-jira:before {
  content: "\f7b1"
}

.fa-docker:before {
  content: "\f395"
}

.fa-screenpal:before {
  content: "\e570"
}

.fa-bluetooth:before {
  content: "\f293"
}

.fa-gitter:before {
  content: "\f426"
}

.fa-d-and-d:before {
  content: "\f38d"
}

.fa-microblog:before {
  content: "\e01a"
}

.fa-cc-diners-club:before {
  content: "\f24c"
}

.fa-gg-circle:before {
  content: "\f261"
}

.fa-pied-piper-hat:before {
  content: "\f4e5"
}

.fa-kickstarter-k:before {
  content: "\f3bc"
}

.fa-yandex:before {
  content: "\f413"
}

.fa-readme:before {
  content: "\f4d5"
}

.fa-html5:before {
  content: "\f13b"
}

.fa-sellsy:before {
  content: "\f213"
}

.fa-sass:before {
  content: "\f41e"
}

.fa-wirsindhandwerk:before,
.fa-wsh:before {
  content: "\e2d0"
}

.fa-buromobelexperte:before {
  content: "\f37f"
}

.fa-salesforce:before {
  content: "\f83b"
}

.fa-octopus-deploy:before {
  content: "\e082"
}

.fa-medapps:before {
  content: "\f3c6"
}

.fa-ns8:before {
  content: "\f3d5"
}

.fa-pinterest-p:before {
  content: "\f231"
}

.fa-apper:before {
  content: "\f371"
}

.fa-fort-awesome:before {
  content: "\f286"
}

.fa-waze:before {
  content: "\f83f"
}

.fa-cc-jcb:before {
  content: "\f24b"
}

.fa-snapchat-ghost:before,
.fa-snapchat:before {
  content: "\f2ab"
}

.fa-fantasy-flight-games:before {
  content: "\f6dc"
}

.fa-rust:before {
  content: "\e07a"
}

.fa-wix:before {
  content: "\f5cf"
}

.fa-behance-square:before,
.fa-square-behance:before {
  content: "\f1b5"
}

.fa-supple:before {
  content: "\f3f9"
}

.fa-rebel:before {
  content: "\f1d0"
}

.fa-css3:before {
  content: "\f13c"
}

.fa-staylinked:before {
  content: "\f3f5"
}

.fa-kaggle:before {
  content: "\f5fa"
}

.fa-space-awesome:before {
  content: "\e5ac"
}

.fa-deviantart:before {
  content: "\f1bd"
}

.fa-cpanel:before {
  content: "\f388"
}

.fa-goodreads-g:before {
  content: "\f3a9"
}

.fa-git-square:before,
.fa-square-git:before {
  content: "\f1d2"
}

.fa-square-tumblr:before,
.fa-tumblr-square:before {
  content: "\f174"
}

.fa-trello:before {
  content: "\f181"
}

.fa-creative-commons-nc-jp:before {
  content: "\f4ea"
}

.fa-get-pocket:before {
  content: "\f265"
}

.fa-perbyte:before {
  content: "\e083"
}

.fa-grunt:before {
  content: "\f3ad"
}

.fa-weebly:before {
  content: "\f5cc"
}

.fa-connectdevelop:before {
  content: "\f20e"
}

.fa-leanpub:before {
  content: "\f212"
}

.fa-black-tie:before {
  content: "\f27e"
}

.fa-themeco:before {
  content: "\f5c6"
}

.fa-python:before {
  content: "\f3e2"
}

.fa-android:before {
  content: "\f17b"
}

.fa-bots:before {
  content: "\e340"
}

.fa-free-code-camp:before {
  content: "\f2c5"
}

.fa-hornbill:before {
  content: "\f592"
}

.fa-js:before {
  content: "\f3b8"
}

.fa-ideal:before {
  content: "\e013"
}

.fa-git:before {
  content: "\f1d3"
}

.fa-dev:before {
  content: "\f6cc"
}

.fa-sketch:before {
  content: "\f7c6"
}

.fa-yandex-international:before {
  content: "\f414"
}

.fa-cc-amex:before {
  content: "\f1f3"
}

.fa-uber:before {
  content: "\f402"
}

.fa-github:before {
  content: "\f09b"
}

.fa-php:before {
  content: "\f457"
}

.fa-alipay:before {
  content: "\f642"
}

.fa-youtube:before {
  content: "\f167"
}

.fa-skyatlas:before {
  content: "\f216"
}

.fa-firefox-browser:before {
  content: "\e007"
}

.fa-replyd:before {
  content: "\f3e6"
}

.fa-suse:before {
  content: "\f7d6"
}

.fa-jenkins:before {
  content: "\f3b6"
}

.fa-twitter:before {
  content: "\f099"
}

.fa-rockrms:before {
  content: "\f3e9"
}

.fa-pinterest:before {
  content: "\f0d2"
}

.fa-buffer:before {
  content: "\f837"
}

.fa-npm:before {
  content: "\f3d4"
}

.fa-yammer:before {
  content: "\f840"
}

.fa-btc:before {
  content: "\f15a"
}

.fa-dribbble:before {
  content: "\f17d"
}

.fa-stumbleupon-circle:before {
  content: "\f1a3"
}

.fa-internet-explorer:before {
  content: "\f26b"
}

.fa-stubber:before {
  content: "\e5c7"
}

.fa-telegram-plane:before,
.fa-telegram:before {
  content: "\f2c6"
}

.fa-old-republic:before {
  content: "\f510"
}

.fa-odysee:before {
  content: "\e5c6"
}

.fa-square-whatsapp:before,
.fa-whatsapp-square:before {
  content: "\f40c"
}

.fa-node-js:before {
  content: "\f3d3"
}

.fa-edge-legacy:before {
  content: "\e078"
}

.fa-slack-hash:before,
.fa-slack:before {
  content: "\f198"
}

.fa-medrt:before {
  content: "\f3c8"
}

.fa-usb:before {
  content: "\f287"
}

.fa-tumblr:before {
  content: "\f173"
}

.fa-vaadin:before {
  content: "\f408"
}

.fa-quora:before {
  content: "\f2c4"
}

.fa-square-x-twitter:before {
  content: "\e61a"
}

.fa-reacteurope:before {
  content: "\f75d"
}

.fa-medium-m:before,
.fa-medium:before {
  content: "\f23a"
}

.fa-amilia:before {
  content: "\f36d"
}

.fa-mixcloud:before {
  content: "\f289"
}

.fa-flipboard:before {
  content: "\f44d"
}

.fa-viacoin:before {
  content: "\f237"
}

.fa-critical-role:before {
  content: "\f6c9"
}

.fa-sitrox:before {
  content: "\e44a"
}

.fa-discourse:before {
  content: "\f393"
}

.fa-joomla:before {
  content: "\f1aa"
}

.fa-mastodon:before {
  content: "\f4f6"
}

.fa-airbnb:before {
  content: "\f834"
}

.fa-wolf-pack-battalion:before {
  content: "\f514"
}

.fa-buy-n-large:before {
  content: "\f8a6"
}

.fa-gulp:before {
  content: "\f3ae"
}

.fa-creative-commons-sampling-plus:before {
  content: "\f4f1"
}

.fa-strava:before {
  content: "\f428"
}

.fa-ember:before {
  content: "\f423"
}

.fa-canadian-maple-leaf:before {
  content: "\f785"
}

.fa-teamspeak:before {
  content: "\f4f9"
}

.fa-pushed:before {
  content: "\f3e1"
}

.fa-wordpress-simple:before {
  content: "\f411"
}

.fa-nutritionix:before {
  content: "\f3d6"
}

.fa-wodu:before {
  content: "\e088"
}

.fa-google-pay:before {
  content: "\e079"
}

.fa-intercom:before {
  content: "\f7af"
}

.fa-zhihu:before {
  content: "\f63f"
}

.fa-korvue:before {
  content: "\f42f"
}

.fa-pix:before {
  content: "\e43a"
}

.fa-steam-symbol:before {
  content: "\f3f6"
}

:host,
:root {
  --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free"
}

@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/fonts/fontawesome/webfonts/fa-regular-400.woff2) format("woff2"), url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/fonts/fontawesome/webfonts/fa-regular-400.ttf) format("truetype")
}

.fa-regular,
.far {
  font-weight: 400
}

:host,
:root {
  --fa-style-family-classic: "Font Awesome 6 Free";
  --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free"
}

@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/fonts/fontawesome/webfonts/fa-solid-900.woff2) format("woff2"), url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/fonts/fontawesome/webfonts/fa-solid-900.ttf) format("truetype")
}

.fa-solid,
.fas {
  font-weight: 900
}

@font-face {
  font-family: "Font Awesome 5 Brands";
  font-display: block;
  font-weight: 400;
  src: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/fonts/fontawesome/webfonts/fa-brands-400.woff2) format("woff2"), url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/fonts/fontawesome/webfonts/fa-brands-400.ttf) format("truetype")
}

@font-face {
  font-family: "Font Awesome 5 Free";
  font-display: block;
  font-weight: 900;
  src: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/fonts/fontawesome/webfonts/fa-solid-900.woff2) format("woff2"), url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/fonts/fontawesome/webfonts/fa-solid-900.ttf) format("truetype")
}

@font-face {
  font-family: "Font Awesome 5 Free";
  font-display: block;
  font-weight: 400;
  src: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/fonts/fontawesome/webfonts/fa-regular-400.woff2) format("woff2"), url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/fonts/fontawesome/webfonts/fa-regular-400.ttf) format("truetype")
}

@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/fonts/fontawesome/webfonts/fa-solid-900.woff2) format("woff2"), url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/fonts/fontawesome/webfonts/fa-solid-900.ttf) format("truetype")
}

@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/fonts/fontawesome/webfonts/fa-brands-400.woff2) format("woff2"), url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/fonts/fontawesome/webfonts/fa-brands-400.ttf) format("truetype")
}

@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/fonts/fontawesome/webfonts/fa-regular-400.woff2) format("woff2"), url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/fonts/fontawesome/webfonts/fa-regular-400.ttf) format("truetype");
  unicode-range: u+f003, u+f006, u+f014, u+f016-f017, u+f01a-f01b, u+f01d, u+f022, u+f03e, u+f044, u+f046, u+f05c-f05d, u+f06e, u+f070, u+f087-f088, u+f08a, u+f094, u+f096-f097, u+f09d, u+f0a0, u+f0a2, u+f0a4-f0a7, u+f0c5, u+f0c7, u+f0e5-f0e6, u+f0eb, u+f0f6-f0f8, u+f10c, u+f114-f115, u+f118-f11a, u+f11c-f11d, u+f133, u+f147, u+f14e, u+f150-f152, u+f185-f186, u+f18e, u+f190-f192, u+f196, u+f1c1-f1c9, u+f1d9, u+f1db, u+f1e3, u+f1ea, u+f1f7, u+f1f9, u+f20a, u+f247-f248, u+f24a, u+f24d, u+f255-f25b, u+f25d, u+f271-f274, u+f278, u+f27b, u+f28c, u+f28e, u+f29c, u+f2b5, u+f2b7, u+f2ba, u+f2bc, u+f2be, u+f2c0-f2c1, u+f2c3, u+f2d0, u+f2d2, u+f2d4, u+f2dc
}

@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/fonts/fontawesome/webfonts/fa-v4compatibility.woff2) format("woff2"), url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/fonts/fontawesome/webfonts/fa-v4compatibility.ttf) format("truetype");
  unicode-range: u+f041, u+f047, u+f065-f066, u+f07d-f07e, u+f080, u+f08b, u+f08e, u+f090, u+f09a, u+f0ac, u+f0ae, u+f0b2, u+f0d0, u+f0d6, u+f0e4, u+f0ec, u+f10a-f10b, u+f123, u+f13e, u+f148-f149, u+f14c, u+f156, u+f15e, u+f160-f161, u+f163, u+f175-f178, u+f195, u+f1f8, u+f219, u+f27a
}

@font-face {
  font-family: "Cocon OT";
  font-weight: 700;
  font-style: normal;
  src: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/fonts/CoconOT-Bold.eot);
  src: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/fonts/CoconOT-Bold.eot?#iefix) format("embedded-opentype"), url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/fonts/CoconOT-Bold.woff2) format("woff2"), url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/fonts/CoconOT-Bold.woff) format("woff"), url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/fonts/CoconOT-Bold.ttf) format("truetype"), url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/fonts/CoconOT-Bold.svg#CoconOT-Bold) format("svg")
}

@font-face {
  font-family: "Cocon OT";
  font-weight: 700;
  font-style: italic;
  src: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/fonts/CoconOT-BoldIta.eot);
  src: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/fonts/CoconOT-BoldIta.eot?#iefix) format("embedded-opentype"), url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/fonts/CoconOT-BoldIta.woff2) format("woff2"), url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/fonts/CoconOT-BoldIta.woff) format("woff"), url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/fonts/CoconOT-BoldIta.ttf) format("truetype"), url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/fonts/CoconOT-BoldIta.svg#CoconOT-BoldIta) format("svg")
}

@font-face {
  font-family: "Cocon OT";
  font-weight: 400;
  font-style: normal;
  src: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/fonts/CoconOT-Regular.eot);
  src: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/fonts/CoconOT-Regular.eot?#iefix) format("embedded-opentype"), url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/fonts/CoconOT-Regular.woff2) format("woff2"), url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/fonts/CoconOT-Regular.woff) format("woff"), url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/fonts/CoconOT-Regular.ttf) format("truetype"), url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/fonts/CoconOT-Regular.svg#CoconOT-Regular) format("svg")
}

@font-face {
  font-family: "Cocon OT";
  font-weight: 400;
  font-style: italic;
  src: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/fonts/CoconOT-RegularIta.eot);
  src: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/fonts/CoconOT-RegularIta.eot?#iefix) format("embedded-opentype"), url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/fonts/CoconOT-RegularIta.woff2) format("woff2"), url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/fonts/CoconOT-RegularIta.woff) format("woff"), url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/fonts/CoconOT-RegularIta.ttf) format("truetype"), url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/fonts/CoconOT-RegularIta.svg#CoconOT-RegularIta) format("svg")
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Cocon OT", sans-serif;
  color: #ee7523;
  font-weight: 400;
  margin: 0 0 54px
}

h1.primary,
h2.primary,
h3.primary,
h4.primary,
h5.primary,
h6.primary {
  color: #1e3b72
}

h1>a,
h1>a>span,
h1>span,
h2>a,
h2>a>span,
h2>span,
h3>a,
h3>a>span,
h3>span,
h4>a,
h4>a>span,
h4>span,
h5>a,
h5>a>span,
h5>span,
h6>a,
h6>a>span,
h6>span {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit
}

@media (max-width:991px) {

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin-bottom: 30px
  }
}

h1 {
  font-size: 2.63rem;
  line-height: 3.75rem
}

@media (max-width:991px) {
  h1 {
    font-size: 1.88rem;
    line-height: 2.5rem
  }
}

h2 {
  font-size: 1.88rem;
  line-height: 2.5rem
}

h2.h2-large {
  font-size: 2.5rem;
  line-height: 3.13rem
}

@media (max-width:991px) {
  h2 {
    font-size: 1.38rem;
    line-height: 1.88rem
  }

  h2 .h2-large {
    font-size: 1.88rem;
    line-height: 2.5rem
  }
}

h3 {
  font-size: 1.25rem;
  line-height: 1.88rem
}

h4 {
  font-size: 1.13rem;
  line-height: 1.75rem
}

h5 {
  font-size: 1.06rem;
  line-height: 1.75rem
}

a,
p {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.56rem;
  margin: 0;
  color: #1a1516
}

a b,
a strong,
p b,
p strong {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700
}

p a {
  color: #00a0dd;
  text-decoration: underline
}

p a:hover {
  color: #1a1516;
  text-decoration: underline
}

blockquote,
blockquote cite,
blockquote p {
  font-family: "Cocon OT", sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.75rem;
  color: #00a0dd;
  padding: 0;
  border: none
}

ol li,
ul li {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.56rem;
  color: #1a1516
}

i {
  color: inherit
}

em,
strong {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  color: inherit
}

html.font-large {
  font-size: 18px
}

* {
  margin: 0;
  padding: 0;
  /* font-family: "Cocon OT", sans-serif; */
  /* color: #1a1516; */
  font-weight: 400;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

body,
html {
  margin: 0;
  padding: 0;
  width: 100%;
  min-width: 320px;
  background: 0 0;
  font-size: 16px;
  font-weight: 400;
  color: #1a1516;
  overflow-x: hidden
}

main {
  display: block
}

@media (max-width:991px) {
  main {
    padding-top: 72px
  }
}

main>.container a:not(:last-child),
main>.container blockquote:not(:last-child),
main>.container ol:not(:last-child),
main>.container p:not(:last-child),
main>.container table:not(:last-child),
main>.container ul:not(:last-child),
main>.container-fluid a:not(:last-child),
main>.container-fluid blockquote:not(:last-child),
main>.container-fluid ol:not(:last-child),
main>.container-fluid p:not(:last-child),
main>.container-fluid table:not(:last-child),
main>.container-fluid ul:not(:last-child) {
  margin-bottom: 20px
}

main>.container ol,
main>.container ul,
main>.container-fluid ol,
main>.container-fluid ul {
  padding-left: 20px
}

main>.container ul,
main>.container-fluid ul {
  list-style: none
}

main>.container ul li,
main>.container-fluid ul li {
  position: relative
}

main>.container ul li::before,
main>.container-fluid ul li::before {
  content: '';
  position: absolute;
  top: 7px;
  left: -20px;
  width: 8px;
  height: 12px;
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/arrow-right-secondary-blue.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1
}

main>.container ul li a,
main>.container-fluid ul li a {
  text-decoration: none
}

main>.container ul li a:hover,
main>.container-fluid ul li a:hover {
  text-decoration: underline
}

main>.container ul li:hover::before,
main>.container-fluid ul li:hover::before {
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/arrow-right-white.svg)
}

main>.container ul.side,
main>.container-fluid ul.side {
  padding-left: 0
}

main>.container ul.side li,
main>.container-fluid ul.side li {
  display: inline-block
}

main>.container ul.side li::before,
main>.container-fluid ul.side li::before {
  display: none
}

main>.container ul.side li:not(:last-child),
main>.container-fluid ul.side li:not(:last-child) {
  margin-right: 12px;
  margin-bottom: 0
}

main>.container ul.rsbtn_toollist li:before,
main>.container-fluid ul.rsbtn_toollist li:before {
  content: none
}

a {
  -webkit-transition: color .4s ease;
  transition: color .4s ease
}

a:focus {
  outline: 0
}

a::-moz-focus-inner {
  border: 0
}

.left {
  float: left
}

.right {
  float: right
}

.text-right {
  text-align: right
}

.text-uppercase {
  text-transform: uppercase;
  letter-spacing: 2px
}

.text-center {
  text-align: center
}

ul.columns-2 {
  -moz-columns: 2;
  -webkit-columns: 2;
  columns: 2
}

ul.columns-2 li {
  display: inline-block;
  width: 100%
}

ul.side-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none
}

ul.side-nav>* {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

ul.side-nav li {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

ul.side-nav li:not(:last-child) {
  margin-right: 30px
}

ul.side-nav li.menu-item-has-children .sub-menu {
  display: none
}

div.columns-2 {
  -moz-columns: 2;
  -webkit-columns: 2;
  columns: 2
}

div.columns-2>* {
  display: inline-block;
  width: 100%
}

.pos-rel {
  position: relative
}

.pos-abs {
  position: absolute
}

main>.container a.prev:not(:last-child),
main>.container-fluid a.prev:not(:last-child) {
  margin-bottom: 0
}

.embed-responsive {
  margin: 30px 0
}

.menu-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  background-color: rgba(210, 69, 30, .6);
  z-index: 99
}

.menu-overlay.open {
  display: block
}

hr {
  height: 1px;
  color: #9cabb7;
  border-width: 1px;
  border-bottom: none
}

.overflow-hidden {
  overflow: hidden
}

table tr td {
  color: #1a1516;
  font-size: 1rem;
  font-weight: 400
}

table tr td:not(:last-child) {
  padding-right: 15px
}

@media (max-width:767px) {
  table tr td:not(:last-child) {
    padding-right: 0
  }
}

@media (max-width:767px) {
  table:not(.not-responsive) {
    display: block
  }

  table:not(.not-responsive) tbody,
  table:not(.not-responsive) td,
  table:not(.not-responsive) th,
  table:not(.not-responsive) thead,
  table:not(.not-responsive) tr {
    display: block
  }
}

.badge {
  display: inline-block;
  background-color: #fff;
  padding: 3px 8px;
  font-family: Arial, Helvetica, sans-serif;
  color: #1e3b72;
  font-size: 1rem;
  line-height: 1.63rem;
  text-decoration: none;
  text-transform: none;
  border-radius: 5px;
  border: none
}

.badge .close {
  display: inline-block;
  width: 10px;
  height: 10px;
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/close-secondary-blue.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-left: 8px;
  cursor: pointer
}

.block-theme {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #dcedfa;
  padding: 30px;
  text-align: center;
  border-radius: 30px 0
}

.block-theme>* {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.block-theme>* {
  max-width: 100%
}

.block-theme>* {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.content-block .wp-block-group {
  border-bottom: 1px solid #d5dde3
}

.content-block .wp-block-group+:not(.wp-block-group) {
  margin-top: 12px
}

.content-block .wp-block-group-header {
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.content-block .wp-block-group-header h2,
.content-block .wp-block-group-header h3,
.content-block .wp-block-group-header h4,
.content-block .wp-block-group-header h5,
.content-block .wp-block-group-header h6 {
  margin-bottom: 0;
  padding-top: 8px;
  padding-bottom: 8px;
  color: #1e3b72
}

.content-block .wp-block-group-header::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 2px;
  width: 8px;
  height: 12px;
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/arrow-right-secondary-blue.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
  z-index: 1;
  -webkit-transition: all .4s ease;
  transition: all .4s ease
}

.content-block .wp-block-group-content {
  display: none;
  padding-top: 4px;
  padding-bottom: 12px
}

.content-block .wp-block-group.open .wp-block-group-header::after {
  -webkit-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg)
}

.cl1,
.sync_sent,
.sync_word,
.synctemp {
  color: inherit;
  font-family: inherit;
  font-weight: inherit
}

.container {
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto
}

@media (min-width:992px) {
  .container {
    width: 952px
  }
}

@media (min-width:1200px) {
  .container {
    width: 1160px
  }
}

@media (min-width:1600px) {
  .container {
    width: 1200px
  }
}

@media (min-width:1200px) {
  .container-small {
    width: 1015px
  }
}

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px
}

.row>* {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.row.row-eq-height::after,
.row.row-eq-height::before {
  content: normal
}

.row.row-eq-height>* {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto
}

.row.row-eq-height>*>* {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto
}

[class*=col-lg],
[class*=col-md],
[class*=col-sm],
[class*=col-xs] {
  display: block;
  padding: 0 15px;
  float: left
}

.col-xs-1 {
  width: 8.33%
}

.col-xs-2 {
  width: 16.66%
}

.col-xs-3 {
  width: 25%
}

.col-xs-4 {
  width: 33.33%
}

.col-xs-5 {
  width: 41.66%
}

.col-xs-6 {
  width: 50%
}

.col-xs-7 {
  width: 58.33%
}

.col-xs-8 {
  width: 66.66%
}

.col-xs-9 {
  width: 75%
}

.col-xs-10 {
  width: 83.33%
}

.col-xs-11 {
  width: 91.66%
}

.col-xs-12 {
  width: 100%
}

@media (max-width:767px) {
  .hidden-xs {
    display: none !important
  }
}

@media only screen and (min-width:768px) {
  .col-sm-1 {
    width: 8.33%
  }

  .col-sm-2 {
    width: 16.66%
  }

  .col-sm-3 {
    width: 25%
  }

  .col-sm-4 {
    width: 33.33%
  }

  .col-sm-5 {
    width: 41.66%
  }

  .col-sm-6 {
    width: 50%
  }

  .col-sm-7 {
    width: 58.33%
  }

  .col-sm-8 {
    width: 66.66%
  }

  .col-sm-9 {
    width: 75%
  }

  .col-sm-10 {
    width: 83.33%
  }

  .col-sm-11 {
    width: 91.66%
  }

  .col-sm-12 {
    width: 100%
  }
}

@media only screen and (min-width:992px) {
  .col-md-1 {
    width: 8.33%
  }

  .col-md-2 {
    width: 16.66%
  }

  .col-md-3 {
    width: 25%
  }

  .col-md-4 {
    width: 33.33%
  }

  .col-md-5 {
    width: 41.66%
  }

  .col-md-6 {
    width: 50%
  }

  .col-md-7 {
    width: 58.33%
  }

  .col-md-8 {
    width: 66.66%
  }

  .col-md-9 {
    width: 75%
  }

  .col-md-10 {
    width: 83.33%
  }

  .col-md-11 {
    width: 91.66%
  }

  .col-md-12 {
    width: 100%
  }

  .col-md-push-6 {
    left: 50%
  }

  .col-md-offset-1 {
    margin-left: 8.33%
  }

  .col-md-offset-4 {
    margin-left: 33.33%
  }

  .col-md-offset-5 {
    margin-left: 41.66%
  }
}

@media only screen and (min-width:1200px) {
  .col-lg-1 {
    width: 8.33%
  }

  .col-lg-offset-1 {
    margin-left: 8.33%
  }

  .col-lg-2 {
    width: 16.66%
  }

  .col-lg-3 {
    width: 25%
  }

  .col-lg-4 {
    width: 33.33%
  }

  .col-lg-5 {
    width: 41.66%
  }

  .col-lg-6 {
    width: 50%
  }

  .col-lg-7 {
    width: 58.33%
  }

  .col-lg-8 {
    width: 66.66%
  }

  .col-lg-9 {
    width: 75%
  }

  .col-lg-10 {
    width: 83.33%
  }

  .col-lg-11 {
    width: 91.66%
  }

  .col-lg-12 {
    width: 100%
  }

  .hidden-lg {
    display: none !important
  }

  .col-lg-offset-2 {
    margin-left: 16.66%
  }

  .col-lg-offset-4 {
    margin-left: 33.33%
  }

  .col-lg-offset-8 {
    margin-left: 66.66%
  }
}

@media only screen and (min-width:1600px) {
  .col-xl-1 {
    width: 8.33%
  }

  .col-xl-offset-1 {
    margin-left: 8.33%
  }

  .col-xl-2 {
    width: 16.66%
  }

  .col-xl-3 {
    width: 25%
  }

  .col-xl-4 {
    width: 33.33%
  }

  .col-xl-5 {
    width: 41.66%
  }

  .col-xl-6 {
    width: 50%
  }

  .col-xl-7 {
    width: 58.33%
  }

  .col-xl-8 {
    width: 66.66%
  }

  .col-xl-9 {
    width: 75%
  }

  .col-xl-10 {
    width: 83.33%
  }

  .col-xl-11 {
    width: 91.66%
  }

  .col-xl-12 {
    width: 100%
  }

  .hidden-xl {
    display: none !important
  }

  .col-xl-offset-2 {
    margin-left: 16.66%
  }

  .col-xl-offset-3 {
    margin-left: 25%
  }
}

.text-right {
  text-align: right
}

@media (max-width:767px) {
  .text-right {
    text-align: left
  }
}

.clearfix {
  display: block;
  clear: both
}

.hidden {
  display: none !important
}

@media (max-width:767px) {
  .hidden-xs {
    display: none !important
  }
}

@media (min-width:768px) and (max-width:991px) {
  .hidden-sm {
    display: none !important
  }
}

@media (min-width:992px) and (max-width:1199px) {
  .hidden-md {
    display: none !important
  }
}

@media (min-width:1200px) {
  .hidden-lg {
    display: none !important
  }
}

.offset-top-1 {
  margin-top: 60px
}

@media (max-width:991px) {
  .offset-top-1 {
    margin-top: 40px
  }
}

.offset-top-2 {
  margin-top: 40px
}

@media (max-width:991px) {
  .offset-top-2 {
    margin-top: 30px
  }
}

.offset-top-3 {
  margin-top: 30px
}

@media (max-width:991px) {
  .offset-top-3 {
    margin-top: 20px
  }
}

.offset-top-4 {
  margin-top: 20px
}

.offset-top-5 {
  margin-top: 36px
}

@media (max-width:991px) {
  .offset-top-5 {
    margin-top: 30px
  }
}

.offset-bottom-1 {
  margin-bottom: 60px
}

@media (max-width:991px) {
  .offset-bottom-1 {
    margin-bottom: 40px
  }
}

.offset-bottom-2 {
  margin-bottom: 40px
}

@media (max-width:991px) {
  .offset-bottom-2 {
    margin-bottom: 30px
  }
}

.offset-bottom-3 {
  margin-bottom: 30px
}

@media (max-width:991px) {
  .offset-bottom-3 {
    margin-bottom: 20px
  }
}

.offset-bottom-4 {
  margin-bottom: 20px
}

.offset-bottom-5 {
  margin-bottom: 36px
}

@media (max-width:991px) {
  .offset-bottom-5 {
    margin-bottom: 30px
  }
}

@media (max-width:991px) {
  .offset-sm-top-1 {
    margin-top: 60px
  }

  .offset-sm-top-2 {
    margin-top: 40px
  }
}

.order-1 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1
}

.order-2 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2
}

.order-3 {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3
}

.order-4 {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4
}

.order-last {
  -webkit-box-ordinal-group: 1000000;
  -ms-flex-order: 999999;
  order: 999999
}

@media (min-width:992px) {
  .order-md-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }

  .order-md-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
  }

  .order-md-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
  }

  .order-md-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
  }
}

.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.d-flex>* {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.flex-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.flex-col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.flex-col>* {
  max-width: 100%
}

.justify-content-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.justify-content-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.align-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.btn {
  position: relative;
  display: inline-block;
  max-width: 100%;
  padding: 13px 16px;
  font-family: "Cocon OT", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 22px;
  color: #fff;
  text-align: left;
  text-transform: none;
  text-decoration: none;
  outline: 0;
  border: none;
  border-radius: 10px 0;
  overflow: hidden;
  -webkit-transition: all .4s ease;
  transition: all .4s ease
}

.btn:hover {
  cursor: pointer
}

.btn:focus,
.btn:hover {
  text-decoration: none;
  outline: 0
}

.btn-chat,
.btn-email,
.btn-location,
.btn-locations,
.btn-phone {
  padding-left: 20px
}

.btn-chat:not(.btn),
.btn-email:not(.btn),
.btn-location:not(.btn),
.btn-locations:not(.btn),
.btn-phone:not(.btn) {
  position: relative;
  font-family: "Cocon OT", sans-serif
}

.btn-chat::before,
.btn-email::before,
.btn-location::before,
.btn-locations::before,
.btn-phone::before {
  content: '';
  position: absolute;
  top: 6px;
  left: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1
}

.btn-phone {
  padding-left: 28px
}

.btn-phone::before {
  width: 18px;
  height: 20px;
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/phone-white.svg)
}

.btn-phone-secondary-blue::before {
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/phone-secondary-blue.svg)
}

.btn-email {
  padding-left: 28px
}

.btn-email::before {
  width: 18px;
  height: 14px;
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/email-white.svg)
}

.btn-email-secondary-blue::before {
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/email-secondary-blue.svg)
}

.btn-chat {
  padding-left: 28px
}

.btn-chat::before {
  width: 18px;
  height: 18px;
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/chat-white.svg)
}

.btn-chat-secondary-blue::before {
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/chat-secondary-blue.svg)
}

.btn-locations {
  padding-left: 44px
}

.btn-locations::before {
  width: 34px;
  height: 18px;
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/locations-white.svg)
}

.btn-location {
  padding-left: 28px
}

.btn-location::before {
  width: 18px;
  height: 24px;
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/location-white.svg)
}

.btn.btn-chat::before,
.btn.btn-email::before,
.btn.btn-location::before,
.btn.btn-locations::before,
.btn.btn-phone::before {
  top: 17px
}

.btn.btn-phone {
  padding-left: 46px
}

.btn.btn-phone::before {
  width: 22px;
  height: 24px
}

.btn.btn-email {
  padding-left: 48px
}

.btn.btn-email::before {
  width: 24px;
  height: 16px
}

.btn.btn-chat {
  padding-left: 48px
}

.btn.btn-chat::before {
  width: 24px;
  height: 24px
}

.btn.btn-locations {
  padding-left: 58px
}

.btn.btn-locations::before {
  width: 34px;
  height: 34px
}

.btn.btn-location {
  padding-left: 42px
}

.btn.btn-location::before {
  width: 18px;
  height: 24px
}

.btn.btn-block {
  width: 40px;
  height: 40px;
  padding: 5px;
  line-height: 30px;
  text-align: center;
  border-radius: 5px 0
}

.btn.btn-block::before {
  top: 50%;
  left: 50%;
  max-width: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.btn.btn-block>img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.btn.btn-block-large {
  width: 80px;
  height: 80px;
  padding: 10px;
  line-height: 60px;
  border-radius: 20px 0
}

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

.btn.btn-center::before {
  position: relative;
  top: 0;
  left: 0;
  margin-right: 10px
}

.btn:not(.btn-gradient).btn-primary {
  background-color: #1e3b72
}

.btn:not(.btn-gradient).btn-primary:hover:not(.btn-no-click) {
  background: #d2451e;
  background: linear-gradient(130deg, #f9b41d 0, #cd482b 100%)
}

.btn:not(.btn-gradient).btn-secondary {
  background-color: #ee7523
}

.btn:not(.btn-gradient).btn-secondary:hover:not(.btn-no-click) {
  background: #12578a;
  background: linear-gradient(130deg, #12578a 0, #00a3e0 100%)
}

.btn:not(.btn-gradient).btn-secondary-blue {
  background-color: #00a0dd
}

.btn:not(.btn-gradient).btn-secondary-blue:hover:not(.btn-no-click) {
  background: #d2451e;
  background: linear-gradient(130deg, #f9b41d 0, #cd482b 100%)
}

.btn:not(.btn-gradient).btn-tertiary-blue {
  background-color: #dcedfa;
  color: #1e3b72
}

.btn:not(.btn-gradient).btn-tertiary-blue:hover:not(.btn-no-click) {
  background: #d2451e;
  background: linear-gradient(130deg, #f9b41d 0, #cd482b 100%);
  color: #fff
}

.btn.btn-gradient.btn-primary {
  background: #12578a;
  background: linear-gradient(130deg, #12578a 0, #00a3e0 100%)
}

.btn.btn-gradient.btn-primary:not(.btn-no-click):hover {
  background: #00a3e0;
  background: linear-gradient(130deg, #00a3e0 0, #12578a 100%)
}

.btn.btn-gradient.btn-secondary {
  background: #d2451e;
  background: linear-gradient(130deg, #f9b41d 0, #cd482b 100%)
}

.btn.btn-gradient.btn-secondary:not(.btn-no-click):hover {
  background: #d2451e;
  background: linear-gradient(130deg, #cd482b 0, #f9b41d 100%)
}

.btn-route {
  display: block;
  text-decoration: underline
}

.btn-arrow::after {
  content: '';
  display: inline-block;
  width: 8px;
  height: 12px;
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/arrow-right-white.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-left: 24px;
  z-index: 1
}

.btn-arrow-down::after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

.btn-no-click,
.btn-no-click:focus,
.btn-no-click:hover {
  cursor: default
}

.btn-text-center {
  width: 100%;
  text-align: center
}

.btn-text-center.btn-chat,
.btn-text-center.btn-email,
.btn-text-center.btn-phone {
  padding-left: 16px
}

.btn-text-center.btn-chat::before,
.btn-text-center.btn-email::before,
.btn-text-center.btn-phone::before {
  position: relative;
  top: 5px;
  left: 0;
  display: inline-block;
  margin-right: 8px
}

.btn-text-center.btn-email::before {
  top: 2px
}

.btn.btn-fixed {
  position: fixed;
  bottom: 0;
  z-index: 999998;
  right: 150px;
  line-height: 1;
  display: inline-block;
  border-radius: 999rem;
  margin: 14px 20px;
  width: auto;
  padding: 15px 22px 15px 54px
}

.btn.btn-fixed:before {
  top: 12px;
  left: 22px
}

.wp-block-buttons .wp-block-button__link {
  position: relative;
  display: inline-block;
  max-width: 100%;
  padding: 13px 16px;
  font-family: "Cocon OT", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 22px;
  color: #fff;
  text-align: left;
  text-transform: none;
  text-decoration: none;
  outline: 0;
  border: none;
  border-radius: 10px 0;
  overflow: hidden;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
  background: #12578a;
  background: linear-gradient(130deg, #12578a 0, #00a3e0 100%);
  border-radius: 10px 0 !important
}

.wp-block-buttons .wp-block-button__link:hover {
  cursor: pointer
}

.wp-block-buttons .wp-block-button__link:focus,
.wp-block-buttons .wp-block-button__link:hover {
  text-decoration: none;
  outline: 0
}

.wp-block-buttons .wp-block-button__link:hover {
  background: #00a3e0;
  background: linear-gradient(130deg, #00a3e0 0, #12578a 100%)
}

.wp-block-buttons .wp-block-button__link>* {
  font-family: inherit
}

.wp-block-buttons .wp-block-button__link span {
  font-weight: inherit
}

.wp-block-buttons .wp-block-button__link span.has-inline-color {
  color: inherit
}

img {
  display: block;
  max-width: 100%;
  height: auto;
  -webkit-transition: all .4s ease;
  transition: all .4s ease
}

img.alignright {
  float: right;
  margin: 10px 0 0 10px
}

img.alignleft {
  float: left;
  margin: 10px 10px 0 0
}

img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 0 10px
}

@media (max-width:767px) {

  img.aligncenter,
  img.alignleft,
  img.alignright {
    float: none;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
  }

  img.alignright {
    margin-left: auto
  }
}

.img-contain {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat
}

.img-cover {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat
}

.picture {
  display: inline-block;
  overflow: hidden
}

.picture.img-cover img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.picture.img-contain img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

.picture-container.IE-browser {
  -webkit-transition: transform .4s ease;
  -webkit-transition: -webkit-transform .4s ease;
  transition: -webkit-transform .4s ease;
  transition: transform .4s ease;
  transition: transform .4s ease, -webkit-transform .4s ease
}

.picture-container.IE-browser img {
  visibility: hidden;
  opacity: 0
}

.picture-container.banner-img {
  width: 100%;
  border-radius: 30px 0
}

@media (min-width:992px) {
  .picture-container.banner-img {
    height: 425px
  }
}

.wp-block-image {
  display: table;
  margin-bottom: 32px;
  border-radius: 20px 0;
  overflow: hidden
}

form label {
  position: relative;
  display: block;
  font-family: "Cocon OT", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.56rem
}

form label.invalid {
  color: #d2451e
}

form label.invalid input:not([type=submit]):not([type=checkbox]):not([type=radio]),
form label.invalid textarea {
  color: #d2451e;
  background-color: #ffefeb;
  border-color: #d2451e
}

form label.invalid ::-webkit-input-placeholder {
  color: #d2451e
}

form label.invalid ::-moz-placeholder {
  color: #d2451e
}

form label.invalid :-ms-input-placeholder {
  color: #d2451e
}

form label.invalid :-moz-placeholder {
  color: #d2451e
}

@media (max-width:991px) {
  form label {
    font-size: 1rem;
    line-height: 1.63rem
  }
}

form input:not([type=checkbox]):not([type=radio]):not([type=submit]) {
  display: inline-block;
  width: 100%;
  height: 48px;
  border-radius: 5px;
  line-height: 48px;
  opacity: 1;
  color: #1a1516;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  padding: 0 16px;
  background-color: #fff;
  border: 1px solid #9cabb7;
  margin-bottom: 10px;
  text-transform: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-transition: all .4s ease;
  transition: all .4s ease
}

form input:not([type=checkbox]):not([type=radio]):not([type=submit]):active,
form input:not([type=checkbox]):not([type=radio]):not([type=submit]):focus,
form input:not([type=checkbox]):not([type=radio]):not([type=submit]):hover {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none
}

form input:not([type=checkbox]):not([type=radio]):not([type=submit]):focus {
  border-color: #00a0dd
}

form input:not([type=checkbox]):not([type=radio]):not([type=submit]):invalid,
form input:not([type=checkbox]):not([type=radio]):not([type=submit]):required {
  -webkit-box-shadow: none;
  box-shadow: none
}

form input:not([type=checkbox]):not([type=radio]):not([type=submit]).wpcf7-not-valid {
  border-color: #d2451e;
  background-color: #ffefeb;
  color: #d2451e
}

form input[type=file] {
  padding: 15px 20px 0 60px;
  background-color: #1e3b72;
  color: #fff;
  border-color: transparent;
  margin-bottom: 15px;
  position: relative;
  -webkit-appearance: textfield;
  -webkit-box-sizing: border-box
}

form input[type=file]::-webkit-file-upload-button {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  width: 0
}

form textarea {
  text-transform: none;
  display: inline-block;
  width: 100%;
  border-radius: 5px;
  opacity: 1;
  color: #1a1516;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  padding: 12px 16px;
  background-color: #fff;
  border: 1px solid #9cabb7;
  margin-bottom: 15px;
  resize: none;
  overflow: hidden;
  min-height: 300px;
  line-height: 1.56rem;
  -webkit-transition: all .4s ease;
  transition: all .4s ease
}

form textarea:focus {
  outline: 0;
  border-color: #00a0dd
}

form textarea:required {
  -webkit-box-shadow: none;
  box-shadow: none
}

form textarea.wpcf7-not-valid {
  border-color: #d2451e;
  background-color: #ffefeb;
  color: #d2451e
}

form .submit-wrapper.btn {
  padding-right: 20px
}

form .submit-wrapper.btn-search {
  padding-left: 25px;
  padding-right: 65px
}

form .submit-wrapper.btn-search::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 20px;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/search-white.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

form .submit-wrapper.btn-arrow input[type=submit] {
  width: calc(100% - 32px)
}

form .submit-wrapper input[type=submit] {
  float: left;
  width: 100%;
  background: 0 0;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: left
}

form .required {
  color: #d2451e
}

form ::-webkit-input-placeholder {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1rem;
  color: #9cabb7;
  font-weight: 400;
  opacity: 1
}

form ::-moz-placeholder {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1rem;
  color: #9cabb7;
  font-weight: 400;
  opacity: 1
}

form :-ms-input-placeholder {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1rem;
  color: #9cabb7;
  font-weight: 400;
  opacity: 1
}

form :-moz-placeholder {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1rem;
  color: #9cabb7;
  font-weight: 400;
  opacity: 1
}

form ::-moz-focus-inner {
  border: 0
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
  display: inline-block;
  width: 100%;
  background-color: #ffefeb;
  margin: 15px 0 0;
  padding: 9px 18px;
  color: #d2451e;
  font-family: "Cocon OT", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.56rem;
  border: 1px solid #d2451e;
  opacity: 1;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 0
}

.wpcf7 form.sent .wpcf7-response-output {
  display: inline-block;
  width: 100%;
  background-color: rgba(0, 160, 221, .2);
  margin: 15px 0 0;
  padding: 9px 18px;
  color: #00a0dd;
  font-family: "Cocon OT", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.56rem;
  border: 1px solid #00a0dd;
  opacity: 1;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 0
}

.wpcf7-checkbox .wpcf7-list-item {
  display: block;
  margin: 0 15px 0 0
}

@media (max-width:767px) {
  .wpcf7-checkbox .wpcf7-list-item {
    width: 100%
  }
}

.wpcf7-acceptance {
  display: block;
  margin-bottom: 15px
}

.wpcf7-acceptance .wpcf7-list-item {
  display: block;
  margin: 0
}

.wpcf7-acceptance .wpcf7-list-item label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%
}

.wpcf7-acceptance .wpcf7-list-item label .wpcf7-list-item-label {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  font-family: Arial, Helvetica, sans-serif
}

.wpcf7-submit {
  -webkit-appearance: none
}

.wpcf7-radio .wpcf7-list-item {
  display: block;
  margin: 0
}

div.wpcf7 {
  margin-top: 25px
}

div.wpcf7 br {
  display: none
}

div.wpcf7 .row {
  margin-left: -9.5px;
  margin-right: -9.5px
}

div.wpcf7 .row [class*=col-lg],
div.wpcf7 .row [class*=col-md],
div.wpcf7 .row [class*=col-sm],
div.wpcf7 .row [class*=col-xs] {
  padding-left: 9.5px;
  padding-right: 9.5px
}

div.wpcf7 .acceptance-submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

div.wpcf7 .acceptance-submit>* {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

div.wpcf7 .acceptance-submit>p {
  display: none
}

div.wpcf7 .acceptance-submit .acceptance {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

div.wpcf7 .acceptance-submit .submit-wrapper.btn {
  margin-right: 0;
  padding-right: 34px;
  height: 50px
}

div.wpcf7 .acceptance-submit .submit-wrapper.btn::after {
  right: 0
}

@media (max-width:767px) {
  div.wpcf7 .acceptance-submit {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  div.wpcf7 .acceptance-submit .acceptance {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 100%
  }

  div.wpcf7 .acceptance-submit .submit-wrapper.btn {
    margin-bottom: 20px
  }
}

div.wpcf7 .submit-wrapper .ajax-loader {
  position: absolute;
  top: 50%;
  right: calc(-15% - 30px);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1
}

div.wpcf7 .ajax-loader {
  float: right;
  margin-right: 12px
}

span.wpcf7-not-valid-tip {
  display: none
}

input.IE-browser {
  padding: 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important
}

input.FF-browser {
  padding: 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: none !important;
  background-color: transparent !important
}

.select-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
  min-height: 52px;
  margin-bottom: 20px
}

.select-wrapper select {
  display: none
}

.select-wrapper .select-selected {
  position: relative;
  display: inline-block;
  min-height: 52px;
  height: 100%;
  background-color: #fff;
  padding: 8px 16px;
  line-height: 30px;
  border: 1px solid #9cabb7;
  border-radius: 5px
}

.select-wrapper .select-selected::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 19px;
  width: 8px;
  height: 13px;
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/arrow-right-secondary-blue.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
  -webkit-transition: all .4s ease;
  transition: all .4s ease
}

.select-wrapper .select-selected.select-arrow-active {
  background-color: #fff;
  border-color: #00a0dd;
  border-bottom: none;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}

.select-wrapper .select-selected.select-arrow-active::after {
  -webkit-transform: translateY(-50%) rotate(270deg);
  transform: translateY(-50%) rotate(270deg)
}

.select-wrapper .select-items div,
.select-wrapper .select-selected {
  width: 100%;
  font-size: 1rem;
  color: #1a1516;
  padding: 8px 16px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.select-wrapper .select-items {
  position: absolute;
  background-color: #fff;
  top: 100%;
  left: 0;
  right: 0;
  max-height: 289px;
  border: 1px solid #9cabb7;
  border-top: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 99
}

.select-wrapper .select-items div {
  display: block;
  min-height: 36px;
  background-color: #fff;
  line-height: 36px;
  padding: 0 16px;
  -webkit-transition: all .4s ease;
  transition: all .4s ease
}

.select-wrapper .select-items .same-as-selected,
.select-wrapper .select-items div:hover {
  background-color: #00a0dd;
  color: #fff
}

.select-wrapper .select-items:not(.select-hide) {
  border-color: #00a0dd
}

.select-wrapper .select-items.select-hide {
  display: none
}

label span.checkbox-wrapper {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 8px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

label span.checkbox-wrapper input[type=checkbox] {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  cursor: pointer;
  opacity: 0
}

label span.checkbox-wrapper input[type=checkbox]+.custom-checkbox {
  position: absolute;
  top: 2px;
  left: 0;
  width: 18px;
  height: 18px;
  background-color: #fff;
  border-radius: 2px;
  border: 1px solid #9cabb7;
  -webkit-transition: all .4s ease;
  transition: all .4s ease
}

label span.checkbox-wrapper input[type=checkbox]+.custom-checkbox::after {
  content: '';
  position: absolute;
  top: 3px;
  left: 2px;
  width: 12px;
  height: 10px;
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/check-white.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all .4s ease;
  transition: all .4s ease
}

label span.checkbox-wrapper input[type=checkbox]:checked~.custom-checkbox {
  background-color: #00a0dd;
  border-color: #00a0dd
}

label span.checkbox-wrapper input[type=checkbox]:checked~.custom-checkbox::after {
  visibility: visible;
  opacity: 1
}

label span.radio-wrapper {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

label span.radio-wrapper input[type=radio] {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  cursor: pointer;
  opacity: 0
}

label span.radio-wrapper input[type=radio]+.custom-radio {
  position: absolute;
  top: 2px;
  left: 0;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border: 1px solid #1e3b72;
  border-radius: 50%
}

label span.radio-wrapper input[type=radio]:checked+.custom-radio {
  border-width: 4px
}

.form-wrapper {
  background-color: #dcedfa;
  padding: 40px 40px 50px;
  border-top-left-radius: 30px;
  border-bottom-right-radius: 30px
}

.form-wrapper>.row>div>.row {
  margin-left: -6px;
  margin-right: -6px
}

.form-wrapper>.row>div>.row>[class*=col-lg],
.form-wrapper>.row>div>.row>[class*=col-md],
.form-wrapper>.row>div>.row>[class*=col-sm],
.form-wrapper>.row>div>.row>[class*=col-xs] {
  padding-left: 6px;
  padding-right: 6px
}

@media (max-width:400px) {
  .form-wrapper>.row>div>.row>[class*=col-xs] {
    width: 100%
  }
}

.form-wrapper h3 {
  margin-top: 30px;
  font-size: 1.63rem;
  line-height: 1.75rem
}

@media (max-width:991px) {
  .form-wrapper h3 {
    font-size: 1.25rem;
    line-height: 1.88rem
  }
}

.form-wrapper label,
.form-wrapper p {
  font-size: .94rem;
  line-height: 1.56rem
}

.form-wrapper label {
  color: #1e3b72;
  font-weight: 400
}

.form-wrapper label a {
  color: #00a0dd;
  font-size: inherit;
  line-height: inherit
}

.form-wrapper label a:hover {
  color: #1a1516
}

.form-wrapper .wpcf7-checkbox .wpcf7-list-item .wpcf7-list-item-label,
.form-wrapper .wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label {
  font-family: Arial, Helvetica, sans-serif
}

.form-wrapper .wpcf7-radio .wpcf7-list-item {
  display: inline-block
}

.form-wrapper .wpcf7-radio .wpcf7-list-item:not(:last-child) {
  margin-right: 20px
}

.form-wrapper label span.checkbox-wrapper,
.form-wrapper label span.radio-wrapper {
  margin-right: 4px
}

.form-wrapper label span.radio-wrapper input[type=radio]+.custom-radio {
  border-color: #9cabb7
}

.form-wrapper label span.radio-wrapper input[type=radio]:checked+.custom-radio {
  border-width: 5px;
  border-color: #00a0dd
}

.form-wrapper .wpcf7-form-control.wpcf7-acceptance label span.checkbox-wrapper {
  margin-right: 8px
}

.form-wrapper .wpcf7-form-control.wpcf7-acceptance label span.checkbox-wrapper input[type=checkbox]+.custom-checkbox {
  top: 5px
}

@media (min-width:992px) {
  .form-wrapper .submit-wrapper {
    float: right
  }
}

.wpcf7 form.sent .form-wrapper .wpcf7-response-output {
  background-color: #e6ead4;
  color: #6e8018;
  font-size: .94rem;
  line-height: 1.56rem;
  border-color: #b4ce35;
  border-radius: 5px
}

.wpcf7-form.sent .form-wrapper :not(h2):not(.row):not(.col-xs-12):not(.wpcf7-response-output) {
  display: none
}

.wpcf7-form.sent .form-wrapper [class*=offset-top-] {
  margin-top: 0
}

header {
  position: relative;
  display: block;
  width: 100%;
  background-color: #fff;
  z-index: 9999;
  -webkit-transition: all .4s ease;
  transition: all .4s ease
}

header ul {
  list-style-type: none
}

header ul li a:hover {
  text-decoration: none
}

header nav {
  height: auto;
  margin-bottom: 0;
  border-radius: 0;
  overflow: visible
}

header #search-form-header form ::-webkit-input-placeholder,
header #search-form-header-mobile form ::-webkit-input-placeholder {
  font-size: .94rem
}

header #search-form-header form ::-moz-placeholder,
header #search-form-header-mobile form ::-moz-placeholder {
  font-size: .94rem
}

header #search-form-header form :-ms-input-placeholder,
header #search-form-header-mobile form :-ms-input-placeholder {
  font-size: .94rem
}

header #search-form-header form :-moz-placeholder,
header #search-form-header-mobile form :-moz-placeholder {
  font-size: .94rem
}

header .header-gradient {
  display: block;
  width: 100%;
  height: 5px;
  background: #d2451e;
  background: linear-gradient(130deg, #f9b41d 0, #cd482b 100%)
}

header .text-controls {
  margin-right: 28px
}

header .text-controls .text-control-default,
header .text-controls .text-control-large {
  font-family: "Cocon OT", sans-serif;
  color: #1e3b72;
  text-decoration: none
}

header .text-controls .text-control-default {
  margin-right: 12px;
  font-size: 18px
}

header .text-controls .text-control-large {
  font-size: 26px
}

@media only screen and (min-width:992px) {

  header .menu,
  header nav #navbar .navbar-nav {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  header .menu li,
  header nav #navbar .navbar-nav li {
    float: none;
    display: inline-block
  }

  header .menu li a,
  header nav #navbar .navbar-nav li a {
    display: block;
    padding: 0;
    font-family: "Cocon OT", sans-serif;
    font-size: 1rem;
    line-height: 2rem;
    font-weight: 400;
    color: #1e3b72;
    text-decoration: none
  }

  header .menu li a:hover,
  header nav #navbar .navbar-nav li a:hover {
    text-decoration: underline
  }

  header .menu li.menu-item-has-children,
  header nav #navbar .navbar-nav li.menu-item-has-children {
    position: relative
  }

  header .menu li.menu-item-has-children::before,
  header nav #navbar .navbar-nav li.menu-item-has-children::before {
    content: '';
    position: absolute;
    bottom: -40px;
    left: 50%;
    display: none;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border: none;
    border-bottom: none;
    border-right: none;
    -webkit-transform: rotate(45deg) translateX(calc(-50% - 4px));
    transform: rotate(45deg) translateX(calc(-50% - 4px));
    z-index: 3
  }

  header .menu li.menu-item-has-children::after,
  header nav #navbar .navbar-nav li.menu-item-has-children::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -20px;
    width: calc(100% + 20px);
    height: 30px;
    background-color: transparent;
    z-index: 1
  }

  header .menu li.menu-item-has-children>a::after,
  header nav #navbar .navbar-nav li.menu-item-has-children>a::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    display: inline-block;
    width: 10px;
    height: 6px;
    background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/arrow-down-primary.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
  }

  header .menu li.menu-item-has-children .sub-menu-toggle,
  header nav #navbar .navbar-nav li.menu-item-has-children .sub-menu-toggle {
    display: none
  }

  header .menu li.menu-item-has-children .sub-menu,
  header nav #navbar .navbar-nav li.menu-item-has-children .sub-menu {
    display: none !important;
    position: absolute;
    top: calc(100% + 20px);
    left: -20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    padding: 15px 0 32px;
    border: none;
    border-radius: 30px 0;
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, .2);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .2);
    z-index: 2;
    overflow: hidden
  }

  header .menu li.menu-item-has-children .sub-menu li,
  header nav #navbar .navbar-nav li.menu-item-has-children .sub-menu li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    white-space: nowrap
  }

  header .menu li.menu-item-has-children .sub-menu li a,
  header nav #navbar .navbar-nav li.menu-item-has-children .sub-menu li a {
    font-family: Arial, Helvetica, sans-serif;
    color: #1e3b72;
    font-weight: 400;
    padding: 3px 20px
  }

  header .menu li.menu-item-has-children .sub-menu li:hover a,
  header nav #navbar .navbar-nav li.menu-item-has-children .sub-menu li:hover a {
    background-color: #dcedfa;
    text-decoration: none
  }

  header .menu li.menu-item-has-children.clicked::after,
  header .menu li.menu-item-has-children.clicked::before,
  header .menu li.menu-item-has-children:hover::after,
  header .menu li.menu-item-has-children:hover::before,
  header nav #navbar .navbar-nav li.menu-item-has-children.clicked::after,
  header nav #navbar .navbar-nav li.menu-item-has-children.clicked::before,
  header nav #navbar .navbar-nav li.menu-item-has-children:hover::after,
  header nav #navbar .navbar-nav li.menu-item-has-children:hover::before {
    display: block
  }

  header .menu li.menu-item-has-children.clicked>.sub-menu,
  header .menu li.menu-item-has-children:hover>.sub-menu,
  header nav #navbar .navbar-nav li.menu-item-has-children.clicked>.sub-menu,
  header nav #navbar .navbar-nav li.menu-item-has-children:hover>.sub-menu {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
  }

  header .menu>li:not(:last-child),
  header nav #navbar .navbar-nav>li:not(:last-child) {
    margin-right: 39px;
    margin-bottom: 0
  }

  header .menu>li>a,
  header nav #navbar .navbar-nav>li>a {
    position: relative;
    padding: 0;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
  }

  header .menu-top,
  header nav #navbar .navbar-nav-top {
    margin-left: auto;
    margin-right: 28px
  }

  header .menu-top>li:not(:last-child),
  header nav #navbar .navbar-nav-top>li:not(:last-child) {
    margin-right: 28px
  }

  header .menu-top>li>a,
  header nav #navbar .navbar-nav-top>li>a {
    font-family: Arial, Helvetica, sans-serif;
    color: #1e3b72;
    font-size: .94rem;
    line-height: 1.5rem
  }

  header nav .navbar-header {
    display: none !important
  }

  header nav #navbar {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
  }

  header nav #navbar>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%
  }

  header nav #navbar .navbar-brand {
    display: block;
    width: 162px;
    height: 60px;
    margin-right: 28px
  }

  header nav #navbar #search-form-header,
  header nav #navbar #search-form-header-mobile {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 200px;
    width: 100%;
    margin-right: 16px
  }

  header nav #navbar #search-form-header-mobile>*,
  header nav #navbar #search-form-header>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
  }

  header nav #navbar>.order-md-1>.d-flex {
    padding-top: 20px;
    padding-bottom: 20px
  }

  header nav #navbar>.order-md-1>.d-flex>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
  }

  header nav #navbar>.order-md-2 {
    background: #12578a;
    background: linear-gradient(130deg, #12578a 0, #00a3e0 100%);
    padding-top: 12px;
    padding-bottom: 12px
  }

  header nav #navbar>.order-md-2 .navbar-nav>li:not(:last-child) {
    margin-right: 43px
  }

  header nav #navbar>.order-md-2 .navbar-nav li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
  }

  header nav #navbar>.order-md-2 .navbar-nav li a {
    color: #fff;
    font-size: 1rem;
    line-height: 2rem
  }

  header nav #navbar>.order-md-2 .navbar-nav li a::after {
    top: calc(100% - 3px);
    width: 7px;
    height: 10px;
    background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/arrow-right-white.svg);
    -webkit-transform: translateX(-50%) rotate(90deg);
    transform: translateX(-50%) rotate(90deg);
    opacity: .7
  }

  header nav #navbar>.order-md-2 .navbar-nav li a:hover {
    color: #fff
  }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
  header nav #navbar .navbar-brand {
    width: 120px;
    margin-right: 20px
  }

  header nav #navbar .navbar-nav-top {
    margin-right: 20px
  }

  header nav #navbar .navbar-nav-top>li:not(:last-child) {
    margin-right: 12px
  }

  header nav #navbar .order-md-2 .navbar-nav>li:not(:last-child) {
    margin-right: 25px
  }

  header nav #navbar .order-md-1 .btn {
    padding-left: 8px;
    padding-right: 8px
  }

  header nav #navbar #search-form-header {
    position: relative;
    height: 48px;
    margin-right: 8px
  }

  header nav #navbar #search-form-header form {
    height: 100%
  }

  header nav #navbar #search-form-header form .submit-wrapper {
    width: 40px
  }

  header nav #navbar #search-form-header input[type=search] {
    padding-left: 8px;
    padding-right: 40px
  }

  header nav #navbar #search-form-header input[type=search]:not([type=checkbox]):focus {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 250px;
    z-index: 1
  }

  header .text-controls {
    margin-right: 20px
  }

  header .text-controls .text-control-default {
    margin-right: 8px
  }
}

@media only screen and (max-width:991px) {
  header {
    position: relative
  }

  header nav {
    height: 68px
  }

  header nav .navbar-header {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 68px;
    padding: 0;
    z-index: 1
  }

  header nav .navbar-header>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
  }

  header nav .navbar-header .navbar-brand {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 108px;
    height: 40px;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2
  }

  header nav .navbar-header .navbar-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    text-decoration: none
  }

  header nav .navbar-header .navbar-toggle:focus,
  header nav .navbar-header .navbar-toggle:hover {
    text-decoration: none;
    outline: 0
  }

  header nav .navbar-header .navbar-toggle .navbar-toggle-text {
    margin-left: 8px;
    font-family: Arial, Helvetica, sans-serif;
    color: #1e3b72;
    font-size: 1rem;
    font-weight: 400;
    line-height: 2rem
  }

  header nav .navbar-header .navbar-toggle .navbar-toggle-icons {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 32px;
    height: 22px
  }

  header nav .navbar-header .navbar-toggle .navbar-toggle-icons .icon-bar {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
    display: inline-block;
    width: 32px;
    height: 3px;
    background-color: #00a0dd;
    border-radius: 2px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
  }

  header nav .navbar-header .navbar-toggle .navbar-toggle-icons .icon-bar:not(:last-child) {
    margin-bottom: 6px
  }

  header nav .navbar-header>.btn.btn-block {
    position: absolute;
    top: 50%;
    right: 0;
    width: 52px;
    height: 52px;
    line-height: 42px;
    border-radius: 10px 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }

  header nav .navbar-header #search-form-header,
  header nav .navbar-header #search-form-header-mobile {
    position: absolute;
    top: 100%;
    left: -20px;
    right: -20px;
    height: 68px;
    background: #12578a;
    background: linear-gradient(130deg, #12578a 0, #00a3e0 100%);
    padding: 8px 20px;
    overflow: hidden;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
  }

  header nav .navbar-header #search-form-header form input[type=search]:not([type=checkbox]),
  header nav .navbar-header #search-form-header-mobile form input[type=search]:not([type=checkbox]) {
    height: 52px;
    line-height: 52px;
    border-color: transparent
  }

  header nav #navbar {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: #dcedfa;
    padding: 0 0 30px;
    opacity: 0;
    visibility: hidden;
    z-index: 2;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
  }

  header nav #navbar>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%
  }

  header nav #navbar .navbar-nav {
    margin-left: -20px;
    margin-right: -20px
  }

  header nav #navbar .navbar-nav li {
    border-bottom: 1px solid #abc2d4
  }

  header nav #navbar .navbar-nav li:not(:last-child) {
    margin-bottom: 0
  }

  header nav #navbar .navbar-nav li.menu-item-has-children {
    position: relative
  }

  header nav #navbar .navbar-nav li.menu-item-has-children .sub-menu-toggle {
    position: absolute;
    top: 9px;
    right: 9px;
    display: block;
    width: 48px;
    height: 30px;
    padding: 0;
    background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/arrow-right-secondary-blue.svg);
    background-size: 8px 12px;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: all .4s ease;
    transition: all .4s ease
  }

  header nav #navbar .navbar-nav li.menu-item-has-children>a {
    padding-right: 30px
  }

  header nav #navbar .navbar-nav li.menu-item-has-children .sub-menu {
    display: none
  }

  header nav #navbar .navbar-nav li.menu-item-has-children .sub-menu li a {
    font-size: 1rem;
    padding-left: 40px
  }

  header nav #navbar .navbar-nav li.menu-item-has-children.open {
    border-bottom: none
  }

  header nav #navbar .navbar-nav li.menu-item-has-children.open .sub-menu-toggle {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
  }

  header nav #navbar .navbar-nav li a {
    display: block;
    width: 100%;
    padding: 0 20px;
    color: #1e3b72;
    font-family: "Cocon OT", sans-serif;
    font-size: 1.13rem;
    font-weight: 400;
    line-height: 3.13rem;
    text-decoration: none
  }

  header nav #navbar .navbar-nav.navbar-nav-top {
    margin-top: 50px;
    margin-bottom: 50px
  }

  header nav #navbar .navbar-nav.navbar-nav-top li:first-child {
    border-top: 1px solid #9cabb7
  }

  header nav #navbar .navbar-nav.navbar-nav-top li a {
    font-size: 1rem
  }

  header nav #navbar .order-2>.container.d-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }

  header nav #navbar .order-2 .text-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px
  }

  header nav #navbar .order-2 .text-controls p {
    font-family: "Cocon OT", sans-serif;
    color: #1e3b72
  }

  header nav #navbar .order-2 .text-controls .text-control-default {
    margin-left: 20px
  }

  header .header-gradient {
    position: absolute;
    top: calc(100% + 68px);
    left: 0;
    right: 0;
    height: 4px
  }

  header .header-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .75);
    opacity: 0;
    visibility: hidden;
    z-index: 1
  }

  header.header-open nav {
    position: relative;
    background-color: #fff;
    z-index: 2
  }

  header.header-open nav .navbar-header .navbar-toggle .navbar-toggle-icons .icon-bar:first-child {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
  }

  header.header-open nav .navbar-header .navbar-toggle .navbar-toggle-icons .icon-bar:nth-child(2) {
    display: none
  }

  header.header-open nav .navbar-header .navbar-toggle .navbar-toggle-icons .icon-bar:nth-child(3) {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg)
  }

  header.header-open nav #navbar {
    opacity: 1;
    visibility: visible
  }

  header.header-open .header-overlay {
    opacity: 1;
    visibility: visible
  }
}

html.font-large header .text-controls .text-control-large,
html:not(.font-large) header .text-controls .text-control-default {
  color: #00a0dd
}

.header-notice {
  position: relative;
  background-color: #dcedfa;
  text-align: center
}

.header-notice[data-animate="1"] {
  max-height: 0;
  -webkit-transition: max-height .4s ease;
  transition: max-height .4s ease
}

.header-notice .btn-flat,
.header-notice .snippet,
.header-notice h2,
.header-notice h3,
.header-notice h4,
.header-notice h5,
.header-notice h6,
.header-notice p {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  max-width: 100%
}

.header-notice h2,
.header-notice h3,
.header-notice h4,
.header-notice h5,
.header-notice h6 {
  margin-bottom: 8px
}

@media (min-width:992px) {

  .header-notice h2,
  .header-notice h3,
  .header-notice h4,
  .header-notice h5,
  .header-notice h6 {
    font-size: 1.63rem;
    line-height: 2.5rem
  }
}

@media (max-width:991px) {

  .header-notice h2,
  .header-notice h3,
  .header-notice h4,
  .header-notice h5,
  .header-notice h6 {
    max-width: calc(100% - 24px - 16px - 10px);
    margin: 0 auto 8px
  }
}

.header-notice h2+.btn-flat,
.header-notice h3+.btn-flat,
.header-notice h4+.btn-flat,
.header-notice h5+.btn-flat,
.header-notice h6+.btn-flat {
  margin-top: 12px
}

.header-notice p {
  margin-bottom: 12px
}

.header-notice-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px 20px 32px
}

.header-notice-content>* {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.header-notice-content>* {
  max-width: 100%
}

.header-notice-close {
  position: absolute;
  top: 24px;
  right: 24px;
  width: 16px;
  height: 16px;
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/close-secondary-blue.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1
}

.header-notice-gradient {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  width: 100%;
  height: 5px;
  background: #d2451e;
  background: linear-gradient(130deg, #f9b41d 0, #cd482b 100%)
}

footer {
  position: relative;
  z-index: 1
}

footer::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/swirl/footer.svg);
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  z-index: -1
}

@media (max-width:991px) {
  footer::before {
    background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/swirl/footer-mobile.svg)
  }
}

footer a,
footer h2,
footer h3,
footer h4,
footer h5,
footer p,
footer p * {
  color: #fff
}

footer a {
  display: inline-block;
  text-decoration: none
}

footer a:hover {
  color: #fff;
  text-decoration: underline
}

footer h4 {
  margin-bottom: 25px
}

footer a:not(:last-child),
footer p a:not(:last-child),
footer p:not(:last-child) {
  margin-bottom: 20px
}

footer a,
footer a ul li,
footer p,
footer p a,
footer p a ul li,
footer p ul li {
  line-height: 1.88rem
}

footer ul li:not(:last-child) {
  margin-bottom: 10px
}

footer #service {
  padding-bottom: 67.2px;
  border-bottom: 1px solid rgba(255, 255, 255, .2)
}

footer .footer-blocks {
  padding-top: 64px;
  padding-bottom: 136px
}

footer .footer-blocks ul {
  list-style: none;
  padding-left: 18px
}

footer .footer-blocks ul li {
  position: relative
}

footer .footer-blocks ul li::before {
  content: '';
  position: absolute;
  top: 8px;
  left: -18px;
  width: 8px;
  height: 12px;
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/arrow-right-secondary-blue.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1
}

footer .footer-blocks ul li a {
  text-decoration: none
}

footer .footer-blocks ul li a:hover {
  text-decoration: underline
}

footer .footer-blocks ul li:hover::before {
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/arrow-right-white.svg)
}

footer .footer-blocks ul li:hover a {
  text-decoration: underline
}

footer .copyright {
  background-color: #163266;
  padding: 48px 0
}

footer .copyright-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

footer .copyright-menu>* {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: inline-block
}

footer .copyright-menu>:not(:last-child) {
  margin-right: 30px
}

footer .copyright-menu ul.side-nav {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

footer .copyright-menu ul.side-nav li {
  position: relative
}

footer .copyright-menu ul.side-nav li::before {
  content: '';
  position: absolute;
  top: 7px;
  left: -15px;
  bottom: 7px;
  width: 1px;
  background-color: #fff;
  z-index: 1
}

footer .copyright-menu ul.side-nav li:last-child {
  margin-bottom: 20px
}

@media (min-width:992px) {
  footer {
    margin-top: 60px;
    padding-top: 90px
  }
}

@media (max-width:991px) {
  footer {
    margin-top: 40px;
    padding-top: 100px
  }

  footer h4 {
    margin-bottom: 20px
  }

  footer #service {
    padding-bottom: 60px
  }

  footer .footer-blocks {
    padding-top: 60px;
    padding-bottom: 80px
  }

  footer .footer-blocks>:not(:last-child) {
    margin-bottom: 85px
  }
}

@media (max-width:767px) {
  footer {
    padding-top: 80px
  }

  footer .copyright {
    padding-top: 52px;
    padding-bottom: 46px
  }

  footer .copyright-menu {
    display: block;
    width: 100%
  }

  footer .copyright-menu>* {
    display: block
  }

  footer .copyright-menu ul.side-nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

  footer .copyright-menu ul.side-nav li::before {
    display: none
  }
}

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin: 0
}

.pagination>* {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.pagination>* {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.pagination>:not(:last-child) {
  margin-bottom: 20px
}

.pagination>.page-numbers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 48px;
  height: 48px;
  background-color: #fff;
  margin: 0;
  padding: 8px;
  color: #00a0dd;
  font-weight: 400;
  line-height: 2px;
  text-align: center;
  text-decoration: none;
  border: none;
  border-radius: 10px 0;
  -webkit-transition: all .4s ease;
  transition: all .4s ease
}

.pagination>.page-numbers>* {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.pagination>.page-numbers>* {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.pagination>.page-numbers:not(.prev):not(.next)::after {
  display: none
}

.pagination>.page-numbers.next,
.pagination>.page-numbers.prev {
  position: relative
}

.pagination>.page-numbers.next::after,
.pagination>.page-numbers.prev::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 12px;
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/arrow-right-secondary-blue.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1
}

.pagination>.page-numbers.prev::after {
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
  transform: translate(-50%, -50%) rotate(180deg)
}

.pagination>.page-numbers:not(.current):not(.empty):not(.dots):hover {
  background-color: #dcedfa
}

.pagination>.page-numbers.dots,
.pagination>.page-numbers.empty {
  color: #1a1516
}

.pagination>.page-numbers.current {
  background-color: #00a0dd;
  color: #fff
}

.pagination>.page-numbers:not(:last-child) {
  margin-right: 6px
}

main>.container .pagination>.page-numbers,
main>.container-fluid .pagination>.page-numbers {
  margin-bottom: 4px
}

.sidebar {
  margin-top: 16px
}

.sidebar h2,
.sidebar h3,
.sidebar h4,
.sidebar h5 {
  display: block;
  margin-bottom: 24px
}

.sidebar h2 {
  font-size: 1.63rem
}

.sidebar .contact-info>a {
  display: inline-block
}

.sidebar .contact-info>a:not(.btn) {
  color: #00a0dd
}

.sidebar .contact-info>a.btn:not(:last-child) {
  margin-bottom: 12px
}

@media (max-width:991px) {
  .sidebar {
    margin-top: 40px
  }
}

main>.container ul.sidebar-menu li,
main>.container ul.sidebar-menu li a,
main>.container-fluid ul.sidebar-menu li,
main>.container-fluid ul.sidebar-menu li a {
  font-family: "Cocon OT", sans-serif;
  color: #1e3b72;
  font-size: 1rem;
  line-height: 2rem
}

main>.container ul.sidebar-menu li::before,
main>.container-fluid ul.sidebar-menu li::before {
  top: 12px;
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/arrow-right-primary.svg)
}

main>.container ul.sidebar-menu li.current-menu-item::before,
main>.container-fluid ul.sidebar-menu li.current-menu-item::before {
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/arrow-right-secondary-blue.svg)
}

main>.container ul.sidebar-menu li.current-menu-item>a,
main>.container-fluid ul.sidebar-menu li.current-menu-item>a {
  color: #00a0dd
}

main>.container ul.sidebar-menu li.menu-item-has-children::before,
main>.container-fluid ul.sidebar-menu li.menu-item-has-children::before {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

main>.container ul.sidebar-menu li.menu-item-has-children .sub-menu,
main>.container-fluid ul.sidebar-menu li.menu-item-has-children .sub-menu {
  margin-top: 7px;
  padding-left: 13px
}

main>.container ul.sidebar-menu li.menu-item-has-children .sub-menu li::before,
main>.container-fluid ul.sidebar-menu li.menu-item-has-children .sub-menu li::before {
  left: -13px;
  top: 7px;
  background-image: none;
  background-color: #1e3b72;
  width: 5px;
  height: 5px;
  border-radius: 50%
}

main>.container ul.sidebar-menu li.menu-item-has-children .sub-menu li:not(:last-child),
main>.container-fluid ul.sidebar-menu li.menu-item-has-children .sub-menu li:not(:last-child) {
  margin-bottom: 7px
}

main>.container ul.sidebar-menu li.menu-item-has-children .sub-menu li,
main>.container ul.sidebar-menu li.menu-item-has-children .sub-menu li a,
main>.container-fluid ul.sidebar-menu li.menu-item-has-children .sub-menu li,
main>.container-fluid ul.sidebar-menu li.menu-item-has-children .sub-menu li a {
  font-family: Arial, Helvetica, sans-serif;
  color: #1a1516;
  font-size: .88rem;
  line-height: 1.25rem
}

main>.container ul.sidebar-menu li.menu-item-has-children .sub-menu li.current-menu-item::before,
main>.container-fluid ul.sidebar-menu li.menu-item-has-children .sub-menu li.current-menu-item::before {
  background-color: #00a0dd
}

main>.container ul.sidebar-menu li.menu-item-has-children .sub-menu li.current-menu-item>a,
main>.container-fluid ul.sidebar-menu li.menu-item-has-children .sub-menu li.current-menu-item>a {
  color: #00a0dd
}

main>.container .sidebar ul li:hover::before,
main>.container-fluid .sidebar ul li:hover::before {
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/arrow-right-secondary-blue.svg)
}

.show-more {
  position: relative;
  height: auto;
  overflow: hidden
}

.show-more:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 50px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #fff 100%);
  opacity: 1;
  z-index: 1;
  -webkit-transition: all .4s ease;
  transition: all .4s ease
}

.show-more.open:after {
  opacity: 0;
  pointer-events: none
}

.show-more.open+.btn-show-more:after {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.show-more.show-more-open {
  margin-bottom: 10px
}

.show-more.show-more-open:after {
  content: none
}

.show-more.show-more-open+.btn-show-more {
  display: none
}

@media (min-width:992px) {
  .show-more.ignore-max-height-desktop {
    height: auto !important
  }

  .show-more.ignore-max-height-desktop:not(.show-more-open):not(:last-child) {
    margin-bottom: 10px !important
  }

  .show-more.ignore-max-height-desktop:after {
    content: none
  }

  .show-more.ignore-max-height-desktop+.btn-show-more {
    display: none
  }

  .show-more.ignore-max-height-desktop+.btn-show-more+* {
    margin-top: 15px
  }
}

@media (max-width:767px) {
  .show-more.hidden-xs+.btn-show-more {
    display: none
  }
}

@media (min-width:768px) and (max-width:991px) {
  .show-more.hidden-sm+.btn-show-more {
    display: none
  }
}

@media (min-width:992px) and (max-width:1199px) {
  .show-more.hidden-md+.btn-show-more {
    display: none
  }
}

@media (min-width:1200px) {
  .show-more.hidden-lg+.btn-show-more {
    display: none
  }
}

.btn-show-more {
  color: #00a0dd;
  font-family: "Cocon OT", sans-serif;
  text-decoration: underline
}

.btn-show-more:after {
  content: '';
  display: inline-block;
  width: 8px;
  height: 12px;
  margin: 2px 0 0 6px;
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/arrow-right-secondary-blue.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: transform .4s ease;
  -webkit-transition: -webkit-transform .4s ease;
  transition: -webkit-transform .4s ease;
  transition: transform .4s ease;
  transition: transform .4s ease, -webkit-transform .4s ease
}

.btn-show-more:hover {
  text-decoration: none
}

.grecaptcha-badge {
  display: none !important
}

main>.container .content-block h1,
main>.container-fluid .content-block h1 {
  margin-bottom: 24px
}

main>.container .content-block blockquote:not(:last-child),
main>.container-fluid .content-block blockquote:not(:last-child) {
  margin-bottom: 36px
}

@media (min-width:992px) {

  main>.container .content-block blockquote:not(:last-child)+h2,
  main>.container .content-block blockquote:not(:last-child)+h3,
  main>.container .content-block blockquote:not(:last-child)+h4,
  main>.container .content-block blockquote:not(:last-child)+h5,
  main>.container-fluid .content-block blockquote:not(:last-child)+h2,
  main>.container-fluid .content-block blockquote:not(:last-child)+h3,
  main>.container-fluid .content-block blockquote:not(:last-child)+h4,
  main>.container-fluid .content-block blockquote:not(:last-child)+h5 {
    margin-top: 0
  }
}

@media (min-width:992px) {

  main>.container .content-block h2:not(:first-child),
  main>.container .content-block h3:not(:first-child),
  main>.container .content-block h4:not(:first-child),
  main>.container .content-block h5:not(:first-child),
  main>.container-fluid .content-block h2:not(:first-child),
  main>.container-fluid .content-block h3:not(:first-child),
  main>.container-fluid .content-block h4:not(:first-child),
  main>.container-fluid .content-block h5:not(:first-child) {
    margin-top: 36px
  }
}

main>.container .content-block h2:not(:last-child),
main>.container .content-block h3:not(:last-child),
main>.container .content-block h4:not(:last-child),
main>.container .content-block h5:not(:last-child),
main>.container-fluid .content-block h2:not(:last-child),
main>.container-fluid .content-block h3:not(:last-child),
main>.container-fluid .content-block h4:not(:last-child),
main>.container-fluid .content-block h5:not(:last-child) {
  margin-bottom: 10px
}

main>.container .content-block hr,
main>.container-fluid .content-block hr {
  border: 1px solid #d5dde3;
  border-bottom: none
}

main>.container .content-block hr:not(:last-child),
main>.container-fluid .content-block hr:not(:last-child) {
  margin-bottom: 20px
}

main>.container .content-block .share-article h4:not(:last-child),
main>.container-fluid .content-block .share-article h4:not(:last-child) {
  margin-bottom: 0
}

main>.container .content-block ul li:hover::before,
main>.container-fluid .content-block ul li:hover::before {
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/arrow-right-secondary-blue.svg)
}

main>.container .content-block ul li a,
main>.container-fluid .content-block ul li a {
  color: #00a0dd;
  text-decoration: underline
}

main>.container .content-block ul li a:hover,
main>.container-fluid .content-block ul li a:hover {
  color: #1a1516
}

.share-article {
  position: relative;
  margin-top: 44px;
  padding: 0 0 10px;
  border-top: 1px solid #d5dde3;
  border-bottom: 1px solid #d5dde3;
  z-index: 1
}

.share-article:not(:last-child) {
  margin-bottom: 40px
}

.share-article>* {
  margin-top: 20px
}

.share-article>h2,
.share-article>h3,
.share-article>h4 {
  float: left;
  display: inline-block;
  margin-right: 22px;
  margin-bottom: 0;
  color: #1e3b72;
  line-height: 40px
}

.share-article ul.side {
  float: left;
  display: inline-block;
  margin-left: 0;
  margin-bottom: 0
}

.share-article ul.side:not(:last-child) {
  margin-bottom: 0
}

.share-article ul.side li a.btn.btn-block {
  width: 40px;
  height: 40px;
  line-height: 34px;
  color: #fff
}

.share-article ul.side li a i {
  font-size: 20px
}

@media (max-width:991px) {
  .share-article {
    padding: 20px 20px 15px
  }

  .share-article>* {
    margin-top: 0
  }
}

.social-icons>* {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.social-icons>:not(:last-child) {
  margin-right: 20px
}

.social-icons i {
  font-size: 20px
}

.dashboard-boxes {
  padding: 15px 0
}

.dashboard-boxes .row {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}

.dashboard-boxes .row>div {
  padding-top: 15px;
  padding-bottom: 15px
}

.dashboard-boxes .row>div.main {
  padding-top: 10px
}

.dashboard-boxes .box {
  height: 100%;
  background: #d8eefc;
  border-radius: 30px 0;
  overflow: hidden;
  padding: 30px 20px;
  text-align: center
}

.dashboard-boxes .box.locations {
  text-align: left
}

.dashboard-boxes .box.locations .border {
  padding: 15px 0;
  border-top: 1px solid #c4dbed
}

.dashboard-boxes .box.locations .border h4,
.dashboard-boxes .box.locations .border p {
  margin-bottom: 5px
}

.dashboard-boxes .box.locations .border .row>div {
  padding-top: 0;
  padding-bottom: 0
}

.dashboard-boxes .box.locations .border .row>div.padding {
  padding-bottom: 15px
}

.dashboard-boxes .box.locations h4.large {
  font-size: 1.35rem
}

@media (max-width:767px) {
  .dashboard-boxes .box.locations .col-md-3 .number {
    text-align: center
  }
}

.dashboard-boxes .box .image {
  margin-bottom: 30px
}

.dashboard-boxes .box .image img {
  max-height: 50px;
  width: auto;
  max-width: 100%;
  display: inline-block
}

.dashboard-boxes .box h4 {
  color: #1e3b72;
  margin-bottom: 10px
}

.dashboard-boxes .box h5 {
  margin-bottom: 0
}

.dashboard-boxes .box p {
  font-size: 15px;
  margin-bottom: 10px
}

.dashboard-boxes .box .number {
  font-size: 80px;
  color: #ee7523;
  line-height: 60px;
  padding-bottom: 10px;
  margin-top: auto
}

.dashboard-boxes .box .number.small {
  font-size: 24px;
  line-height: 20px;
  float: left;
  margin-right: 5px;
  padding: 0
}

.dashboard-boxes .box ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: left
}

.dashboard-boxes .box ul li {
  width: 33.333%;
  padding-bottom: 20px
}

.dashboard-boxes .box ul li:before {
  display: none
}

.dashboard-boxes .box ul li .number {
  font-size: 24px;
  line-height: 20px;
  float: left;
  margin-right: 5px;
  padding: 0
}

.dashboard-boxes .box ul li h4,
.dashboard-boxes .box ul li p {
  margin-bottom: 0
}

@media (max-width:767px) {
  .dashboard-boxes .box ul li {
    width: 50%
  }
}

.dashboard-boxes .box .main {
  position: relative
}

.dashboard-boxes .box .main h4 {
  font-size: 1.55rem
}

@media (min-width:768px) {
  .dashboard-boxes .box .main .image {
    position: absolute;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    padding-right: 10px
  }
}

@media (max-width:767px) {
  .dashboard-boxes .box .main {
    text-align: center
  }
}

.dashboard-boxes .col-md-4 .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.dashboard-boxes .col-md-12 .col-md-4 h4 {
  font-size: 1.6rem
}

.dashboard-boxes .col-md-12 .col-md-4 h4.small {
  font-size: 1.1rem
}

.dashboard-boxes .col-md-12 .col-md-8 {
  border-left: 1px solid #c4dbed
}

@media (max-width:767px) {
  .dashboard-boxes .col-md-12 .col-md-8 {
    border-left: none;
    border-top: 1px solid #c4dbed
  }
}

.row.posts>* {
  margin-bottom: 35px
}

.post {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-decoration: none
}

.post>* {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.post .post-img {
  margin-bottom: 18px
}

.post .post-img .picture-container {
  height: 262px
}

.post h2,
.post h3,
.post h4,
.post h5 {
  margin-bottom: 20px;
  font-weight: 700
}

.post .post-date {
  font-size: .94rem
}

.post .read-more {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  position: relative;
  margin-top: 10px;
  padding-left: 16px;
  color: #cd482b;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.31rem
}

.post .read-more::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 4px;
  width: 8px;
  height: 13px;
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/arrow-right-orange.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1
}

.post:hover {
  text-decoration: none
}

.post:hover h2,
.post:hover h3,
.post:hover h4,
.post:hover h5 {
  color: #cd482b
}

.post:hover .post-img .picture-container img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}

.post:hover .post-img .picture-container.IE-browser {
  -webkit-transform: scale(1.1) skew(21.5deg);
  transform: scale(1.1) skew(21.5deg)
}

@media (max-width:767px) {
  .post .post-img .picture-container {
    height: 183px
  }
}

.block-post {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #dcedfa;
  border-radius: 30px 0;
  overflow: hidden
}

.block-post>* {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.block-post>* {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto
}

.block-post .picture-container {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 50%
}

.block-post .block-post-content {
  padding: 32px;
  overflow: hidden
}

.block-post .block-post-content h2 {
  margin-bottom: 4px
}

.block-post .block-post-content h2+.subtitle:not(:last-child) {
  margin-bottom: 30px
}

.block-post .block-post-content h2+:not(.subtitle) {
  margin-top: 34px
}

.block-post .block-post-content .description:not(:last-child) {
  margin-bottom: 34px
}

@media (max-width:767px) {
  .block-post {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .block-post>* {
    max-width: 100%
  }

  .block-post .picture-container {
    max-height: 365px;
    width: 100%
  }

  .block-post .block-post-content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 100%;
    padding: 20px
  }
}

.apartment-post,
.news-post,
.township-post,
.vacancy-post {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 30px;
  border-radius: 30px 0;
  text-decoration: none;
  overflow: hidden;
  -webkit-transition: all .4s ease;
  transition: all .4s ease
}

.apartment-post>*,
.news-post>*,
.township-post>*,
.vacancy-post>* {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.apartment-post>*,
.news-post>*,
.township-post>*,
.vacancy-post>* {
  max-width: 100%
}

.apartment-post>.picture-container.IE-browser,
.apartment-post>.picture-container:not(.IE-browser) img,
.news-post>.picture-container.IE-browser,
.news-post>.picture-container:not(.IE-browser) img,
.township-post>.picture-container.IE-browser,
.township-post>.picture-container:not(.IE-browser) img,
.vacancy-post>.picture-container.IE-browser,
.vacancy-post>.picture-container:not(.IE-browser) img {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: all .4s ease;
  transition: all .4s ease
}

.apartment-post-content,
.news-post-content,
.township-post-content,
.vacancy-post-content {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
  background-color: #dcedfa
}

.apartment-post-content ul li,
.apartment-post-content ul li a,
.news-post-content ul li,
.news-post-content ul li a,
.township-post-content ul li,
.township-post-content ul li a,
.vacancy-post-content ul li,
.vacancy-post-content ul li a {
  color: #1e3b72
}

.apartment-post:hover,
.news-post:hover,
.township-post:hover,
.vacancy-post:hover {
  -webkit-box-shadow: 0 10px 30px rgba(30, 59, 114, .1);
  box-shadow: 0 10px 30px rgba(30, 59, 114, .1)
}

.apartment-post:hover>.picture-container.IE-browser,
.apartment-post:hover>.picture-container:not(.IE-browser) img,
.news-post:hover>.picture-container.IE-browser,
.news-post:hover>.picture-container:not(.IE-browser) img,
.township-post:hover>.picture-container.IE-browser,
.township-post:hover>.picture-container:not(.IE-browser) img,
.vacancy-post:hover>.picture-container.IE-browser,
.vacancy-post:hover>.picture-container:not(.IE-browser) img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}

.township-post>.picture-container {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  position: relative;
  height: 0;
  padding-top: 75.45%;
  background-color: #005a92
}

.township-post>.picture-container img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}

.township-post-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background: #00a0dd;
  padding: 10px 20px 14px
}

.township-post-content>* {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.township-post-content>* {
  max-width: 100%
}

.township-post-content>* {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.township-post-content h4 {
  position: relative;
  margin-bottom: 0;
  padding-right: 16px;
  color: #fff;
  word-break: break-word
}

.township-post-content h4:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  width: 8px;
  height: 12px;
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/arrow-right-white.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1
}

.township-post-content h4:not(:last-child) {
  margin-bottom: 24px
}

.township-post-content-bottom {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative
}

.township-post-content-bottom>:not(.picture-container) {
  position: relative;
  z-index: 1
}

.township-post-content-bottom .picture-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  max-width: calc(75% - (20px * 2));
  z-index: 0
}

@media (max-width:991px) {
  .township-post-content {
    padding: 9px 15px
  }

  .township-post-content h4 {
    font-size: 1rem;
    line-height: 1.75rem
  }
}

.township-content .townships.row {
  margin-left: -12px;
  margin-right: -12px
}

.township-content .townships.row .township-post {
  margin-bottom: 24px
}

.township-content .townships.row>div {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 228px;
  max-width: 100%;
  padding: 0 12px
}

@media (max-width:991px) {
  .township-content .townships.row {
    margin-left: -10px;
    margin-right: -10px
  }

  .township-content .townships.row .township-post {
    margin-bottom: 20px
  }

  .township-content .townships.row>div {
    max-width: 50%;
    padding: 0 10px
  }
}

main>.container .apartment-post-content ul li:hover::before,
main>.container .news-post-content ul li:hover::before,
main>.container .township-post-content ul li:hover::before,
main>.container-fluid .apartment-post-content ul li:hover::before,
main>.container-fluid .news-post-content ul li:hover::before,
main>.container-fluid .township-post-content ul li:hover::before {
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/arrow-right-secondary-blue.svg)
}

.search #search-form-page h3 {
  margin-bottom: 0
}

.search #search-form-page form[role=search] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.search #search-form-page form[role=search]>* {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.search #search-form-page form[role=search] input[type=search] {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin-right: 12px;
  border-width: 1px;
  border-radius: 5px
}

.search #search-form-page form[role=search] input[type=search]:not(:focus) {
  border-color: #9cabb7
}

.search #search-form-page form[role=search] .submit-wrapper {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  position: relative;
  width: auto
}

@media (max-width:467px) {
  .search #search-form-page form[role=search] {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .search #search-form-page form[role=search] input[type=search] {
    margin-right: 0;
    margin-bottom: 12px
  }
}

.search-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/search-secondary-blue.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat
}

.search-form form {
  position: relative;
  display: block;
  width: 100%
}

.search-form form .search-icon {
  position: absolute;
  top: 50%;
  left: 5px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1
}

.search-form form input[type=search]:not([type=checkbox]) {
  margin-bottom: 0;
  padding-right: 51px;
  border-radius: 10px 0;
  border-width: 2px;
  border-color: #00a0dd
}

.search-form form .submit-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 51px;
  cursor: pointer
}

.search-form form ::-webkit-input-placeholder {
  color: #1a1516
}

.search-form form ::-moz-placeholder {
  color: #1a1516
}

.search-form form :-ms-input-placeholder {
  color: #1a1516
}

.search-form form :-moz-placeholder {
  color: #1a1516
}

.search-results h1 {
  margin-bottom: 10px
}

.search-results .pagination {
  margin-top: 32px
}

.search-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 32px 0;
  text-decoration: none;
  border-bottom: 1px solid #d5dde3
}

.search-item>* {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.search-item::before {
  content: '';
  position: absolute;
  bottom: 62px;
  right: 0;
  display: inline-block;
  width: 8px;
  height: 12px;
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/arrow-right-secondary-blue.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat
}

.search-item-img {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 361px;
  height: 271px;
  background-color: #dcedfa;
  margin-right: 30px;
  border-radius: 30px 0;
  overflow: hidden
}

.search-item-img .picture-container {
  max-width: 361px;
  max-height: 271px;
  width: 100%;
  height: 100%;
  -webkit-transition: all .4s ease;
  transition: all .4s ease
}

.search-item-img .picture-container.IE-browser {
  background-position: center
}

.search-item-img .picture-container:not(.IE-browser) img {
  -o-object-position: center;
  object-position: center
}

.search-item-content {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto
}

.search-item-content h2 {
  margin-bottom: 0
}

.search-item-content .posttype {
  font-family: "Cocon OT", sans-serif;
  color: #00a0dd
}

.search-item-description .btn {
  display: none
}

.search-item:hover .search-item-img .picture-container {
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}

@media (max-width:767px) {
  .search-item {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 2px
  }

  .search-item-content,
  .search-item-img {
    margin-bottom: 30px
  }
}

.posts .search-item h4 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.posts .search-item.post:hover h4 {
  color: #1a1516
}

#page-not-found {
  margin-bottom: 100px
}

#page-not-found ul {
  list-style: none
}

#page-not-found h2 {
  margin: 20px 0
}

#page-not-found label {
  margin-top: 30px;
  width: 70%;
  display: inline-block
}

#page-not-found input[type=submit] {
  position: relative;
  max-width: 100%;
  padding: 13px 16px;
  font-family: "Cocon OT", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 22px;
  color: #fff;
  text-align: left;
  text-transform: none;
  text-decoration: none;
  outline: 0;
  border: none;
  border-radius: 10px 0;
  overflow: hidden;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
  width: 20%;
  height: 57px;
  margin-bottom: 2px;
  padding-top: 22px;
  text-align: center;
  display: inline-block
}

#page-not-found input[type=submit]:hover {
  cursor: pointer
}

#page-not-found input[type=submit]:focus,
#page-not-found input[type=submit]:hover {
  text-decoration: none;
  outline: 0
}

#page-not-found input[type=submit]-chat,
#page-not-found input[type=submit]-email,
#page-not-found input[type=submit]-location,
#page-not-found input[type=submit]-locations,
#page-not-found input[type=submit]-phone {
  padding-left: 20px
}

#page-not-found input[type=submit]-chat:not(.btn),
#page-not-found input[type=submit]-email:not(.btn),
#page-not-found input[type=submit]-location:not(.btn),
#page-not-found input[type=submit]-locations:not(.btn),
#page-not-found input[type=submit]-phone:not(.btn) {
  position: relative;
  font-family: "Cocon OT", sans-serif
}

#page-not-found input[type=submit]-chat::before,
#page-not-found input[type=submit]-email::before,
#page-not-found input[type=submit]-location::before,
#page-not-found input[type=submit]-locations::before,
#page-not-found input[type=submit]-phone::before {
  content: '';
  position: absolute;
  top: 6px;
  left: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1
}

#page-not-found input[type=submit]-phone {
  padding-left: 28px
}

#page-not-found input[type=submit]-phone::before {
  width: 18px;
  height: 20px;
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/phone-white.svg)
}

#page-not-found input[type=submit]-phone-secondary-blue::before {
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/phone-secondary-blue.svg)
}

#page-not-found input[type=submit]-email {
  padding-left: 28px
}

#page-not-found input[type=submit]-email::before {
  width: 18px;
  height: 14px;
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/email-white.svg)
}

#page-not-found input[type=submit]-email-secondary-blue::before {
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/email-secondary-blue.svg)
}

#page-not-found input[type=submit]-chat {
  padding-left: 28px
}

#page-not-found input[type=submit]-chat::before {
  width: 18px;
  height: 18px;
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/chat-white.svg)
}

#page-not-found input[type=submit]-chat-secondary-blue::before {
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/chat-secondary-blue.svg)
}

#page-not-found input[type=submit]-locations {
  padding-left: 44px
}

#page-not-found input[type=submit]-locations::before {
  width: 34px;
  height: 18px;
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/locations-white.svg)
}

#page-not-found input[type=submit]-location {
  padding-left: 28px
}

#page-not-found input[type=submit]-location::before {
  width: 18px;
  height: 24px;
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/location-white.svg)
}

#page-not-found input[type=submit]#page-not-found input[type=submit]-chat::before,
#page-not-found input[type=submit]#page-not-found input[type=submit]-email::before,
#page-not-found input[type=submit]#page-not-found input[type=submit]-location::before,
#page-not-found input[type=submit]#page-not-found input[type=submit]-locations::before,
#page-not-found input[type=submit]#page-not-found input[type=submit]-phone::before {
  top: 17px
}

#page-not-found input[type=submit]#page-not-found input[type=submit]-phone {
  padding-left: 46px
}

#page-not-found input[type=submit]#page-not-found input[type=submit]-phone::before {
  width: 22px;
  height: 24px
}

#page-not-found input[type=submit]#page-not-found input[type=submit]-email {
  padding-left: 48px
}

#page-not-found input[type=submit]#page-not-found input[type=submit]-email::before {
  width: 24px;
  height: 16px
}

#page-not-found input[type=submit]#page-not-found input[type=submit]-chat {
  padding-left: 48px
}

#page-not-found input[type=submit]#page-not-found input[type=submit]-chat::before {
  width: 24px;
  height: 24px
}

#page-not-found input[type=submit]#page-not-found input[type=submit]-locations {
  padding-left: 58px
}

#page-not-found input[type=submit]#page-not-found input[type=submit]-locations::before {
  width: 34px;
  height: 34px
}

#page-not-found input[type=submit]#page-not-found input[type=submit]-location {
  padding-left: 42px
}

#page-not-found input[type=submit]#page-not-found input[type=submit]-location::before {
  width: 18px;
  height: 24px
}

#page-not-found input[type=submit]#page-not-found input[type=submit]-block {
  width: 40px;
  height: 40px;
  padding: 5px;
  line-height: 30px;
  text-align: center;
  border-radius: 5px 0
}

#page-not-found input[type=submit]#page-not-found input[type=submit]-block::before {
  top: 50%;
  left: 50%;
  max-width: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

#page-not-found input[type=submit]#page-not-found input[type=submit]-block>img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

#page-not-found input[type=submit]#page-not-found input[type=submit]-block-large {
  width: 80px;
  height: 80px;
  padding: 10px;
  line-height: 60px;
  border-radius: 20px 0
}

#page-not-found input[type=submit]#page-not-found input[type=submit]-center {
  text-align: center
}

#page-not-found input[type=submit]#page-not-found input[type=submit]-center::before {
  position: relative;
  top: 0;
  left: 0;
  margin-right: 10px
}

#page-not-found input[type=submit]:not(#page-not-foundinput[type=submit]-gradient).btn-primary {
  background-color: #1e3b72
}

#page-not-found input[type=submit]:not(#page-not-foundinput[type=submit]-gradient).btn-primary:hover:not(.btn-no-click) {
  background: #d2451e;
  background: linear-gradient(130deg, #f9b41d 0, #cd482b 100%)
}

#page-not-found input[type=submit]:not(#page-not-foundinput[type=submit]-gradient).btn-secondary {
  background-color: #ee7523
}

#page-not-found input[type=submit]:not(#page-not-foundinput[type=submit]-gradient).btn-secondary:hover:not(.btn-no-click) {
  background: #12578a;
  background: linear-gradient(130deg, #12578a 0, #00a3e0 100%)
}

#page-not-found input[type=submit]:not(#page-not-foundinput[type=submit]-gradient).btn-secondary-blue {
  background-color: #00a0dd
}

#page-not-found input[type=submit]:not(#page-not-foundinput[type=submit]-gradient).btn-secondary-blue:hover:not(.btn-no-click) {
  background: #d2451e;
  background: linear-gradient(130deg, #f9b41d 0, #cd482b 100%)
}

#page-not-found input[type=submit]:not(#page-not-foundinput[type=submit]-gradient).btn-tertiary-blue {
  background-color: #dcedfa;
  color: #1e3b72
}

#page-not-found input[type=submit]:not(#page-not-foundinput[type=submit]-gradient).btn-tertiary-blue:hover:not(.btn-no-click) {
  background: #d2451e;
  background: linear-gradient(130deg, #f9b41d 0, #cd482b 100%);
  color: #fff
}

#page-not-found input[type=submit]#page-not-found input[type=submit]-gradient.btn-primary {
  background: #12578a;
  background: linear-gradient(130deg, #12578a 0, #00a3e0 100%)
}

#page-not-found input[type=submit]#page-not-found input[type=submit]-gradient.btn-primary:not(.btn-no-click):hover {
  background: #00a3e0;
  background: linear-gradient(130deg, #00a3e0 0, #12578a 100%)
}

#page-not-found input[type=submit]#page-not-found input[type=submit]-gradient.btn-secondary {
  background: #d2451e;
  background: linear-gradient(130deg, #f9b41d 0, #cd482b 100%)
}

#page-not-found input[type=submit]#page-not-found input[type=submit]-gradient.btn-secondary:not(.btn-no-click):hover {
  background: #d2451e;
  background: linear-gradient(130deg, #cd482b 0, #f9b41d 100%)
}

#page-not-found input[type=submit]-route {
  display: block;
  text-decoration: underline
}

#page-not-found input[type=submit]-arrow::after {
  content: '';
  display: inline-block;
  width: 8px;
  height: 12px;
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/arrow-right-white.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-left: 24px;
  z-index: 1
}

#page-not-found input[type=submit]-arrow-down::after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

#page-not-found input[type=submit]-no-click,
#page-not-found input[type=submit]-no-click:focus,
#page-not-found input[type=submit]-no-click:hover {
  cursor: default
}

#page-not-found input[type=submit]-text-center {
  width: 100%;
  text-align: center
}

#page-not-found input[type=submit]-text-center.btn-chat,
#page-not-found input[type=submit]-text-center.btn-email,
#page-not-found input[type=submit]-text-center.btn-phone {
  padding-left: 16px
}

#page-not-found input[type=submit]-text-center.btn-chat::before,
#page-not-found input[type=submit]-text-center.btn-email::before,
#page-not-found input[type=submit]-text-center.btn-phone::before {
  position: relative;
  top: 5px;
  left: 0;
  display: inline-block;
  margin-right: 8px
}

#page-not-found input[type=submit]-text-center.btn-email::before {
  top: 2px
}

@media (max-width:991px) {
  #page-not-found input[type=submit]-arrow:after {
    margin-left: 10px
  }
}

#page-not-found input[type=search] {
  display: inline-block;
  height: 60px;
  background-color: #f7f7f8;
  border: 1px solid #c5c5c5;
  margin: 0;
  padding: 0 15px;
  z-index: 10;
  font-family: "Cocon OT", sans-serif;
  color: #3c3c3c;
  font-size: 1rem;
  line-height: 3.75rem;
  font-weight: 400;
  width: 100%
}

#page-not-found label {
  width: 77%
}

#page-not-found button {
  position: relative;
  display: inline-block;
  max-width: 100%;
  padding: 13px 16px;
  font-family: "Cocon OT", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 22px;
  color: #fff;
  text-align: left;
  text-transform: none;
  text-decoration: none;
  outline: 0;
  border: none;
  border-radius: 10px 0;
  overflow: hidden;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
  width: 20%;
  height: 57px;
  margin-bottom: 2px;
  padding-top: 22px;
  text-align: center
}

#page-not-found button:hover {
  cursor: pointer
}

#page-not-found button:focus,
#page-not-found button:hover {
  text-decoration: none;
  outline: 0
}

#page-not-found button-chat,
#page-not-found button-email,
#page-not-found button-location,
#page-not-found button-locations,
#page-not-found button-phone {
  padding-left: 20px
}

#page-not-found button-chat:not(.btn),
#page-not-found button-email:not(.btn),
#page-not-found button-location:not(.btn),
#page-not-found button-locations:not(.btn),
#page-not-found button-phone:not(.btn) {
  position: relative;
  font-family: "Cocon OT", sans-serif
}

#page-not-found button-chat::before,
#page-not-found button-email::before,
#page-not-found button-location::before,
#page-not-found button-locations::before,
#page-not-found button-phone::before {
  content: '';
  position: absolute;
  top: 6px;
  left: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1
}

#page-not-found button-phone {
  padding-left: 28px
}

#page-not-found button-phone::before {
  width: 18px;
  height: 20px;
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/phone-white.svg)
}

#page-not-found button-phone-secondary-blue::before {
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/phone-secondary-blue.svg)
}

#page-not-found button-email {
  padding-left: 28px
}

#page-not-found button-email::before {
  width: 18px;
  height: 14px;
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/email-white.svg)
}

#page-not-found button-email-secondary-blue::before {
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/email-secondary-blue.svg)
}

#page-not-found button-chat {
  padding-left: 28px
}

#page-not-found button-chat::before {
  width: 18px;
  height: 18px;
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/chat-white.svg)
}

#page-not-found button-chat-secondary-blue::before {
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/chat-secondary-blue.svg)
}

#page-not-found button-locations {
  padding-left: 44px
}

#page-not-found button-locations::before {
  width: 34px;
  height: 18px;
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/locations-white.svg)
}

#page-not-found button-location {
  padding-left: 28px
}

#page-not-found button-location::before {
  width: 18px;
  height: 24px;
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/location-white.svg)
}

#page-not-found button#page-not-found button-chat::before,
#page-not-found button#page-not-found button-email::before,
#page-not-found button#page-not-found button-location::before,
#page-not-found button#page-not-found button-locations::before,
#page-not-found button#page-not-found button-phone::before {
  top: 17px
}

#page-not-found button#page-not-found button-phone {
  padding-left: 46px
}

#page-not-found button#page-not-found button-phone::before {
  width: 22px;
  height: 24px
}

#page-not-found button#page-not-found button-email {
  padding-left: 48px
}

#page-not-found button#page-not-found button-email::before {
  width: 24px;
  height: 16px
}

#page-not-found button#page-not-found button-chat {
  padding-left: 48px
}

#page-not-found button#page-not-found button-chat::before {
  width: 24px;
  height: 24px
}

#page-not-found button#page-not-found button-locations {
  padding-left: 58px
}

#page-not-found button#page-not-found button-locations::before {
  width: 34px;
  height: 34px
}

#page-not-found button#page-not-found button-location {
  padding-left: 42px
}

#page-not-found button#page-not-found button-location::before {
  width: 18px;
  height: 24px
}

#page-not-found button#page-not-found button-block {
  width: 40px;
  height: 40px;
  padding: 5px;
  line-height: 30px;
  text-align: center;
  border-radius: 5px 0
}

#page-not-found button#page-not-found button-block::before {
  top: 50%;
  left: 50%;
  max-width: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

#page-not-found button#page-not-found button-block>img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

#page-not-found button#page-not-found button-block-large {
  width: 80px;
  height: 80px;
  padding: 10px;
  line-height: 60px;
  border-radius: 20px 0
}

#page-not-found button#page-not-found button-center {
  text-align: center
}

#page-not-found button#page-not-found button-center::before {
  position: relative;
  top: 0;
  left: 0;
  margin-right: 10px
}

#page-not-found button:not(#page-not-foundbutton-gradient).btn-primary {
  background-color: #1e3b72
}

#page-not-found button:not(#page-not-foundbutton-gradient).btn-primary:hover:not(.btn-no-click) {
  background: #d2451e;
  background: linear-gradient(130deg, #f9b41d 0, #cd482b 100%)
}

#page-not-found button:not(#page-not-foundbutton-gradient).btn-secondary {
  background-color: #ee7523
}

#page-not-found button:not(#page-not-foundbutton-gradient).btn-secondary:hover:not(.btn-no-click) {
  background: #12578a;
  background: linear-gradient(130deg, #12578a 0, #00a3e0 100%)
}

#page-not-found button:not(#page-not-foundbutton-gradient).btn-secondary-blue {
  background-color: #00a0dd
}

#page-not-found button:not(#page-not-foundbutton-gradient).btn-secondary-blue:hover:not(.btn-no-click) {
  background: #d2451e;
  background: linear-gradient(130deg, #f9b41d 0, #cd482b 100%)
}

#page-not-found button:not(#page-not-foundbutton-gradient).btn-tertiary-blue {
  background-color: #dcedfa;
  color: #1e3b72
}

#page-not-found button:not(#page-not-foundbutton-gradient).btn-tertiary-blue:hover:not(.btn-no-click) {
  background: #d2451e;
  background: linear-gradient(130deg, #f9b41d 0, #cd482b 100%);
  color: #fff
}

#page-not-found button#page-not-found button-gradient.btn-primary {
  background: #12578a;
  background: linear-gradient(130deg, #12578a 0, #00a3e0 100%)
}

#page-not-found button#page-not-found button-gradient.btn-primary:not(.btn-no-click):hover {
  background: #00a3e0;
  background: linear-gradient(130deg, #00a3e0 0, #12578a 100%)
}

#page-not-found button#page-not-found button-gradient.btn-secondary {
  background: #d2451e;
  background: linear-gradient(130deg, #f9b41d 0, #cd482b 100%)
}

#page-not-found button#page-not-found button-gradient.btn-secondary:not(.btn-no-click):hover {
  background: #d2451e;
  background: linear-gradient(130deg, #cd482b 0, #f9b41d 100%)
}

#page-not-found button-route {
  display: block;
  text-decoration: underline
}

#page-not-found button-arrow::after {
  content: '';
  display: inline-block;
  width: 8px;
  height: 12px;
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/arrow-right-white.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-left: 24px;
  z-index: 1
}

#page-not-found button-arrow-down::after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

#page-not-found button-no-click,
#page-not-found button-no-click:focus,
#page-not-found button-no-click:hover {
  cursor: default
}

#page-not-found button-text-center {
  width: 100%;
  text-align: center
}

#page-not-found button-text-center.btn-chat,
#page-not-found button-text-center.btn-email,
#page-not-found button-text-center.btn-phone {
  padding-left: 16px
}

#page-not-found button-text-center.btn-chat::before,
#page-not-found button-text-center.btn-email::before,
#page-not-found button-text-center.btn-phone::before {
  position: relative;
  top: 5px;
  left: 0;
  display: inline-block;
  margin-right: 8px
}

#page-not-found button-text-center.btn-email::before {
  top: 2px
}

@media (max-width:991px) {
  #page-not-found button-arrow:after {
    margin-left: 10px
  }
}

.accordion {
  position: relative
}

.accordion .accordion-item {
  position: relative;
  border-bottom: 1px solid #abc2d4;
  -webkit-transition: all .4s ease;
  transition: all .4s ease
}

.accordion .accordion-item .accordion-title {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 59px;
  background-color: transparent;
  margin-bottom: 0;
  padding: 7px 12px 12px 0;
  text-decoration: none
}

.accordion .accordion-item .accordion-title,
.accordion .accordion-item .accordion-title h4 {
  color: #1e3b72;
  -webkit-transition: color .4s ease;
  transition: color .4s ease
}

.accordion .accordion-item .accordion-title h4 {
  line-height: 2.5rem
}

.accordion .accordion-item .accordion-title::after {
  content: '';
  position: absolute;
  top: 25px;
  right: 0;
  width: 8px;
  height: 12px;
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/arrow-right-secondary-blue.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: all .4s ease;
  transition: all .4s ease
}

.accordion .accordion-item .accordion-title:focus,
.accordion .accordion-item .accordion-title:hover {
  text-decoration: none
}

.accordion .accordion-item .accordion-title:hover,
.accordion .accordion-item .accordion-title:hover h4 {
  color: #00a0dd
}

.accordion .accordion-item .accordion-title>* {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: inline-block;
  margin-bottom: 0
}

.accordion .accordion-item .accordion-content {
  height: 0;
  overflow: hidden
}

.accordion .accordion-item:first-child {
  border-top: 1px solid #abc2d4
}

.accordion .accordion-item.open .accordion-title::after {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.accordion .accordion-item.open .accordion-title,
.accordion .accordion-item.open .accordion-title h4 {
  color: #00a0dd
}

.accordion .accordion-item.open .accordion-content {
  height: auto;
  padding: 4px 0 19px
}

@media (max-width:991px) {
  .accordion {
    margin-left: -20px;
    margin-right: -20px
  }

  .accordion::before {
    left: 20px;
    right: 20px
  }

  .accordion .accordion-item::after {
    left: 20px;
    right: 20px
  }

  .accordion .accordion-item .accordion-title {
    padding: 15px 45px 15px 20px
  }

  .accordion .accordion-item.open .accordion-content {
    padding: 0 20px 20px
  }
}

.faq-wrapper .accordion .accordion-item .accordion-title {
  display: block
}

main .breadcrumbs {
  position: relative;
  background-color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 8px;
  padding-bottom: 8px;
  overflow: hidden
}

main .breadcrumbs:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 46px;
  background: -webkit-gradient(linear, right top, left top, color-stop(0, #fff), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(270deg, #fff 0, rgba(255, 255, 255, 0) 100%);
  z-index: 1;
  pointer-events: none
}

main .breadcrumbs a,
main .breadcrumbs span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "Cocon OT", sans-serif;
  color: #1e3b72;
  font-size: .88rem;
  line-height: 2rem
}

main .breadcrumbs a>*,
main .breadcrumbs span>* {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

main .breadcrumbs a {
  text-decoration: underline
}

main .breadcrumbs a:not(:last-child) {
  margin-bottom: 0
}

main .breadcrumbs a:after {
  content: '';
  position: relative;
  top: 1em;
  left: 0;
  display: inline-block;
  width: 12px;
  height: 8px;
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/arrow-down-primary.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0 10px;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

main .breadcrumbs a:hover {
  text-decoration: underline
}

main .breadcrumbs span strong {
  color: #1e3b72
}

main .breadcrumbs+.offset-top-1,
main .breadcrumbs+.offset-top-2 {
  margin-top: 0
}

@media (max-width:991px) {
  main .breadcrumbs .col-xs-12>span>span {
    max-width: calc(100% + 20px);
    overflow: hidden
  }
}

.banner {
  position: relative
}

.banner .banner-img .picture-container {
  height: 726px
}

@media (max-width:767px) {
  #service h2.text-center {
    margin-bottom: 23px;
    text-align: left
  }

  #service .block-service {
    width: 100%;
    height: 60px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 20px;
    padding-left: 57px;
    text-align: left;
    overflow: hidden
  }

  #service .block-service::before {
    top: 50%;
    left: 20px;
    width: 24px;
    height: 24px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }

  #service .block-service p {
    line-height: 20px
  }
}

.block-service {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center
}

.block-service>* {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.block-service>* {
  max-width: 100%
}

.block-service .btn {
  margin-bottom: 8px
}

.block-service a,
.block-service p {
  font-family: "Cocon OT", sans-serif
}

.btn-service {
  position: relative;
  display: inline-block;
  background-color: #dcedfa;
  padding: 25px 30px;
  text-decoration: none;
  border-radius: 30px 0;
  -webkit-transition: box-shadow .4s ease;
  -webkit-transition: -webkit-box-shadow .4s ease;
  transition: -webkit-box-shadow .4s ease;
  transition: box-shadow .4s ease;
  transition: box-shadow .4s ease, -webkit-box-shadow .4s ease
}

.btn-service::after {
  content: '';
  position: absolute;
  right: 25px;
  bottom: 25px;
  width: 8px;
  height: 12px;
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/arrow-right-secondary-blue.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1
}

.btn-service:hover {
  -webkit-box-shadow: 0 10px 30px rgba(30, 59, 114, .1);
  box-shadow: 0 10px 30px rgba(30, 59, 114, .1)
}

.btn-service-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.btn-service-more>* {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.btn-service-more::after {
  position: relative;
  top: 2px;
  bottom: auto;
  right: auto;
  display: inline-block;
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/arrow-right-secondary.svg);
  margin-left: 15px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: all .4s ease;
  transition: all .4s ease
}

.btn-service-more h4 {
  margin-bottom: 0
}

.btn-service-more h4 span {
  color: #ee7523
}

@media (min-width:992px) {
  .btn-service {
    min-height: 170px;
    padding-bottom: 50px
  }

  .btn-service-more {
    padding-bottom: 30px
  }
}

.row.services {
  margin-bottom: -32px
}

.row.services>* {
  margin-bottom: 32px
}

.order-last .btn-service-more::after {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.block-post.block-post-cta {
  max-height: 452px
}

.block-post.block-post-cta:not(:first-child) {
  margin-top: 44px
}

.block-post.block-post-cta .picture-container {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  max-width: 40%;
  width: auto
}

@media (min-width:768px) {
  .block-post.block-post-cta .block-post-content {
    padding: 40px 40px 40px 38px
  }
}

.block-post.block-post-cta .block-post-content h2 {
  max-height: 279px;
  color: #1e3b72;
  overflow: hidden
}

.block-post.block-post-cta .block-post-content h2:not(:last-child) {
  margin-bottom: 41px
}

.block-post.block-post-cta .block-post-content h2+:not(.subtitle) {
  margin-top: 0
}

@media (max-width:767px) {
  .block-post.block-post-cta {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .block-post.block-post-cta>* {
    max-width: 100%
  }

  .block-post.block-post-cta .picture-container {
    max-height: 300px;
    min-width: 100%;
    width: 100%
  }

  .block-post.block-post-cta .block-post-content h2:not(:last-child) {
    margin-bottom: 21px
  }
}

main>.container .content-block .block-post.block-post-cta .block-post-content h2:not(:last-child),
main>.container-fluid .content-block .block-post.block-post-cta .block-post-content h2:not(:last-child) {
  margin-bottom: 41px
}

@media (max-width:550px) {

  main>.container .content-block .block-post.block-post-cta .block-post-content h2:not(:last-child),
  main>.container-fluid .content-block .block-post.block-post-cta .block-post-content h2:not(:last-child) {
    margin-bottom: 21px
  }
}

.news-filter-township {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.news-filter-township>* {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.news-filter-township>* {
  max-width: 100%
}

@media (min-width:992px) {
  .news-filter-township {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  .news-filter-township h4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 37px
  }

  .news-filter-township .select-wrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 408px;
    margin-bottom: 0
  }
}

.news-post .picture-container {
  height: 257px
}

.news-post-content {
  padding: 20px 20px 40px
}

.news-post-content::after {
  content: '';
  position: absolute;
  bottom: 25px;
  right: 25px;
  width: 8px;
  height: 12px;
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/arrow-right-secondary-blue.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1
}

.news-post-content h4 {
  margin-bottom: 40px
}

.news-post-content-date {
  font-family: "Cocon OT", sans-serif;
  color: #00a0dd
}

@media (min-width:992px) {

  main>.container .news-filter-township h4:not(:last-child),
  main>.container-fluid .news-filter-township h4:not(:last-child) {
    margin-bottom: 0
  }
}

body.page-template-single-news .news-date-category,
body.single-news .news-date-category {
  margin-top: 20px
}

body.page-template-single-news .news-date-category .btn,
body.single-news .news-date-category .btn {
  display: inline-table;
  margin-left: 10px
}

body.page-template-single-news .news-date-category+hr+*,
body.single-news .news-date-category+hr+* {
  margin-top: 40px
}

@media (min-width:992px) {

  body.page-template-single-news #more-news,
  body.single-news #more-news {
    margin-bottom: -94px
  }
}

@media (min-width:1921px) {

  body.page-template-single-news #more-news,
  body.single-news #more-news {
    margin-bottom: -116px
  }
}

@media (max-width:991px) {

  body.page-template-single-news #more-news,
  body.single-news #more-news {
    margin-bottom: -112px
  }
}

#more-news {
  position: relative;
  background-color: #dcedfa
}

@media (min-width:992px) {
  #more-news.offset-top-1 {
    margin-top: 218px
  }
}

@media (max-width:991px) {
  #more-news.offset-top-1 {
    margin-top: 142px
  }
}

@media (max-width:767px) {
  #more-news.offset-top-1 {
    margin-top: 112px
  }
}

#more-news:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/swirl/tertiary-blue-top.svg);
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  z-index: -1
}

#more-news h2 {
  font-size: 2.5rem
}

#more-news h2:not(:last-child) {
  margin-bottom: 20px
}

#more-news .news-post .picture-container {
  height: 352px
}

#more-news .news-post-content {
  background-color: #fff;
  padding-bottom: 52px
}

#more-news .news-post-content h4 {
  margin-bottom: 8px
}

@media (min-width:992px) {
  #more-news {
    padding-top: 84px;
    padding-bottom: 122px
  }

  #more-news:before {
    top: -114px;
    height: 114px
  }
}

@media (min-width:1921px) {
  #more-news:before {
    background-size: contain;
    background-repeat: repeat-x
  }
}

@media (max-width:991px) {
  #more-news {
    padding-top: 40px;
    padding-bottom: 110px
  }

  #more-news:before {
    top: -82px;
    height: 82px
  }

  #more-news h2 {
    font-size: 1.88rem
  }
}

@media (max-width:767px) {
  #more-news:before {
    top: -52px;
    height: 52px
  }
}

#more-news-township .block-post {
  margin-top: 20px
}

#google-maps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  overflow: hidden
}

#google-maps>* {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

#google-maps>* {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

#google-maps #google-maps-frame {
  height: auto;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto
}

#google-maps #google-maps-frame .gm-style .gm-style-iw-c {
  background-color: #fff;
  padding: 0;
  border-radius: 30px 0;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, .2);
  box-shadow: 0 10px 30px rgba(0, 0, 0, .2)
}

/* @media (min-width:992px) {
  #google-maps #google-maps-frame .gm-style .gm-style-iw-c {
    max-width: calc(100vw - 600px - (30px * 2)) !important
  }
} */

#google-maps #google-maps-frame .gm-style .gm-style-iw-c .gm-ui-hover-effect {
  display: none !important
}

#google-maps .map-wrapper,
#google-maps .maps-filter {
  overflow: hidden
}

#google-maps .map-wrapper {
  position: relative
}

#google-maps .map-wrapper .map-search {
  background-color: #ee7523;
  padding: 30px 40px
}

#google-maps .map-wrapper .map-search-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

#google-maps .map-wrapper .map-search-form>* {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

#google-maps .map-wrapper .map-search-form>* {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-bottom: 0
}

#google-maps .map-wrapper .map-search-form>:not(:last-child) {
  margin-right: 10px
}

#google-maps .map-wrapper .map-search-form input {
  border-color: #fff
}

#google-maps .map-wrapper .map-search-form input[name=options] {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: auto
}

#google-maps .map-wrapper .map-search-form ::-webkit-input-placeholder {
  color: #1a1516
}

#google-maps .map-wrapper .map-search-form ::-moz-placeholder {
  color: #1a1516
}

#google-maps .map-wrapper .map-search-form :-ms-input-placeholder {
  color: #1a1516
}

#google-maps .map-wrapper .map-search-form :-moz-placeholder {
  color: #1a1516
}

#google-maps .map-wrapper .map-search-form .select-wrapper {
  margin-bottom: 0;
  min-width: 100%
}

#google-maps .map-wrapper .map-search-form .switch-view label {
  margin-right: 10px
}

#google-maps .maps-filter {
  position: relative;
  background-color: #dcedfa;
  padding: 39px 32px 3px
}

#google-maps .maps-filter h2 {
  margin-bottom: 11px
}

#google-maps .maps-filter-clear {
  position: absolute;
  top: 51px;
  right: 32px;
  color: #00a0dd;
  line-height: 1.63rem
}

#google-maps .maps-filter-switch {
  margin-bottom: 20px
}

#google-maps .maps-filter-switch label {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 400
}

#google-maps .maps-filter-switch label:not(:last-child) {
  margin-right: 40px
}

#google-maps .maps-filter-switch .marker-icon {
  margin-right: 6px;
  -webkit-transform: translateY(12px);
  transform: translateY(12px)
}

#google-maps .maps-filter-active {
  margin-bottom: 24px
}

#google-maps .maps-filter-active .badge {
  margin-bottom: 8px
}

#google-maps .maps-filter-active .badge:not(:last-child) {
  margin-right: 8px
}

#google-maps .maps-filter .accordion-content div.columns-2 {
  margin-bottom: -10px
}

#google-maps .maps-filter .accordion-content label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 10px;
  font-family: Arial, Helvetica, sans-serif;
  color: #1a1516;
  font-size: 1rem;
  line-height: 1.63rem
}

#google-maps .maps-filter .accordion-content label span.checkbox-wrapper input[type=checkbox]+.custom-checkbox {
  border-color: transparent
}

#google-maps .maps-filter .accordion-content label span.checkbox-wrapper input[type=checkbox]:checked+.custom-checkbox {
  border-color: transparent
}

@media (min-width:992px) {
  #google-maps-frame .gm-style .gm-style-iw-c {
    max-width: calc(100vw - 600px - (30px * 2)) !important
  }

  #google-maps .map-wrapper,
  #google-maps .maps-filter {
    height: 950px
  }

  #google-maps .map-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    /* max-width: calc(100% - 600px); */
    width: 100%
  }

  #google-maps .map-wrapper>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
  }

  #google-maps .map-wrapper>* {
    max-width: 100%
  }

  #google-maps .map-wrapper .map-search {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
  }

  #google-maps .maps-filter {
    width: 600px;
    -webkit-box-shadow: 0 10px 30px rgba(30, 59, 114, .1);
    box-shadow: 0 10px 30px rgba(30, 59, 114, .1)
  }

  #google-maps .maps-filter-content {
    max-height: calc(950px - 39px - 3px - 51px);
    overflow-y: auto
  }

  #google-maps .accordion-item .accordion-title::after {
    right: 2px
  }
}

@media (min-width:992px) and (max-width:1090px) {
  #google-maps-frame .gm-style .gm-style-iw-c {
    max-width: calc(100vw - 504px - (30px * 2)) !important
  }

  #google-maps .map-wrapper {
    max-width: calc(100% - 504px)
  }

  #google-maps .maps-filter {
    width: 504px
  }
}

@media (max-width:991px) {
  #google-maps {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }

  #google-maps #google-maps-frame {
    height: 500px
  }

  #google-maps #google-maps-frame .gm-style .gm-style-iw-c {
    max-width: calc(100vw - (30px * 2)) !important;
    min-width: 320px !important
  }

  #google-maps .map-wrapper {
    display: block;
    width: 100%
  }

  #google-maps .map-wrapper .map-search {
    display: block;
    width: 100%;
    padding: 20px
  }

  #google-maps .map-wrapper .map-search-form {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  #google-maps .map-wrapper .map-search-form input[name=options] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
    margin-bottom: 10px
  }

  #google-maps .map-wrapper .map-search-form-filters {
    font-family: "Cocon OT", sans-serif;
    color: #fff;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 3.25rem
  }

  #google-maps .maps-filter {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0;
    overflow-y: auto;
    visibility: hidden;
    opacity: 0;
    z-index: 999999;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
  }

  #google-maps .maps-filter>h2 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 64px;
    background: #12578a;
    background: linear-gradient(130deg, #12578a 0, #00a3e0 100%);
    color: #fff;
    font-size: 1.88rem;
    line-height: 2.5rem;
    padding: 12px 46px 12px 20px;
    overflow: hidden;
    z-index: 1
  }

  #google-maps .maps-filter-close {
    position: fixed;
    top: 24px;
    right: 20px;
    display: block;
    width: 16px;
    height: 16px;
    background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/close-white.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 2
  }

  #google-maps .maps-filter-clear {
    display: none
  }

  #google-maps .maps-filter-content {
    padding: 76px 20px 64px
  }

  #google-maps .maps-filter-content .accordion {
    margin-left: 0;
    margin-right: 0
  }

  #google-maps .maps-filter-content .accordion .accordion-item .accordion-title {
    min-height: 51px;
    padding: 8px 20px 8px 0
  }

  #google-maps .maps-filter-content .accordion .accordion-item .accordion-content div.columns-2 {
    -webkit-columns: auto;
    -moz-columns: auto;
    columns: auto
  }

  #google-maps .maps-filter-bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 64px;
    background-color: #fff;
    padding: 6px 20px;
    overflow: hidden;
    z-index: 1
  }

  #google-maps .maps-filter-bottom-btn {
    width: 100%;
    text-align: center
  }

  #google-maps .maps-filter.open {
    visibility: visible;
    opacity: 1
  }
}

main>.container .google-maps-window-content-contact>a:not(:last-child),
main>.container-fluid .google-maps-window-content-contact>a:not(:last-child) {
  margin-bottom: 0
}

.marker-icon {
  display: inline-block;
  width: 26px;
  height: 34px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain
}

.marker-icon-location {
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/map-marker.png)
}

.marker-icon-service {
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/map-marker-service.png)
}

#google-maps-window-wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, .75);
  visibility: hidden;
  opacity: 0;
  z-index: 10000011;
  -webkit-transition: all .4s ease;
  transition: all .4s ease
}

#google-maps-window-wrapper .google-maps-window {
  position: absolute;
  top: 50%;
  left: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: calc(100vw - (20px * 2));
  width: 995px;
  max-height: calc(100vh - (20px * 2));
  background-color: #fff;
  margin-bottom: -20px;
  padding: 32px;
  border-radius: 30px 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

#google-maps-window-wrapper .google-maps-window>* {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

#google-maps-window-wrapper .google-maps-window>* {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  max-width: 100%;
  margin-bottom: 20px;
  overflow: hidden
}

#google-maps-window-wrapper .google-maps-window .picture-container {
  max-width: 230px;
  height: 173px;
  margin-right: 24px;
  border-top-left-radius: 30px;
  border-bottom-right-radius: 30px
}

#google-maps-window-wrapper .google-maps-window-content {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: -moz-min-content;
  width: -webkit-min-content;
  width: min-content;
  min-width: 167px;
  overflow-y: auto
}

#google-maps-window-wrapper .google-maps-window-content h3 {
  position: relative;
  margin-bottom: 10px;
  padding-left: 35px
}

#google-maps-window-wrapper .google-maps-window-content h3 .marker-icon {
  position: absolute;
  top: 0;
  left: 0;
  margin-right: 9px
}

#google-maps-window-wrapper .google-maps-window-content .badges {
  margin-bottom: 10px
}

#google-maps-window-wrapper .google-maps-window-content .badge {
  background-color: #dcedfa;
  color: #1e3b72;
  font-weight: 700;
  margin-bottom: 10px
}

#google-maps-window-wrapper .google-maps-window-content .badge:not(:last-child) {
  margin-right: 10px
}

#google-maps-window-wrapper .google-maps-window-content-contact {
  margin-top: 28px
}

#google-maps-window-wrapper .google-maps-window-content-contact [class^=btn-] {
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  color: #00a0dd
}

#google-maps-window-wrapper .google-maps-window-content-contact [class^=btn-]:hover {
  color: #1a1516
}

#google-maps-window-wrapper .google-maps-window-content-more {
  margin-top: 24px;
  text-align: right
}

#google-maps-window-wrapper .google-maps-window-multi,
#google-maps-window-wrapper .google-maps-window-service {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 0;
  padding: 0
}

#google-maps-window-wrapper .google-maps-window-multi>*,
#google-maps-window-wrapper .google-maps-window-service>* {
  margin-bottom: 0
}

#google-maps-window-wrapper .google-maps-window-multi .google-maps-window-header,
#google-maps-window-wrapper .google-maps-window-service .google-maps-window-header {
  position: relative;
  background: #12578a;
  background: linear-gradient(130deg, #12578a 0, #00a3e0 100%);
  padding: 16px 32px;
  border-top-left-radius: 30px
}

#google-maps-window-wrapper .google-maps-window-multi .google-maps-window-header h2,
#google-maps-window-wrapper .google-maps-window-service .google-maps-window-header h2 {
  max-width: calc(100% - 26px);
  margin-bottom: 0;
  color: #fff;
  font-size: 1.38rem;
  line-height: 1.75rem
}

#google-maps-window-wrapper .google-maps-window-multi .google-maps-window-header span.google-maps-window-close,
#google-maps-window-wrapper .google-maps-window-service .google-maps-window-header span.google-maps-window-close {
  position: absolute;
  top: 17px;
  right: 16px;
  width: 26px;
  height: 26px;
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/close-white.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
  cursor: pointer
}

#google-maps-window-wrapper .google-maps-window-multi .google-maps-window-content,
#google-maps-window-wrapper .google-maps-window-service .google-maps-window-content {
  padding: 16px 32px 32px
}

#google-maps-window-wrapper .google-maps-window-service h3 {
  position: relative;
  margin-bottom: 12px;
  padding-left: 35px
}

#google-maps-window-wrapper .google-maps-window-service h3 .marker-icon {
  position: absolute;
  top: 0;
  left: 0;
  margin-right: 9px
}

#google-maps-window-wrapper .google-maps-window-service .google-maps-window-content {
  width: calc(100vw - 600px)
}

#google-maps-window-wrapper .google-maps-window-service .google-maps-window-content-more {
  margin-top: 12px;
  text-align: left
}

#google-maps-window-wrapper .google-maps-window-service .google-maps-window-content-more p:not(:last-child) {
  margin-bottom: 8px
}

#google-maps-window-wrapper .google-maps-window-service .google-maps-window-content-more ul:not(:last-child) {
  margin-bottom: 32px
}

#google-maps-window-wrapper .google-maps-window-service .google-maps-window-content-more ul[class^=columns-] {
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
  -webkit-column-width: 235px;
  -moz-column-width: 235px;
  column-width: 235px
}

#google-maps-window-wrapper .google-maps-window-service .google-maps-window-content-more ul li a {
  font-family: "Cocon OT", sans-serif;
  color: #00a0dd;
  text-decoration: underline
}

#google-maps-window-wrapper .google-maps-window-service .google-maps-window-content-more ul li:hover::before {
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/arrow-right-secondary-blue.svg)
}

#google-maps-window-wrapper .google-maps-window-multi .google-maps-window-content {
  width: 100%
}

#google-maps-window-wrapper .google-maps-window-multi .google-maps-window-location {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 4px;
  border-bottom: 1px solid #d5dde3
}

#google-maps-window-wrapper .google-maps-window-multi .google-maps-window-location:not(:first-child) {
  padding-top: 16px
}

#google-maps-window-wrapper .google-maps-window-multi .google-maps-window-location>.google-maps-window-location-contact,
#google-maps-window-wrapper .google-maps-window-multi .google-maps-window-location>.google-maps-window-location-content,
#google-maps-window-wrapper .google-maps-window-multi .google-maps-window-location>.google-maps-window-location-image {
  margin-bottom: 12px
}

#google-maps-window-wrapper .google-maps-window-multi .google-maps-window-location-image {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 120px;
  height: 90px;
  margin-right: 12px;
  overflow: hidden
}

#google-maps-window-wrapper .google-maps-window-multi .google-maps-window-location-image .picture-container {
  max-width: 100%;
  width: 100%;
  height: 100%;
  border-bottom-right-radius: 0;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1, 1);
  -webkit-transition: all .4s ease;
  transition: all .4s ease
}

#google-maps-window-wrapper .google-maps-window-multi .google-maps-window-location-image:hover .picture-container {
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}

#google-maps-window-wrapper .google-maps-window-multi .google-maps-window-location-content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 250px;
  margin-right: 12px
}

#google-maps-window-wrapper .google-maps-window-multi .google-maps-window-location-content h3>a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none
}

#google-maps-window-wrapper .google-maps-window-multi .google-maps-window-location-content h3>a span.location-title-arrow {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 8px;
  height: 12px;
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/arrow-right-secondary.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 9px;
  margin-right: 8px
}

#google-maps-window-wrapper .google-maps-window-multi .google-maps-window-location-content h3>a span.location-title {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto
}

#google-maps-window-wrapper .google-maps-window-multi .google-maps-window-location-content h3>a:hover {
  text-decoration: underline
}

#google-maps-window-wrapper .google-maps-window-multi .google-maps-window-location-contact {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-left: auto
}

#google-maps-window-wrapper .google-maps-window-multi .google-maps-window-location-contact>a {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  max-width: 100%;
  font-family: Arial, Helvetica, sans-serif;
  color: #00a0dd
}

#google-maps-window-wrapper .google-maps-window-multi .google-maps-window-location-contact>a:hover {
  color: #1a1516
}

#google-maps-window-wrapper.open {
  visibility: visible;
  opacity: 1
}

#rsbtn_popup {
  z-index: 10000012 !important
}

.ajax-responce {
  height: auto;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto
}

.ajax-responce #google-maps-frame {
  width: 100%
}

@media (min-width:992px) {
  .ajax-responce #google-maps-frame {
    height: 100%
  }
}

#google-maps-window-wrapper .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

#google-maps-window-wrapper .info p {
  margin-left: 15px
}

.page-template-single-locations .content-block h1:not(:last-child),
.single-locations .content-block h1:not(:last-child) {
  margin-bottom: 24px
}

.page-template-single-locations .content-block h2:not(:last-child),
.page-template-single-locations .content-block h3:not(:last-child),
.page-template-single-locations .content-block h4:not(:last-child),
.page-template-single-locations .content-block h5:not(:last-child),
.single-locations .content-block h2:not(:last-child),
.single-locations .content-block h3:not(:last-child),
.single-locations .content-block h4:not(:last-child),
.single-locations .content-block h5:not(:last-child) {
  margin-bottom: 20px
}

.page-template-single-locations #location-about .picture-container,
.single-locations #location-about .picture-container {
  margin-bottom: 20px
}

.btn-service.btn-service--township {
  min-height: 80px;
  padding: 12px 15px 24px
}

.btn-service.btn-service--township h4 {
  padding-right: 20px;
  color: #1e3b72
}

.btn-service.btn-service--township h4:last-child {
  margin-bottom: 0
}

@media (min-width:992px) {
  .btn-service.btn-service--township {
    min-height: 111px;
    padding: 20px 20px 35px
  }
}

@media (max-width:991px) {
  .btn-service.btn-service--township h4 {
    font-size: 1rem;
    line-height: 1.38
  }
}

.township-cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 100%;
  width: 588px;
  border-radius: 30px 0;
  overflow: hidden
}

.township-cta>* {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.township-cta__content,
.township-cta__img {
  width: 50%
}

.township-cta__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #12578a;
  background: linear-gradient(130deg, #12578a 0, #00a3e0 100%);
  padding: 40px 24px;
  text-align: center
}

.township-cta__content>* {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.township-cta__content>* {
  max-width: 100%
}

.township-cta__content .btn.btn-block.btn-phone {
  width: 46px;
  height: 46px;
  line-height: 36px
}

.township-cta__content .btn:last-child {
  width: 100%;
  text-align: center
}

@media (max-width:382px) {
  .township-cta__content .btn:last-child {
    font-size: .94rem;
    padding-left: 10px;
    padding-right: 10px
  }
}

.township-cta__title {
  color: #fff
}

.township-cta__title:not(:first-child) {
  margin-top: 15px
}

.township-cta__title:not(:last-child) {
  margin-bottom: 20px
}

@media (max-width:767px) {
  .township-cta {
    width: 100%
  }

  .township-cta__content {
    padding: 20px
  }

  .township-cta__title {
    font-size: .88rem;
    line-height: 1.43
  }

  .township-cta__title:not(:first-child) {
    margin-top: 11px
  }

  .township-cta__title:not(:last-child) {
    margin-bottom: 15px
  }
}

.content-block .township-cta h4.township-cta__title:not(:first-child) {
  margin-top: 15px
}

.content-block .township-cta h4.township-cta__title:not(:last-child) {
  margin-bottom: 20px
}

@media (max-width:767px) {
  .content-block .township-cta h4.township-cta__title:not(:first-child) {
    margin-top: 11px
  }

  .content-block .township-cta h4.township-cta__title:not(:last-child) {
    margin-bottom: 15px
  }
}

.page-template-single-township .content-block h1:not(:last-child),
.single-township .content-block h1:not(:last-child) {
  margin-bottom: 24px
}

.page-template-single-township .content-block h2:not(:last-child),
.page-template-single-township .content-block h3:not(:last-child),
.page-template-single-township .content-block h4:not(:last-child),
.page-template-single-township .content-block h5:not(:last-child),
.single-township .content-block h2:not(:last-child),
.single-township .content-block h3:not(:last-child),
.single-township .content-block h4:not(:last-child),
.single-township .content-block h5:not(:last-child) {
  margin-bottom: 20px
}

.page-template-single-township .content-block .picture-container:not(.township-img):not(.township-cta__img),
.single-township .content-block .picture-container:not(.township-img):not(.township-cta__img) {
  margin-bottom: 20px
}

@media (max-width:991px) {

  .page-template-single-township .content-block h1,
  .single-township .content-block h1 {
    float: left;
    max-width: calc(100% - 100px)
  }

  .page-template-single-township .content-block h1:not(:last-child),
  .single-township .content-block h1:not(:last-child) {
    margin-bottom: 35px
  }

  .page-template-single-township .content-block h1+.township-img,
  .single-township .content-block h1+.township-img {
    float: right;
    max-width: 100px;
    height: 70px;
    margin-top: -15px
  }

  .page-template-single-township .content-block h1+.township-img+p,
  .single-township .content-block h1+.township-img+p {
    clear: left
  }
}

.single-township .content-block h1 {
  display: block;
  max-width: 100%;
  width: 100%
}

.single-township .content-block h1:not(:last-child) {
  margin-bottom: 5px
}

.single-township .township-cta {
  float: left
}

.single-township .township-cta+.show-more__wrapper {
  float: right;
  width: calc(100% - 588px - 30px)
}

.single-township #township-news h2:not(:last-child),
.single-township #township-services h2:not(:last-child) {
  margin-bottom: 22px
}

@media (max-width:991px) {
  .single-township #township-services:not(:last-child) {
    margin-bottom: 32px
  }

  .single-township #township-services .row.services {
    margin-left: -10px;
    margin-right: -10px
  }

  .single-township #township-services .row.services>div {
    padding-left: 10px;
    padding-right: 10px
  }
}

@media (max-width:767px) {
  .single-township .content-block .township-cta {
    max-width: calc(100% + (20px * 2));
    width: calc(100% + (20px * 2));
    margin-left: -20px;
    margin-right: -20px
  }
}

#cookie-notice {
  background: #12578a !important;
  background: linear-gradient(130deg, #12578a 0, #00a3e0 100%) !important
}

#cookie-notice .cookie-notice-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 20px;
  line-height: 1.56rem;
  -webkit-box-shadow: 0 -5px 5px rgba(30, 59, 114, .1);
  box-shadow: 0 -5px 5px rgba(30, 59, 114, .1)
}

#cookie-notice .cookie-notice-container>* {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

#cookie-notice .cookie-notice-container span {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  margin-bottom: 0;
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1rem;
  font-weight: 400
}

#cookie-notice .cookie-notice-container .btn {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-top: 5px;
  text-shadow: none;
  -webkit-transition: background-color .4s ease;
  transition: background-color .4s ease
}

#cookie-notice .cookie-notice-revoke-container {
  display: none !important;
  text-align: right
}

#cookie-notice .cookie-notice-revoke-container .btn {
  text-shadow: none;
  -webkit-transition: background-color .4s ease;
  transition: background-color .4s ease
}

.wp-block-gallery .blocks-gallery-grid {
  display: -ms-flexbox;
  -ms-flex-wrap: wrap;
  padding-left: 0
}

.wp-block-gallery .blocks-gallery-item {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  height: 220px
}

.wp-block-gallery .blocks-gallery-item::before {
  display: none
}

.wp-block-gallery .blocks-gallery-item figure {
  border-radius: 30px 0;
  overflow: hidden
}

.wp-block-gallery .blocks-gallery-item figure>a {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
  display: block;
  height: 100%;
  margin-bottom: 0
}

.wp-block-gallery .blocks-gallery-item figure>a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 160, 221, .85);
  border-radius: 30px 0;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  -webkit-transition: all .4s ease;
  transition: all .4s ease
}

.wp-block-gallery .blocks-gallery-item figure>a::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/zoom-white.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2;
  -webkit-transition: all .4s ease;
  transition: all .4s ease
}

.wp-block-gallery .blocks-gallery-item figure>a img {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.wp-block-gallery .blocks-gallery-item figure>a.IE-browser {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat
}

.wp-block-gallery .blocks-gallery-item figure>a.IE-browser img {
  opacity: 0;
  visibility: hidden
}

.wp-block-gallery .blocks-gallery-item figure>a:hover::after,
.wp-block-gallery .blocks-gallery-item figure>a:hover::before {
  opacity: 1;
  visibility: visible
}

.wp-block-gallery .blocks-gallery-item figure figcaption {
  display: none
}

.wp-block-gallery .blocks-gallery-item-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #dcedfa;
  padding: 15px;
  cursor: pointer;
  text-align: center;
  border-radius: 30px 0;
  overflow: hidden
}

.wp-block-gallery .blocks-gallery-item-more p {
  font-family: "Cocon OT", sans-serif;
  color: #ee7523;
  font-size: 1.25rem;
  line-height: 2rem
}

.wp-block-gallery .blocks-gallery-item-more.open {
  -webkit-box-ordinal-group: 100000;
  -ms-flex-order: 99999;
  order: 99999
}

.wp-block-gallery .blocks-gallery-item-more:not(.open)~.blocks-gallery-item {
  display: none
}

@media (min-width:600px) {
  .wp-block-gallery.columns-3 .blocks-gallery-grid {
    margin-right: -16px
  }

  .wp-block-gallery.columns-3 .blocks-gallery-item {
    width: calc((100% - (16px * 3))/ 3)
  }

  .wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n) {
    margin-right: 16px
  }
}

@media (min-width:1200px) {
  .wp-block-gallery .blocks-gallery-grid {
    margin-right: -35px
  }

  .wp-block-gallery .blocks-gallery-item {
    width: calc((100% - 35px)/ 2);
    margin: 0 35px 35px 0
  }

  .wp-block-gallery.columns-3 .blocks-gallery-item {
    width: calc((100% - 106px)/ 3);
    margin-right: 35px !important
  }
}

@media (max-width:599px) {
  .wp-block-gallery .blocks-gallery-grid {
    margin-right: -16px
  }

  .wp-block-gallery .blocks-gallery-item {
    width: calc((100% - (16px * 2))/ 2)
  }

  .wp-block-gallery .blocks-gallery-item:nth-of-type(2n) {
    margin-right: 16px
  }
}

.featherlight,
.featherlight:last-of-type {
  background: rgba(0, 0, 0, .75)
}

.featherlight .featherlight-content {
  max-width: 90%;
  padding: 0;
  margin: 0 100px;
  border-bottom: 0;
  overflow: visible
}

.featherlight .featherlight-content>p {
  position: absolute;
  bottom: -32px;
  left: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.13rem;
  line-height: 1.75rem;
  color: #fff;
  z-index: 1
}

.featherlight .featherlight-image {
  max-height: 70vh;
  -webkit-transition: opacity .4s ease;
  transition: opacity .4s ease
}

.featherlight .featherlight-close-icon {
  top: -36px;
  width: 26px;
  height: 26px;
  background: 0 0;
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/close-white.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  text-indent: -9999px
}

.featherlight-next,
.featherlight-previous {
  top: 50%;
  bottom: auto;
  left: auto;
  right: auto;
  width: 100px;
  height: 100px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.featherlight-next span,
.featherlight-previous span {
  display: inline-block;
  left: 50%;
  width: 26px;
  height: 40px;
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/arrow-right-white.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.featherlight-next span img,
.featherlight-next:hover span img,
.featherlight-previous span img,
.featherlight-previous:hover span img {
  display: none !important;
  font-size: 0 !important
}

.featherlight-next:hover,
.featherlight-previous:hover {
  background: 0 0
}

.featherlight-previous {
  left: -100px
}

.featherlight-previous span {
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
  transform: translate(-50%, -50%) rotate(180deg)
}

.featherlight-next {
  right: -100px
}

.featherlight.featherlight-loading .featherlight-next,
.featherlight.featherlight-loading .featherlight-previous {
  display: block
}

@media (max-width:991px) {
  .featherlight .featherlight-content {
    margin: 0 30px
  }

  .featherlight-next,
  .featherlight-previous {
    width: 30px
  }

  .featherlight-next span,
  .featherlight-previous span {
    width: 14px;
    height: 20px
  }

  .featherlight-previous {
    left: -30px
  }

  .featherlight-next {
    right: -30px
  }

  .featherlight .featherlight-close-icon {
    width: 18px;
    height: 18px
  }
}

body.home .slider .slide .picture-container {
  width: 100%
}

body.home .slider-btns {
  position: absolute;
  top: 50%;
  left: 22px;
  right: 22px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  pointer-events: none;
  z-index: 1
}

body.home .slider-btns>a {
  pointer-events: all
}

body.home .slider-btns>a.next,
body.home .slider-btns>a.prev {
  width: 64px;
  height: 64px;
  background-color: #00a0dd;
  line-height: 54px;
  border-radius: 10px 0;
  opacity: .2;
  -webkit-transition: all .4s ease;
  transition: all .4s ease
}

body.home .slider-btns>a.next::before,
body.home .slider-btns>a.prev::before {
  content: '';
  position: absolute;
  display: inline-block;
  width: 11px;
  height: 17px;
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/arrow-right-white-large.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat
}

body.home .slider-btns>a.next:hover,
body.home .slider-btns>a.prev:hover {
  opacity: 1
}

body.home .slider-btns>a.prev::before {
  -webkit-transform: translate(-50%, -50%) rotate(-180deg);
  transform: translate(-50%, -50%) rotate(-180deg)
}

body.home .slider-btns>a.next {
  float: right
}

@media (min-width:992px) {
  body.home .slider {
    position: relative;
    height: 656px;
    overflow: hidden
  }

  body.home .slider #slides {
    height: inherit
  }

  body.home .slider #slides .slide .picture-container {
    height: 656px
  }

  body.home .slider #slides .owl-dots {
    padding-right: 20px;
    padding-left: 20px;
    margin-right: auto;
    margin-left: auto;
    position: absolute;
    bottom: 47px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
  }

  body.home .slider #slides .owl-dots .owl-dot {
    width: 16px;
    height: 16px;
    background-color: #fff;
    border-radius: 50%
  }

  body.home .slider #slides .owl-dots .owl-dot.active {
    background-color: #00a0dd
  }

  body.home .slider #slides .owl-dots .owl-dot:not(:last-child) {
    margin-right: 16px
  }

  body.home .slider>div.container {
    position: absolute;
    top: 85px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    pointer-events: none;
    z-index: 1
  }

  body.home .slider>div.container .slider-content {
    max-width: 485px;
    background-color: rgba(255, 255, 255, .9);
    padding: 40px;
    border-radius: 25px 0;
    pointer-events: all
  }

  body.home .slider>div.container .slider-content h1 {
    color: #1e3b72;
    margin-bottom: 22px;
    line-height: 1.19
  }

  body.home .slider>div.container .slider-content-btns {
    margin-top: 30px;
    margin-bottom: -15px
  }

  body.home .slider>div.container .slider-content-btns>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-bottom: 15px
  }

  body.home .slider>div.container .slider-content-btns>:not(:last-child) {
    margin-right: 16px
  }
}

@media (min-width:992px) and (min-width:992px) {
  body.home .slider #slides .owl-dots {
    width: 952px
  }
}

@media (min-width:992px) and (min-width:1200px) {
  body.home .slider #slides .owl-dots {
    width: 1160px
  }
}

@media (min-width:992px) and (min-width:1600px) {
  body.home .slider #slides .owl-dots {
    width: 1200px
  }
}

@media (min-width:992px) and (min-width:1200px) {
  body.home .slider #slides .owl-dots-small {
    width: 1015px
  }
}

@media (min-width:992px) and (min-width:992px) and (max-width:1199px) {
  body.home .slider>div.container .slider-content {
    max-width: 445px;
    padding: 30px
  }

  body.home .slider>div.container .slider-content-btns .btn {
    font-size: .94rem
  }
}

@media (max-width:991px) {
  body.home .slider h1 {
    color: #1e3b72
  }

  body.home .slider #slides {
    position: relative;
    height: 203px;
    margin-bottom: 20px;
    overflow: hidden
  }

  body.home .slider #slides::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 65px;
    background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/swirl/white-top.svg);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    pointer-events: none;
    z-index: 1
  }

  body.home .slider #slides .slide .picture-container {
    height: 203px
  }

  body.home .slider #slides .owl-dots {
    display: none
  }

  body.home .slider>div.container .slider-content h1 {
    margin-bottom: 29px
  }

  body.home .slider>div.container .slider-content-btns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

  body.home .slider>div.container .slider-content-btns>* {
    max-width: 100%
  }

  body.home .slider>div.container .slider-content-btns>.btn:not(:last-child) {
    margin-bottom: 8px
  }

  body.home .slider>div.container .slider-content-btns>.btn-arrow::after {
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }

  body.home .slider>div.container .slider-content-btns>.btn-arrow-down::after {
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg)
  }
}

@media (max-width:586px) {
  body.home .slider #slides::before {
    height: 38px
  }
}

body.home #home-townships {
  position: relative;
  background-color: #dcedfa
}

body.home #home-townships h2 {
  margin-bottom: 20px
}

@media (min-width:992px) {
  body.home #home-townships {
    margin-top: 25px;
    padding-top: 20px;
    padding-bottom: 60px
  }

  body.home #home-townships:before {
    content: '';
    position: absolute;
    top: -130px;
    left: 0;
    right: 0;
    height: 130px;
    background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/swirl/tertiary-blue-top.svg);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    pointer-events: none;
    z-index: 1
  }
}

@media (min-width:768px) {
  body.home #home-townships .township-post>.picture-container {
    padding-top: 63.63636364%
  }

  body.home #home-townships .township-post .township-post-content {
    padding: 7px 18px 9px
  }
}

@media (max-width:991px) {
  body.home #home-townships {
    margin-top: 40px;
    padding-top: 40px;
    padding-bottom: 38px
  }
}

@media (max-width:767px) {
  body.home #home-townships .township-content .townships.row>div {
    max-width: 100%;
    width: 100%
  }

  body.home #home-townships .township-content .townships.row .township-post {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 2px;
    border-radius: 0
  }

  body.home #home-townships .township-content .townships.row .township-post>.picture-container {
    width: 50px;
    min-height: 50px;
    height: 100%;
    padding-top: 0
  }

  body.home #home-townships .township-content .townships.row .township-post .township-post-content {
    background-color: #fff;
    padding: 12px 16px
  }

  body.home #home-townships .township-content .townships.row .township-post .township-post-content h4 {
    color: #1e3b72
  }

  body.home #home-townships .township-content .townships.row .township-post .township-post-content h4:after {
    background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/arrow-right-primary.svg)
  }
}

body.home #home-support {
  position: relative
}

body.home #home-support h2 {
  margin-bottom: 20px
}

body.home #home-support-blocks .home-support-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #dcedfa;
  margin-bottom: 0;
  padding: 50px 12px 30px;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all .4s ease;
  transition: all .4s ease
}

body.home #home-support-blocks .home-support-block>* {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

body.home #home-support-blocks .home-support-block>* {
  max-width: 100%
}

body.home #home-support-blocks .home-support-block>* {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

body.home #home-support-blocks .home-support-block:first-child {
  border-top-left-radius: 30px
}

body.home #home-support-blocks .home-support-block:last-child {
  border-bottom-right-radius: 30px
}

body.home #home-support-blocks .home-support-block:not(:last-child) {
  margin-right: 2px
}

body.home #home-support-blocks .home-support-block .picture-container {
  margin-bottom: 12px
}

body.home #home-support-blocks .home-support-block p strong {
  font-family: "Cocon OT", sans-serif;
  color: #1e3b72;
  line-height: 1.44rem
}

body.home #home-support-blocks .home-support-block:hover {
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, .2);
  box-shadow: 0 10px 30px rgba(0, 0, 0, .2)
}

@media (min-width:992px) {
  body.home #home-support {
    margin-top: 50px;
    margin-bottom: 60px
  }

  body.home #home-support-blocks .home-support-block {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0
  }
}

@media (max-width:991px) {
  body.home #home-support {
    margin-top: 40px;
    margin-bottom: 40px
  }
}

@media (min-width:767px) and (max-width:991px) {
  body.home #home-support-blocks {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: -2px
  }

  body.home #home-support-blocks .home-support-block {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 33%;
    flex: 0 1 33%;
    margin-bottom: 2px
  }
}

@media (max-width:767px) {
  body.home #home-support-blocks {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

  body.home #home-support-blocks>* {
    max-width: 100%
  }

  body.home #home-support-blocks .home-support-block {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-right: 0;
    padding: 20px 20px 20px 24px;
    text-align: left
  }

  body.home #home-support-blocks .home-support-block>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
  }

  body.home #home-support-blocks .home-support-block:first-child {
    border-top-right-radius: 30px
  }

  body.home #home-support-blocks .home-support-block:last-child {
    border-bottom-left-radius: 30px
  }

  body.home #home-support-blocks .home-support-block:not(:last-child) {
    margin-bottom: 2px
  }

  body.home #home-support-blocks .home-support-block .picture-container {
    width: 40px;
    height: 40px;
    margin-bottom: 0;
    margin-right: 20px
  }
}

@media (min-width:1921px) and (max-width:3000px) {
  body.home #home-support {
    margin-top: 60px
  }

  body.home #home-support:before {
    top: -200px;
    height: 200px
  }
}

@media (min-width:3001px) {
  body.home #home-support {
    margin-top: 85px
  }

  body.home #home-support:before {
    top: -260px;
    height: 260px
  }
}

body.home #home-highlight .picture-container {
  border-radius: 30px 0
}

body.home #home-highlight h2 {
  margin-bottom: 33px
}

body.home #home-highlight .btn.btn-arrow:last-child {
  margin-top: 10px
}

@media (min-width:992px) {
  body.home #home-highlight .picture-container {
    height: 395px
  }
}

@media (max-width:991px) {
  body.home #home-highlight .picture-container {
    width: 100%;
    height: 300px;
    margin-bottom: 20px
  }
}

@media (max-width:767px) {
  body.home #home-highlight .picture-container {
    height: 183px
  }
}

body.home #home-latest-news {
  position: relative;
  background-color: #dcedfa;
  margin-top: 190px;
  padding-top: 40px;
  padding-bottom: 80px
}

body.home #home-latest-news::before {
  content: '';
  position: absolute;
  top: -130px;
  left: 0;
  right: 0;
  height: 130px;
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/swirl/tertiary-blue-top.svg);
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  z-index: 1
}

body.home #home-latest-news h2 {
  margin-bottom: 20px
}

body.home #home-latest-news h2+.snippet p,
body.home #home-latest-news h2+p {
  margin-bottom: 15px
}

body.home #home-latest-news .social-icons {
  margin-bottom: 4px
}

body.home #home-latest-news .news-post-content {
  background-color: #fff
}

@media (min-width:992px) {
  body.home #home-latest-news {
    margin-bottom: -88px
  }
}

@media (min-width:1921px) {
  body.home #home-latest-news {
    margin-bottom: -118px
  }
}

@media (max-width:991px) {
  body.home #home-latest-news {
    margin-top: 126px;
    margin-bottom: -114px
  }

  body.home #home-latest-news::before {
    top: -66px;
    height: 66px
  }

  body.home #home-latest-news .text-right {
    text-align: right
  }
}

@media (max-width:767px) {
  body.home #home-latest-news {
    margin-top: 115px;
    margin-bottom: -96px;
    padding-bottom: 100px
  }

  body.home #home-latest-news::before {
    top: -55px;
    height: 55px
  }
}

@media (min-width:1921px) and (max-width:3000px) {
  body.home #home-latest-news {
    margin-top: 260px
  }

  body.home #home-latest-news:before {
    top: -200px;
    height: 200px
  }
}

@media (min-width:3001px) {
  body.home #home-latest-news {
    margin-top: 320px
  }

  body.home #home-latest-news:before {
    top: -260px;
    height: 260px
  }
}

.home-banner {
  position: relative
}

.home-banner>.container {
  position: absolute;
  bottom: 100px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  pointer-events: none;
  z-index: 1
}

.home-banner .banner-search-form {
  width: 100%;
  background-image: linear-gradient(131deg, rgba(18, 87, 138, .85) 0, rgba(0, 163, 224, .85) 100%);
  padding: 24px 50px;
  border-radius: 20px 0;
  pointer-events: all
}

.home-banner .banner-search-form h1 {
  margin-bottom: 23px;
  line-height: 3.13rem;
  color: #fff
}

.home-banner .banner-search-form a {
  color: #fff;
  text-decoration: underline
}

.home-banner .banner-search-form a:hover {
  text-decoration: none
}

.home-banner .banner-search-form label {
  color: #fff
}

@media (min-width:992px) and (max-width:1199px) {
  .home-banner .banner-search-form {
    max-width: 436px;
    padding: 22px
  }

  .home-banner .banner-search-form-btns .btn {
    font-size: .94rem
  }
}

#contact-banner {
  position: relative;
  margin-top: 50px
}

#contact-banner .swirl {
  position: absolute;
  top: -1px;
  left: -4px;
  right: 0;
  width: calc(100% + 5px);
  z-index: 1
}

#contact-banner .swirl img {
  max-width: calc(100% + 5px);
  width: calc(100% + 5px)
}

#contact-banner .picture-container {
  width: 100%;
  background-position: top center
}

#contact-banner .picture-container img {
  -o-object-position: top;
  object-position: top
}

@media (min-width:992px) {
  #contact-banner {
    margin-bottom: -92px
  }

  #contact-banner .picture-container {
    height: 1045px
  }
}

@media (min-width:1921px) {
  #contact-banner {
    margin-bottom: -160px
  }

  #contact-banner::before {
    background-size: contain;
    background-repeat: repeat-x
  }
}

@media (max-width:991px) {
  #contact-banner {
    margin-bottom: -114px
  }

  #contact-banner::before {
    height: 64px
  }

  #contact-banner .picture-container {
    height: 500px
  }
}

.page-template-page-contact .contact-blocks {
  margin-bottom: -30px
}

.page-template-page-contact .contact-blocks>[class^=col-] {
  position: relative
}

.page-template-page-contact .contact-blocks .block-theme {
  margin-bottom: 30px
}

.page-template-page-contact .contact-blocks .block-theme h2,
.page-template-page-contact .contact-blocks .block-theme h3,
.page-template-page-contact .contact-blocks .block-theme h4 {
  color: #1e3b72
}

.page-template-page-contact .contact-blocks .block-theme .btn:last-child {
  margin-top: auto
}

.page-template-page-contact .block-theme .btn.btn-block {
  margin-bottom: 12px
}

.page-template-page-contact .block-theme h2:not(:last-child),
.page-template-page-contact .block-theme h3:not(:last-child),
.page-template-page-contact .block-theme h4:not(:last-child) {
  margin-bottom: 13px
}

#callback-popup {
  position: fixed;
  top: 50%;
  left: 50%;
  max-width: calc(100% - 20px * 2);
  max-height: calc(100% - 20px * 2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 600px;
  height: auto;
  background-color: #fff;
  border-radius: 10px 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 9999998
}

#callback-popup>* {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

#callback-popup>* {
  max-width: 100%
}

#callback-popup-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, .75);
  opacity: 0;
  visibility: hidden;
  z-index: 999999
}

#callback-popup-wrapper.open {
  opacity: 1;
  visibility: visible
}

#callback-popup-close {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  position: absolute;
  top: -46px;
  right: 0;
  width: 26px;
  height: 26px;
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/close-white.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  z-index: 9999999
}

#callback-popup-header {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background: #12578a;
  background: linear-gradient(130deg, #12578a 0, #00a3e0 100%);
  padding: 10px 40px;
  border-top-left-radius: 10px
}

#callback-popup-header h3 {
  margin-bottom: 0;
  color: #fff;
  font-size: 1.38rem;
  line-height: 2.5rem
}

#callback-popup-content {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  overflow-y: auto
}

@media (min-width:992px) {
  #callback-popup-content {
    padding: 30px 40px
  }
}

@media (max-width:991px) {
  #callback-popup-content {
    padding: 15px 20px
  }
}

#callback-popup .wpcf7 a:not(:last-child),
#callback-popup .wpcf7 p:not(:last-child) {
  margin-bottom: 0
}

#callback-popup .wpcf7-form {
  display: table;
  width: 100%;
  clear: both
}

#callback-popup .wpcf7-form textarea {
  min-height: 164px;
  height: 164px
}

#callback-popup .wpcf7 .submit-wrapper {
  float: right
}

#callback-popup .wpcf7 .submit-wrapper .ajax-loader {
  top: auto;
  bottom: -23px;
  right: 0;
  -webkit-transform: none;
  transform: none
}

@media (max-width:991px) {
  #callback-popup .wpcf7 .submit-wrapper+p {
    float: left
  }
}

@media (min-width:451px) {
  #callback-popup .wpcf7 .submit-wrapper+p {
    line-height: 48px
  }
}

@media (max-width:450px) {
  #callback-popup .wpcf7 .submit-wrapper {
    width: 100%;
    margin-bottom: 10px
  }
}

#callback-popup .wpcf7 ::-webkit-input-placeholder {
  color: #1a1516
}

#callback-popup .wpcf7 ::-moz-placeholder {
  color: #1a1516
}

#callback-popup .wpcf7 :-ms-input-placeholder {
  color: #1a1516
}

#callback-popup .wpcf7 :-moz-placeholder {
  color: #1a1516
}

.page-template-page-liveblog h2.liveblog-title {
  margin-top: 24px
}

.page-template-page-liveblog .liveblog-items {
  margin-bottom: 60px
}

.page-template-page-liveblog .liveblog-items .live-blog-item {
  display: none;
  background-color: #d8eefc;
  margin-bottom: 16px;
  padding: 24px;
  border-radius: 30px 0
}

.page-template-page-liveblog .liveblog-items .live-blog-item__active {
  display: block
}

.page-template-page-liveblog .liveblog-items .live-blog-item-datetime {
  color: #1e3b72
}

.page-template-page-liveblog .liveblog-items .live-blog-item-datetime:not(:last-child) {
  margin-bottom: 8px
}

.page-template-page-liveblog .liveblog-items .live-blog-item h4 {
  color: #1e3b72
}

.page-template-page-liveblog .liveblog-items .live-blog-item h4:not(:first-child) {
  margin-top: 0
}

.page-template-page-liveblog .liveblog-items .live-blog-item h4:not(:last-child) {
  margin-bottom: 8px
}

.page-template-page-liveblog .liveblog-items.open .live-blog-item {
  display: block
}

.page-template-page-liveblog .liveblog-items .btn-older-liveblog-items span {
  margin-left: 5px;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit
}

@media (min-width:992px) {
  .page-template-page-liveblog .liveblog-items {
    margin-bottom: 100px
  }
}

.apartment-post .picture-container {
  height: 284px
}

.apartment-post-content {
  padding: 20px 20px 40px
}

.apartment-post-content:after {
  content: '';
  position: absolute;
  bottom: 25px;
  right: 25px;
  width: 8px;
  height: 12px;
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/arrow-right-secondary-blue.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1
}

.apartment-post-content h4 {
  margin-bottom: 10px
}

.apartment-post-content ul li {
  color: #1a1516
}

.single-apartment-details {
  margin-top: 16px;
  margin-bottom: 20px
}

.single-apartment-details-title {
  font-family: "Cocon OT", sans-serif;
  color: #1e3b72
}

.single-apartment-details-price {
  font-size: .88rem
}

.single-apartment-details-price strong {
  font-size: 1rem
}

.single-apartment-details-bedrooms,
.single-apartment-details-surface {
  position: relative
}

.single-apartment-details-bedrooms:before,
.single-apartment-details-surface:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1
}

.single-apartment-details-surface {
  padding-left: 48px
}

.single-apartment-details-surface:before {
  width: 28px;
  height: 28px;
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/surface-secondary-blue.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat
}

.single-apartment-details-bedrooms {
  padding-left: 40px
}

.single-apartment-details-bedrooms:before {
  width: 20px;
  height: 30px;
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/bedrooms-secondary-blue.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat
}

@media (max-width:991px) {
  .single-apartment-details {
    margin-bottom: 10px
  }

  .single-apartment-details-bedrooms,
  .single-apartment-details-price,
  .single-apartment-details-surface {
    margin-bottom: 10px
  }

  .single-apartment-details-bedrooms,
  .single-apartment-details-surface {
    padding-left: 53px
  }

  .single-apartment-details-bedrooms:before,
  .single-apartment-details-surface:before {
    left: 15px
  }
}

.single-apartment-groundplan h2 {
  margin-bottom: 16px
}

@media (min-width:992px) {
  .single-apartment-groundplan h2 {
    margin-top: -12px
  }
}

.single-apartment-groundplan a.groundplan-img {
  position: relative;
  display: block;
  text-align: center;
  border: 1px solid #d5dde3
}

.single-apartment-groundplan a.groundplan-img:after {
  content: '';
  position: absolute;
  bottom: 20px;
  right: 20px;
  width: 20px;
  height: 20px;
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/zoom-secondary-blue.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none
}

.single-apartment-groundplan a.groundplan-img .picture-container {
  max-width: 100%;
  height: 300px
}

.single-apartment-groundplan a.groundplan-img:hover .picture-container.IE-browser,
.single-apartment-groundplan a.groundplan-img:hover .picture-container:not(.IE-browser) img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}

@media (min-width:992px) {
  .single-apartment-gallery .wp-block-gallery .blocks-gallery-item {
    height: 284px
  }
}

.related-apartments h2:not(:last-child),
.single-apartment-gallery h2:not(:last-child) {
  margin-bottom: 20px
}

main>.container .single-apartment-details-title:not(:last-child),
main>.container-fluid .single-apartment-details-title:not(:last-child) {
  margin-bottom: 0
}

.single-apartments .picture-container.banner-img {
  height: 393px
}

html.font-large .single-apartments .picture-container.banner-img {
  height: 403px
}

.vacature-contact {
  background-color: #dcedfa;
  padding: 25px;
  border-radius: 30px 0
}

.vacature-contact .info-contact h4 {
  margin-top: 0
}

.vacature-contact .info-contact a {
  color: #1c3974;
  text-decoration: underline
}

.vacature-contact .info-contact a:hover {
  text-decoration: none
}

.vacature-contact .btn {
  margin-top: 25px
}

.vacancy-post .picture-container {
  height: 257px
}

.vacancy-post-content {
  padding: 20px
}

.vacancy-post-content h4 {
  margin-bottom: 40px
}

.vacancies-snippet {
  padding: 40px 0
}

.vacancies-snippet a {
  margin-bottom: 20px;
  margin-right: 15px;
  display: inline-block;
  vertical-align: middle
}

.vacancies-snippet a:not(.btn) {
  color: #00a0dd
}

#archive-vacancies {
  padding: 40px
}

.stories-posts {
  margin-top: 36px
}

.stories-posts .block-post:not(:last-child) {
  margin-bottom: 40px
}

.stories-posts .block-post .block-post-img {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.stories-posts .block-post .block-post-img .picture-container {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  min-height: 100%;
  padding: 75% 0 0 0
}

.stories-posts .block-post .block-post-img .picture-container img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}

@media (min-width:992px) {
  .stories-posts .block-post .block-post-content {
    padding: 32px 60px
  }

  .stories-posts .block-post .block-post-content h2+:not(.subtitle) {
    margin-top: 27px
  }

  .stories-posts .block-post .block-post-content .description:not(:last-child) {
    margin-bottom: 40px
  }
}

@media (min-width:1600px) {
  .stories-posts .block-post .block-post-content {
    padding: 80px 120px
  }
}

@media (min-width:768px) {
  .stories-posts .block-post .block-post-img {
    width: 50%
  }

  .stories-posts .block-post .block-post-img .picture-container:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 0;
    height: 0;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-right: 10px solid #dcedfa;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }

  .stories-posts .block-post:nth-child(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
  }

  .stories-posts .block-post:nth-child(even) .block-post-img .picture-container:after {
    right: auto;
    left: 0;
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg)
  }
}

@media (max-width:767px) {
  .stories-posts .block-post {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .stories-posts .block-post:not(:last-child) {
    margin-bottom: 20px
  }

  .stories-posts .block-post .block-post-img {
    position: relative;
    width: 100%;
    padding: 75% 75% 0 0;
    max-height: 555px
  }

  .stories-posts .block-post .block-post-img .picture-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    padding: 0
  }
}

@media (max-width:991px) {
  .stories-posts {
    margin-top: 20px
  }
}

.page-template-archive-stories .content-block {
  margin-top: 50px
}

@media (max-width:991px) {
  .page-template-archive-stories .content-block {
    margin-top: 20px
  }
}

.single-stories main .breadcrumbs+.offset-top-2 {
  margin-top: 50px
}

@media (max-width:991px) {
  .single-stories main .breadcrumbs+.offset-top-2 {
    margin-top: 20px
  }
}

.single-stories #latest-stories {
  position: relative;
  background-color: #dcedfa
}

@media (min-width:992px) {
  .single-stories #latest-stories.offset-top-1 {
    margin-top: 218px
  }
}

@media (max-width:991px) {
  .single-stories #latest-stories.offset-top-1 {
    margin-top: 142px
  }
}

@media (max-width:767px) {
  .single-stories #latest-stories.offset-top-1 {
    margin-top: 112px
  }
}

.single-stories #latest-stories:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/swirl/tertiary-blue-top.svg);
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  z-index: -1
}

.single-stories #latest-stories h2 {
  font-size: 2.5rem
}

.single-stories #latest-stories h2:not(:last-child) {
  margin-bottom: 20px
}

.single-stories #latest-stories .stories-posts {
  margin-top: 30px
}

.single-stories #latest-stories .stories-posts .block-post .block-post-img .picture-container:after {
  border-right-color: #fff
}

.single-stories #latest-stories .stories-posts .block-post-content {
  background-color: #fff
}

@media (max-width:991px) {
  .single-stories #latest-stories .stories-posts {
    margin-top: 20px
  }
}

@media (min-width:992px) {
  .single-stories #latest-stories {
    padding-top: 80px;
    padding-bottom: 120px
  }

  .single-stories #latest-stories:before {
    top: -122px;
    height: 122px
  }

  .single-stories #latest-stories .stories-posts .block-post .block-post-content {
    padding: 32px
  }
}

@media (min-width:1921px) {
  .single-stories #latest-stories:before {
    background-size: contain;
    background-repeat: repeat-x
  }
}

@media (max-width:991px) {
  .single-stories #latest-stories {
    padding-top: 40px;
    padding-bottom: 110px
  }

  .single-stories #latest-stories:before {
    top: -82px;
    height: 82px
  }

  .single-stories #latest-stories h2 {
    font-size: 1.88rem
  }
}

@media (max-width:767px) {
  .single-stories #latest-stories:before {
    top: -52px;
    height: 52px
  }
}

@media (min-width:992px) {
  .single-stories #latest-stories {
    margin-bottom: -94px
  }
}

@media (min-width:1921px) {
  .single-stories #latest-stories {
    margin-bottom: -116px
  }
}

@media (max-width:991px) {
  .single-stories #latest-stories {
    margin-bottom: -112px
  }
}

@media (min-width:1240px) {
  .container:not(.container-small) {
    width: 1200px
  }
}

a,
p {
  color: #1a1516
}

ol li,
ul li {
  color: #1a1516
}

@media (max-width:991px) {
  main {
    padding-top: 0
  }
}

.row>* {
  max-width: 100%
}

.vacancies-snippet .ic-svg {
  color: inherit
}

.mobile-slider-btns-wrapper .slider-btns,
body.home .mobile-slider-btns-wrapper .slider-btns {
  position: relative;
  top: 0;
  right: auto;
  left: auto;
  width: 90px;
  -webkit-transform: none;
  transform: none
}

.mobile-slider-btns-wrapper .slider-btns a.next,
.mobile-slider-btns-wrapper .slider-btns a.prev,
body.home .mobile-slider-btns-wrapper .slider-btns a.next,
body.home .mobile-slider-btns-wrapper .slider-btns a.prev {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 30px;
  border-radius: 5px 0;
  opacity: 1
}

.mobile-slider-btns-wrapper .slider-btns a.next:before,
.mobile-slider-btns-wrapper .slider-btns a.prev:before,
body.home .mobile-slider-btns-wrapper .slider-btns a.next:before,
body.home .mobile-slider-btns-wrapper .slider-btns a.prev:before {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.mobile-slider-btns-wrapper .slider-btns a.next.disabled,
.mobile-slider-btns-wrapper .slider-btns a.prev.disabled,
body.home .mobile-slider-btns-wrapper .slider-btns a.next.disabled,
body.home .mobile-slider-btns-wrapper .slider-btns a.prev.disabled {
  opacity: .2
}

.mobile-slider-btns-wrapper .slider-btns>a.prev:before,
body.home .mobile-slider-btns-wrapper .slider-btns>a.prev:before {
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
  transform: translate(-50%, -50%) rotate(180deg)
}

.mobile-slider-btns-wrapper .slider-btns>a.next,
body.home .mobile-slider-btns-wrapper .slider-btns>a.next {
  float: none
}

@media (max-width:991px) {

  .mobile-slider-btns-wrapper,
  body.home .mobile-slider-btns-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }

  .mobile-slider-btns-wrapper>*,
  body.home .mobile-slider-btns-wrapper>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
  }

  .mobile-slider-btns-wrapper>:not(.slider-btns),
  body.home .mobile-slider-btns-wrapper>:not(.slider-btns) {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
  }

  .mobile-slider-btns-wrapper .slider-btns,
  body.home .mobile-slider-btns-wrapper .slider-btns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
  }

  .mobile-slider-btns-wrapper .slider-btns:last-child,
  body.home .mobile-slider-btns-wrapper .slider-btns:last-child {
    margin-left: 20px
  }
}

.return-to-archive {
  display: inline-block;
  margin-top: 8px;
  margin-bottom: 8px;
  font-family: "Cocon OT", sans-serif;
  color: #1e3b72
}

.return-to-archive:before {
  content: '';
  display: inline-block;
  width: 8px;
  height: 12px;
  margin-right: 8px;
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/arrow-right-primary.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.return-to-archive:hover {
  text-decoration: none
}

.wp-block-embed.is-type-video.wp-embed-aspect-16-9>.wp-block-embed__wrapper {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%
}

.wp-block-embed.is-type-video.wp-embed-aspect-16-9>.wp-block-embed__wrapper>iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0
}

i[class^=ic-] {
  display: inline-block;
  width: 16px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center left;
  vertical-align: middle
}

i[class^=ic-]:last-child {
  margin-left: 8px
}

i.ic-svg {
  color: #fff
}

i.ic-svg g,
i.ic-svg path,
i.ic-svg svg {
  fill: currentColor;
  color: inherit
}

i.ic-user {
  width: 18px;
  height: 18px;
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/ic-user-white.svg);
  background-size: 18px 18px
}

i.ic-hours-secondary-blue {
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/ic-hours-secondary-blue.svg);
  background-size: 16px 16px
}

i.ic-location-secondary-blue {
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/ic-location-secondary-blue.svg);
  background-size: 12px 16px
}

i.ic-function-secondary-blue {
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/ic-function-secondary-blue.svg);
  background-size: 16px 13px
}

i.ic-cao-secondary-blue {
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/ic-cao-secondary-blue.svg);
  background-size: 13px 17px
}

i.ic-salary-secondary-blue {
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/ic-salary-secondary-blue.svg);
  background-size: 16px 13px
}

i.ic-calendar-secondary-blue {
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/ic-calendar-secondary-blue.svg);
  background-size: 16px 15px
}

header nav #navbar .navbar-nav-top>li>a {
  font-family: Arial, Helvetica, sans-serif
}

header nav #navbar .navbar-nav-top>li>a[target="_blank"]:after {
  content: '';
  display: inline-block;
  width: 19px;
  height: 16px;
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/target-blank-primary.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-left: 8px;
  vertical-align: middle
}

@media (min-width:992px) {
  header nav #navbar .navbar-brand {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: auto;
    height: auto;
    text-decoration: none
  }

  header nav #navbar .navbar-brand>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
  }

  header nav #navbar .navbar-brand p {
    margin: 14px 20px 0 0;
    font-size: 16px
  }

  header nav #navbar .navbar-brand .picture-container {
    width: 162px;
    height: 60px
  }

  header nav #navbar>.order-md-2 {
    background: #d2451e;
    background: linear-gradient(130deg, #f9b41d 0, #cd482b 100%)
  }

  header nav #navbar #search-form-header {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: initial;
    width: auto;
    height: auto;
    margin-right: 24px;
    overflow: hidden;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
  }

  header nav #navbar #search-form-header form input[type=search] {
    border-color: #00a0dd
  }

  header nav #navbar .search-form-button+#search-form-header {
    width: 0
  }

  header nav #navbar .ic-user:last-child {
    margin-left: 12px
  }
}

@media (max-width:599px) {
  header nav #navbar .btn {
    width: 100%;
    text-align: center
  }
}

header nav .navbar-brand p {
  font-family: "Cocon OT", sans-serif;
  color: #1e3b72
}

header nav .navbar-header .navbar-toggle .navbar-toggle-text {
  font-family: "Cocon OT", sans-serif
}

header .text-controls {
  margin-right: 48px
}

header .header-gradient {
  background: #d2451e
}

@media (max-width:991px) {
  header nav .navbar-header .navbar-brand {
    position: relative;
    top: auto;
    left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: center;
    align-self: center;
    width: auto;
    height: auto;
    -webkit-transform: none;
    transform: none;
    text-decoration: none
  }

  header nav .navbar-header .navbar-brand>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
  }

  header nav .navbar-header .navbar-brand p {
    margin: 1em 8px 0 0;
    font-size: 12px
  }

  header nav .navbar-header .navbar-brand .picture-container {
    width: 108px;
    height: 40px
  }

  header nav .navbar-header .navbar-toggle .navbar-toggle-text {
    font-size: 1.13rem
  }

  header nav #navbar .order-1 .navbar-nav:first-child:not(:last-child) {
    margin-bottom: 60px
  }

  header nav #navbar .navbar-nav.navbar-nav-top {
    margin-top: 16px;
    margin-bottom: 8px
  }

  header nav #navbar .navbar-nav.navbar-nav-top li,
  header nav #navbar .navbar-nav.navbar-nav-top li:first-child {
    border: none
  }

  header nav #navbar .navbar-nav.navbar-nav-top li a {
    line-height: 1.56rem
  }

  header .header-gradient {
    top: 100%
  }
}

footer a.main-site[target="_blank"]:after {
  content: '';
  display: inline-block;
  width: 19px;
  height: 16px;
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/target-blank-secondary-blue.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-left: 8px;
  vertical-align: middle
}

div:not(#callback-popup-content)form input:not([type=checkbox]):not([type=radio]):not([type=submit]) {
  border-color: #fff
}

.select-wrapper,
.select-wrapper .select-selected {
  min-height: 48px
}

.select-wrapper .select-selected {
  border-color: #fff
}

.select-wrapper .select-items div,
.select-wrapper .select-selected {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 400
}

label span.checkbox-wrapper,
label span.radio-wrapper {
  margin-right: 4px
}

label span.radio-wrapper input[type=radio]+.custom-radio {
  border: 5px solid #fff
}

label span.radio-wrapper input[type=radio]:checked+.custom-radio {
  border-color: #00a0dd
}

.content-block form label {
  color: #1e3b72;
  line-height: 2rem
}

.content-block form .wpcf7-checkbox label {
  line-height: 1.88rem
}

.content-block form .wpcf7-checkbox label,
.content-block form .wpcf7-checkbox label .wpcf7-list-item-label {
  font-family: Arial, Helvetica, sans-serif
}

.content-block form .wpcf7-checkbox label span.checkbox-wrapper input[type=checkbox]+.custom-checkbox {
  top: 4px
}

.content-block form .wpcf7-form-control.wpcf7-acceptance label span.checkbox-wrapper {
  margin-right: 8px
}

.content-block form .wpcf7-form-control.wpcf7-acceptance label span.checkbox-wrapper input[type=checkbox]+.custom-checkbox {
  top: 6px
}

.content-block form .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item-label {
  line-height: 1.88rem
}

.content-block form input:not([type=checkbox]):not([type=radio]):not([type=submit]) {
  border-color: #9cabb7
}

.content-block .select-wrapper .select-selected {
  border-color: #9cabb7
}

.content-block label span.radio-wrapper input[type=radio]+.custom-radio {
  border: 1px solid #00a0dd
}

.content-block label span.radio-wrapper input[type=radio]:checked+.custom-radio {
  border-width: 5px
}

.search-form form input[type=search]:not([type=checkbox]) {
  border-color: #abc2d4
}

@media (max-width:991px) {
  .btn-arrow:after {
    margin-left: 10px
  }
}

.wp-block-buttons .wp-block-button__link {
  background: #d2451e;
  background: linear-gradient(130deg, #f9b41d 0, #cd482b 100%)
}

.wp-block-buttons .wp-block-button__link:hover {
  background: #d2451e;
  background: linear-gradient(130deg, #cd482b 0, #f9b41d 100%)
}

/* @media (min-width:993px) {
  #google-maps .map-wrapper {
    max-width: 1162px !important
  }
} */

#google-maps-window-wrapper .google-maps-window-multi .google-maps-window-location-image {
  width: 140px;
  height: 107px
}

#google-maps-window-wrapper .info {
  margin-bottom: 8px
}

#google-maps-window-wrapper .info p:first-child {
  margin-left: 25px
}

#google-maps-window-wrapper .info p i {
  margin-left: 0;
  margin-right: 8px
}

@media (max-width:991px) {
  #google-maps-window-wrapper .info {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  #google-maps-window-wrapper .info p {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 100%
  }

  #google-maps-window-wrapper .info p:first-child {
    margin-left: 15px
  }
}

#google-maps .map-wrapper .map-search-form {
  margin-bottom: -10px
}

#google-maps .map-wrapper .map-search-form>* {
  margin-bottom: 10px
}

@media (min-width:992px) {
  #google-maps .map-wrapper .map-search-form>:not(:last-child) {
    margin-right: 20px
  }
}

#google-maps .map-wrapper .map-search-form .input-options-wrapper {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  width: auto
}

@media (min-width:992px) {
  #google-maps .map-wrapper .map-search-form .input-options-wrapper {
    min-width: 33%
  }
}

@media (min-width:992px) and (max-width:1199px) {
  #google-maps .map-wrapper .map-search-form .input-options-wrapper {
    margin-right: 0
  }
}

#google-maps .map-wrapper .map-search-form .input-options-wrapper:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 16px;
  width: 15px;
  height: 20px;
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/ic-locations-secondary-gradient.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1
}

#google-maps .map-wrapper .map-search-form .input-options-wrapper input[name=options] {
  width: 100%;
  margin-bottom: 0;
  padding-left: 39px
}

@media (min-width:992px) {
  #google-maps .map-wrapper .map-search-form .filter-radius {
    min-width: 248px
  }
}

@media (min-width:992px) and (max-width:1199px) {
  #google-maps .map-wrapper .map-search-form .filter-radius {
    width: 100%
  }
}

#google-maps .map-wrapper .map-search-form .filter-radius .select-wrapper .select-selected {
  padding-right: 40px
}

#google-maps .map-wrapper .map-search-form .filter-radius .select-selected:before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/ic-radius-secondary-gradient.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 8px;
  vertical-align: middle
}

#google-maps .map-wrapper .map-search-form .switch-view label {
  margin-right: 20px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 400;
  color: #fff
}

#google-maps .map-wrapper .map-search-form .switch-view label:last-child {
  margin-right: 0
}

@media (max-width:991px) {

  #google-maps .map-wrapper .map-search-form .filter-radius,
  #google-maps .map-wrapper .map-search-form .input-options-wrapper {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: calc(50% - 5px)
  }

  #google-maps .map-wrapper .map-search-form .input-options-wrapper {
    min-width: 110px
  }

  #google-maps .map-wrapper .map-search-form .filter-radius {
    margin-right: 0
  }

  #google-maps .map-wrapper .map-search-form-filters {
    font-size: 1rem
  }
}

#google-maps .map-wrapper.list-active {
  height: auto
}

#google-maps .map-wrapper.list-active #archive-vacancies {
  padding: 32px 40px 100px
}

#google-maps .map-wrapper.list-active .found-vacancies {
  color: #1e3b72;
  font-family: "Cocon OT", sans-serif;
  font-size: 1.88rem;
  line-height: 2rem
}

#google-maps .map-wrapper.list-active .sort-vacancies {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

#google-maps .map-wrapper.list-active .sort-vacancies>* {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

#google-maps .map-wrapper.list-active .sort-vacancies p {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin: 8px 10px 8px 0;
  color: #1e3b72;
  font-family: "Cocon OT", sans-serif;
  font-size: 1.13rem;
  line-height: 32px
}

#google-maps .map-wrapper.list-active .sort-vacancies .select-wrapper {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 200px;
  width: auto
}

#google-maps .map-wrapper.list-active .sort-vacancies .select-wrapper .select-selected {
  padding-right: 35px
}

#google-maps .map-wrapper.list-active .sort-vacancies .select-wrapper .select-selected:not(.select-arrow-active) {
  border-color: #9cabb7
}

@media (min-width:1600px) {
  #google-maps .map-wrapper.list-active .sort-vacancies {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
  }

  #google-maps .map-wrapper.list-active .sort-vacancies .select-wrapper {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    min-width: auto;
    width: calc((100% / 3 * 2) - 10px)
  }
}

@media (min-width:992px) and (max-width:1199px) {
  #google-maps .map-wrapper.list-active {
    max-width: calc(100% - 400px)
  }

  #google-maps .map-wrapper.list-active+.maps-filter {
    width: 400px
  }
}

@media (max-width:991px) {
  #google-maps .map-wrapper.list-active .found-vacancies {
    margin-bottom: 20px
  }
}

@media (max-width:991px) and (min-width:600px) {
  #google-maps .map-wrapper.list-active #archive-vacancies .row.row-eq-height>.col-xs-12 {
    width: 50%
  }
}

@media (min-width:992px) {

  #google-maps .map-wrapper #google-maps-frame,
  #google-maps .map-wrapper .ajax-responce {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: calc(100% - 108px)
  }

  #google-maps .map-wrapper .ajax-responce #google-maps-frame {
    height: 100%
  }
}

@media (max-width:991px) {
  #google-maps .maps-filter .vacancies-snippet {
    padding: 0 20px
  }

  #google-maps .maps-filter .vacancies-snippet>.snippet,
  #google-maps .maps-filter .vacancies-snippet>h2,
  #google-maps .maps-filter .vacancies-snippet>p {
    display: block;
    width: 100%
  }

  #google-maps #google-maps-frame {
    height: 500px
  }
}

.usp-section {
  background-color: #dcedfa;
  padding: 100px 0
}

.usp-section .usp-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.usp-section .usp-row>* {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.usp-section .usp-row:not(:last-child) {
  margin-bottom: 20px
}

.usp-section .usp-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 180px;
  padding: 30px;
  border-top-left-radius: 30px
}

.usp-section .usp-image>* {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.usp-section .usp-image .picture-container {
  max-width: 100%
}

.usp-section .usp-title {
  background-color: #1e3b72;
  padding: 30px;
  font-size: 1.25rem;
  line-height: 1.63rem;
  color: #fff
}

.usp-section .usp-title>* {
  display: block;
  word-break: break-word;
  overflow: hidden
}

.usp-section .usp-desc {
  background-color: #fff;
  padding: 30px
}

@media (min-width:992px) {
  .usp-section .usp-image {
    width: 22%
  }

  .usp-section .usp-title {
    width: 28%
  }

  .usp-section .usp-desc,
  .usp-section .usp-title {
    padding: 20px
  }
}

@media (min-width:992px) and (max-width:1199px) {
  .usp-section .usp-image {
    width: 20%
  }

  .usp-section .usp-title {
    width: 30%;
    font-size: 1.1rem
  }
}

@media (min-width:1600px) {

  .usp-section .usp-desc,
  .usp-section .usp-title {
    padding: 25px
  }
}

@media (max-width:991px) {
  .usp-section {
    padding: 50px 0
  }

  .usp-section h2 {
    margin-bottom: 20px;
    font-size: 1.88rem;
    line-height: 2.5rem
  }
}

/* .map-wrapper {
  max-width: 1200px !important;
  margin: 0 auto;
  padding: 0 15px
} */

.map-wrapper .banner-search-form {
  padding: 0 5px
}

.map-wrapper .banner-search-form>.row>.col-md-8 {
  padding: 0
}

.map-wrapper .job-alert {
  position: relative
}

.map-wrapper .job-alert a {
  bottom: 2.63em;
  position: absolute;
  right: 0
}

.home main .search-form,
.page-template-archive-vacancies main .search-form {
  background: linear-gradient(131.35deg, #12578a 60.67%, #00a3e0 100%);
  border-radius: 30px 0;
  padding: 20px 30px 0
}

.home main .search-form label,
.page-template-archive-vacancies main .search-form label {
  display: none
}

.home main .search-form .btn-search,
.page-template-archive-vacancies main .search-form .btn-search {
  float: right
}

.home main .search-form .col-md-2,
.page-template-archive-vacancies main .search-form .col-md-2 {
  padding-bottom: 1em
}

.vacancy-post .picture-container {
  position: relative;
  height: 0;
  padding: 75% 75% 0 0;
  margin: 0 !important
}

.vacancy-post .picture-container img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}

.vacancy-post .vacancy-function,
.vacancy-post .vacancy-hours,
.vacancy-post .vacancy-location {
  position: relative;
  padding-left: 24px
}

.vacancy-post .vacancy-function:not(:last-child),
.vacancy-post .vacancy-hours:not(:last-child),
.vacancy-post .vacancy-location:not(:last-child) {
  margin-bottom: 7px
}

.vacancy-post .vacancy-function:nth-last-child(2),
.vacancy-post .vacancy-hours:nth-last-child(2),
.vacancy-post .vacancy-location:nth-last-child(2) {
  margin-bottom: 24px
}

.vacancy-post .vacancy-function i,
.vacancy-post .vacancy-hours i,
.vacancy-post .vacancy-location i {
  position: absolute;
  top: .78rem;
  left: 0;
  margin-left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.vacancy-post .vacancy-post-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.vacancy-post .vacancy-post-content>* {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.vacancy-post .vacancy-post-content>* {
  max-width: 100%
}

.vacancy-post .vacancy-post-content h4 {
  margin-bottom: 16px
}

.vacancy-post .vacancy-post-content .btn {
  width: 100%;
  margin-top: auto;
  text-align: center
}

.vacancy-cat {
  background: #02a0dd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 0;
  border-radius: 30px 0;
  text-decoration: none;
  overflow: hidden;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
  position: relative
}

.vacancy-cat .picture-container {
  position: relative;
  height: 0;
  padding: 75% 75% 0 0;
  margin: 0 !important
}

.vacancy-cat .picture-container img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}

.vacancy-cat .vacancy-cat-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 15px
}

.vacancy-cat .vacancy-cat-content>* {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.vacancy-cat .vacancy-cat-content>* {
  max-width: 100%
}

.vacancy-cat .vacancy-cat-content h4 {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  margin: 0;
  display: block;
  width: 100%
}

.vacancy-cat .vacancy-cat-content h4::after {
  content: '';
  display: inline-block;
  width: 8px;
  height: 24px;
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/arrow-right-white.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-left: 24px;
  z-index: 1;
  float: right
}

.vacancy-cat>a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.vacancy-cat:hover {
  -webkit-box-shadow: 0 10px 30px rgba(30, 59, 114, .1);
  box-shadow: 0 10px 30px rgba(30, 59, 114, .1)
}

.vacancy-cat:hover>.picture-container.IE-browser,
.vacancy-cat:hover>.picture-container:not(.IE-browser) img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}

.vacancy-cat input[type=checkbox] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer
}

@media (max-width:767px) {
  .vacancy-cat {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    background: #fff;
    border-radius: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  .vacancy-cat .picture-container {
    padding: 16% 16% 0 0
  }

  .vacancy-cat .vacancy-cat-content {
    width: 84%
  }

  .vacancy-cat .vacancy-cat-content h4 {
    color: #1e3b72
  }

  .vacancy-cat .vacancy-cat-content h4::after {
    margin-left: auto;
    background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/arrow-right-primary.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
  }
}

#categories-vacancies {
  padding-top: 50px
}

#categories-vacancies h2 {
  color: #1e3b72;
  margin-bottom: 30px
}

#categories-vacancies .row>div {
  margin-bottom: 30px
}

@media (max-width:767px) {
  #categories-vacancies .row>div {
    margin-bottom: 2px
  }
}

#categories-vacancies .btn {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 30px 0;
  overflow: hidden;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px
}

#categories-vacancies .btn-light-blue {
  background-color: #02a0dd
}

#categories-vacancies .btn-dark-blue {
  background-color: #005a92
}

@media (max-width:767px) {
  #categories-vacancies {
    background: #dcedfa;
    padding-bottom: 40px
  }

  #categories-vacancies .btn {
    border-radius: 0;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left
  }

  #categories-vacancies .btn::after {
    margin-left: auto
  }
}

.page-template-archive-vacancies #google-maps .ajax-responce {
  min-height: 100px
}

.page-template-archive-vacancies footer {
  margin-top: -40px
}

@media (min-width:768px) and (max-width:991px) {
  .page-template-archive-vacancies footer {
    margin-top: -70px
  }
}

@media (min-width:401px) and (max-width:767px) {
  .page-template-archive-vacancies footer {
    margin-top: -50px
  }
}

.single-vacancies h1 {
  margin-bottom: 4px
}

.single-vacancies .vacancy-details {
  margin-bottom: 32px
}

.single-vacancies .vacancy-details p:not(:last-child) {
  margin-bottom: 8px
}

.single-vacancies .vacancy-details i:last-child {
  margin-left: 0;
  margin-right: 8px
}

@media (max-width:991px) {
  .single-vacancies .vacancy-details>div:not(:last-child) {
    margin-bottom: 8px
  }
}

.single-vacancies #vacancy-about .banner-img {
  margin-bottom: 24px;
  border-bottom-right-radius: 0
}

@media (max-width:991px) {
  .single-vacancies #vacancy-about .vacature-contact {
    position: sticky;
    bottom: 0;
    z-index: 9
  }
}

@media (min-width:992px) {
  .single-vacancies #vacancy-about .vacature-contact {
    display: none
  }
}

.single-vacancies .vacature-contact {
  padding: 22px 24px 32px
}

.single-vacancies .vacature-contact h2 {
  margin-bottom: 12px
}

.single-vacancies .vacature-contact h2+p {
  margin-bottom: 12px
}

.single-vacancies .vacature-contact .info-contact img.alignleft {
  margin-top: .5rem;
  margin-right: 16px;
  width: 120px;
  height: 120px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 30px 0 0 0
}

.single-vacancies .vacature-contact .info-contact h4 {
  margin: 0 0 8px
}

.single-vacancies .vacature-contact .info-contact>a {
  font-family: "Cocon OT", sans-serif;
  color: #1e3b72;
  text-decoration: underline
}

.single-vacancies .vacature-contact .info-contact>a:hover {
  text-decoration: none
}

.single-vacancies .vacature-contact .info-contact>a:not(:last-child) {
  margin-bottom: 8px
}

.single-vacancies .vacature-contact .info-contact a[href^='tel:'] {
  position: relative;
  display: inline-block;
  padding-left: 32px
}

.single-vacancies .vacature-contact .info-contact a[href^='tel:']:before {
  content: '';
  position: absolute;
  top: 2px;
  left: 0;
  width: 22px;
  height: 24px;
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/phone-primary.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat
}

.single-vacancies .vacature-contact .info-contact a[href^='mailto:'] {
  position: relative;
  display: inline-block;
  padding-left: 32px
}

.single-vacancies .vacature-contact .info-contact a[href^='mailto:']:before {
  content: '';
  position: absolute;
  top: 8px;
  left: 0;
  width: 24px;
  height: 16px;
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/email-primary.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat
}

.single-vacancies #latest-vacancies>.container {
  padding-left: 0;
  padding-right: 0
}

@media (min-width:1200px) {
  .single-vacancies #latest-vacancies>.container>.row>.col-md-6.col-xl-4 {
    width: 33.33%
  }
}

@media (min-width:600px) and (max-width:991px) {
  .single-vacancies #latest-vacancies>.container>.row>.col-xs-12 {
    width: 50%
  }
}

@media (min-width:1200px) and (max-width:1599px) {
  .single-vacancies .content-block {
    width: calc(100% - 400px)
  }

  .single-vacancies .content-block+div {
    width: 400px
  }
}

@media (min-width:992px) {
  .single-vacancies .col-xs-12.col-md-5.col-xl-4.hidden-xs.hidden-sm {
    position: sticky;
    -ms-flex-item-align: start;
    align-self: flex-start;
    top: 0
  }
}

#latest-vacancies h2 {
  margin-bottom: 20px
}

.categories-filter {
  background: #ddedfa;
  padding: 16px 30px;
  border-radius: 30px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.categories-filter h2 {
  font-size: 18px;
  line-height: 28px;
  color: #1e3b72;
  margin: 0
}

.categories-filter label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 0;
  margin-left: 30px;
  font-family: Arial, Helvetica, sans-serif;
  color: #1a1516;
  font-size: 1rem;
  line-height: 1.63rem;
  position: relative
}

.categories-filter label span.checkbox-wrapper input[type=checkbox]+.custom-checkbox {
  border-color: transparent
}

@media (max-width:767px) {
  .categories-filter {
    border-radius: 0;
    margin-bottom: 35px;
    padding: 10px 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -20px;
    margin-right: -20px
  }

  .categories-filter h2 {
    width: 100%
  }

  .categories-filter label {
    margin-right: 20px;
    margin-left: 0
  }
}

.single-township #archive-vacancies {
  padding: 40px 0;
  width: 100%
}

.vacancy-content .center {
  text-align: center
}

.vacancy-content .center a.btn.btn-secondary.btn-gradient.btn-arrow {
  display: none
}

@media (min-width:626px) {
  .page-template-page-job-alert .container-small {
    width: 586px
  }
}

.page-template-page-job-alert form>.row>div:not(:last-child) {
  margin-bottom: 12px
}

@media (min-width:626px) {

  .page-template-page-job-alert form>.row>div.col-md-6,
  .page-template-page-job-alert form>.row>div.col-sm-6 {
    width: 50%
  }
}

.page-template-page-job-alert form .select-wrapper,
.page-template-page-job-alert form input,
.page-template-page-job-alert form textarea {
  margin-bottom: 0
}

.page-template-page-job-alert form .wpcf7-form-control-wrap.location {
  display: block
}

.page-template-page-job-alert form .wpcf7-form-control-wrap.location:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 16px;
  width: 15px;
  height: 20px;
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/ic-locations-secondary-gradient.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1
}

.page-template-page-job-alert form .wpcf7-form-control-wrap.location input[type=text] {
  margin-bottom: 0;
  padding-left: 39px
}

.page-template-page-job-alert form .wpcf7-form-control-wrap.radius .select-wrapper .select-selected:before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/ic-radius-secondary-gradient.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 8px;
  vertical-align: middle
}

.page-template-page-job-alert form .remove-job-alert {
  margin-top: 12px
}

.page-template-page-job-alert form .submit-wrapper.btn-arrow input[type=submit] {
  width: calc(100% - 18px)
}

.page-template-page-job-alert form .submit-wrapper.btn-arrow input[type=submit]:disabled {
  cursor: no-drop
}

@media (min-width:992px) {
  .page-template-page-job-alert form .submit-wrapper.btn-arrow:after {
    margin-left: 10px
  }
}

@media (min-width:626px) {
  .page-template-page-job-alert form .submit-wrapper {
    float: right
  }
}

@media (max-width:625px) {
  .page-template-page-job-alert form .remove-job-alert {
    margin-top: 0;
    margin-bottom: 12px
  }

  .page-template-page-job-alert form .submit-wrapper {
    width: 100%;
    text-align: center
  }

  .page-template-page-job-alert form .submit-wrapper.btn-arrow input[type=submit] {
    float: none;
    width: auto;
    text-align: center
  }
}

.remove-job-alert {
  display: inline-block;
  color: #d4440d
}

.remove-job-alert:before {
  content: "\f2ed";
  display: inline-block;
  color: inherit;
  font-family: 'Font Awesome 5 free', sans-serif;
  font-size: 18px;
  line-height: 18px;
  margin-right: 4px;
  vertical-align: middle
}

.select-wrapper.wpcf7-not-valid .select-selected {
  background-color: #ffefeb
}

.job-alert-error {
  border: 2px solid red;
  padding: 15px;
  margin-top: 20px;
  color: red
}

.job-alert-success {
  border: 2px solid green;
  padding: 15px;
  margin-top: 20px;
  color: green
}

body.home .home-banner {
  position: relative;
  margin-bottom: 70px
}

body.home .home-banner>.container {
  z-index: 2
}

body.home .home-banner .banner-search-form {
  background: 0 0;
  padding: 0
}

body.home .home-banner .banner-search-form label {
  display: none
}

body.home .home-banner .banner-search-form h1 {
  margin-bottom: 20px
}

body.home .home-banner .banner-search-form .btn-job-alert {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

body.home .home-banner .banner-search-form .btn-job-alert a {
  margin-bottom: 15px
}

body.home .home-banner .banner-search-form .btn-job-alert a i {
  width: 24px
}

body.home .home-banner .banner-search-form .search-form {
  background: linear-gradient(131.35deg, #12578a 60.67%, #00a3e0 100%);
  border-radius: 30px 0;
  padding: 20px 30px 20px
}

body.home .home-banner .banner-search-form .taxonomy+.select-selected:before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 14px;
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/ic-functions-secondary-gradient.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 8px;
  vertical-align: middle
}

body.home .home-banner .banner-search-form .input-wrapper.ic-locations {
  position: relative;
  margin-bottom: 20px
}

body.home .home-banner .banner-search-form .input-wrapper.ic-locations:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 16px;
  display: inline-block;
  width: 15px;
  height: 20px;
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/ic-locations-secondary-gradient.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

body.home .home-banner .banner-search-form .input-wrapper.ic-locations input {
  margin-bottom: 0;
  padding-left: 39px
}

body.home .home-banner .banner-search-form .radius+.select-selected:before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/ic-radius-secondary-gradient.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 8px;
  vertical-align: middle
}

body.home .home-banner .banner-search-form a {
  font-family: "Cocon OT", sans-serif
}

body.home .home-banner .banner-search-form .row .row>div:not(:last-child) {
  padding-right: 0
}

@media (min-width:992px) {
  body.home .home-banner:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(30, 59, 114, 0)), to(#1e3b72));
    background: linear-gradient(180deg, rgba(30, 59, 114, 0) 0, #1e3b72 100%);
    pointer-events: none;
    z-index: 1
  }

  body.home .home-banner>.container {
    bottom: -20px
  }

  body.home .home-banner .banner-search-form {
    display: block;
    max-width: 100%
  }

  body.home .home-banner .banner-search-form .search-form .col-md-10 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding-right: 0
  }

  body.home .home-banner .banner-search-form .search-form .col-md-10>.row>div:not(:last-child) {
    padding-right: 0
  }

  body.home .home-banner .banner-search-form .search-form>.col-md-10,
  body.home .home-banner .banner-search-form .search-form>.col-md-2 {
    width: auto
  }

  body.home .home-banner .banner-search-form .search-form .btn-search {
    margin-top: 0;
    width: 100%
  }

  body.home .home-banner,
  body.home .home-banner .picture-container {
    height: 310px
  }

  body.home .home-banner .picture-container {
    width: 100%
  }
}

@media (max-width:991px) {
  body.home .home-banner .picture-container {
    display: block;
    width: 100%;
    max-height: 310px
  }

  body.home .home-banner>.container {
    position: relative;
    bottom: auto;
    left: auto;
    -webkit-transform: none;
    transform: none
  }

  body.home .home-banner .banner-search-form {
    position: relative;
    width: auto;
    margin-left: -20px;
    margin-right: -20px;
    padding: 0;
    background: 0 0;
    border-radius: 0;
    margin-top: -160px
  }

  body.home .home-banner .banner-search-form:before {
    display: none
  }

  body.home .home-banner .banner-search-form>.row {
    position: relative;
    margin: 0
  }

  body.home .home-banner .banner-search-form>.row::before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 150px;
    z-index: -1;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(30, 59, 114, 0)), to(#1e3b72));
    background: linear-gradient(180deg, rgba(30, 59, 114, 0) 0, #1e3b72 100%)
  }

  body.home .home-banner .banner-search-form .row .row>div.col-xs-12 {
    padding-right: 15px
  }

  body.home .home-banner .banner-search-form form .search-form {
    border-radius: 0;
    padding: 20px 15px 0
  }

  body.home .home-banner .banner-search-form form .search-form label {
    display: none
  }

  body.home .home-banner .banner-search-form form .search-form .select-wrapper {
    margin-bottom: 10px
  }

  body.home .home-banner .banner-search-form form .search-form .input-wrapper.ic-locations {
    margin-bottom: 0
  }

  body.home .home-banner .banner-search-form form .search-form>div>.row>.col-xs-6:not(:last-child) {
    padding-right: 5px
  }

  body.home .home-banner .banner-search-form form .search-form>div>.row>.col-xs-6:last-child {
    padding-left: 5px
  }

  body.home .home-banner .banner-search-form form .search-form .col-md-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  body.home .home-banner .banner-search-form form .search-form .col-md-2>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
  }

  body.home .home-banner .banner-search-form form .search-form .col-md-2 a {
    margin-right: 10px
  }

  body.home .home-banner .banner-search-form form .search-form .col-md-2 .btn,
  body.home .home-banner .banner-search-form form .search-form .col-md-2 a {
    margin-bottom: 10px
  }
}

@media (min-width:1921px) and (max-width:3000px) {
  body.home .home-banner:after {
    height: 200px
  }

  body.home .home-banner>.container {
    bottom: 230px
  }
}

@media (min-width:3001px) {
  body.home .home-banner:after {
    height: 260px
  }

  body.home .home-banner>.container {
    bottom: 290px
  }
}

body.home #latest-stories h2 {
  margin-bottom: 20px
}

body.home #latest-stories #latest-stories-wrapper {
  margin-bottom: 30px
}

body.home #latest-stories #latest-stories-wrapper.owl-carousel .owl-stage-outer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: visible
}

body.home #latest-stories #latest-stories-wrapper.owl-carousel .owl-stage-outer .owl-stage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

body.home #latest-stories #latest-stories-wrapper.owl-carousel .owl-stage-outer .owl-stage>* {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

body.home #latest-stories #latest-stories-wrapper.owl-carousel .owl-stage-outer .owl-stage .block-post {
  height: 100%
}

body.home #latest-stories #latest-stories-wrapper.owl-carousel .owl-stage-outer .owl-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

body.home #latest-stories #latest-stories-wrapper.owl-carousel .owl-stage-outer .owl-item>.col-xs-12.col-md-4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

body.home #latest-stories #latest-stories-wrapper.owl-carousel .owl-stage-outer .owl-item>.col-xs-12.col-md-4>a.news-post {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto
}

body.home #latest-stories #latest-stories-wrapper.owl-carousel .owl-stage-outer .owl-item:not(.active) {
  opacity: .2
}

body.home #latest-stories #latest-stories-wrapper.owl-carousel .owl-nav {
  position: absolute;
  top: 50%;
  right: -32px;
  left: -32px;
  height: 64px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  pointer-events: none;
  z-index: 1
}

body.home #latest-stories #latest-stories-wrapper.owl-carousel .owl-nav button {
  position: absolute;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 64px;
  height: 64px;
  background-color: #fff;
  border-radius: 10px 0;
  -webkit-box-shadow: 0 10px 12px 0 rgba(0, 0, 0, .08);
  box-shadow: 0 10px 12px 0 rgba(0, 0, 0, .08);
  pointer-events: all
}

body.home #latest-stories #latest-stories-wrapper.owl-carousel .owl-nav button>* {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

body.home #latest-stories #latest-stories-wrapper.owl-carousel .owl-nav button:focus {
  outline: 0
}

body.home #latest-stories #latest-stories-wrapper.owl-carousel .owl-nav button::-moz-focus-inner {
  border: 0
}

body.home #latest-stories #latest-stories-wrapper.owl-carousel .owl-nav button span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 11px;
  height: 17px;
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/arrow-right-primary.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  font-size: 0;
  text-indent: -9999px
}

body.home #latest-stories #latest-stories-wrapper.owl-carousel .owl-nav button.owl-prev {
  left: 0
}

body.home #latest-stories #latest-stories-wrapper.owl-carousel .owl-nav button.owl-prev span {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

body.home #latest-stories #latest-stories-wrapper.owl-carousel .owl-nav button.owl-next {
  right: 0
}

body.home #latest-stories #latest-stories-wrapper.owl-carousel .owl-nav button.disabled {
  visibility: hidden;
  opacity: 0
}

@media (min-width:992px) {
  body.home #latest-stories .block-post-content {
    padding: 60px
  }
}

@media (min-width:768px) {
  body.home #latest-stories .block-post-img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%
  }

  body.home #latest-stories .block-post-img .picture-container {
    position: relative;
    width: 100%;
    min-height: 450px
  }

  body.home #latest-stories .block-post-img .picture-container img {
    position: absolute
  }

  body.home #latest-stories .block-post-img .picture-container:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #dcedfa;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }
}

@media (max-width:991px) {
  body.home #latest-stories #latest-stories-wrapper.owl-carousel {
    max-width: calc(100% - 35px)
  }

  body.home #latest-stories #latest-stories-wrapper.owl-carousel .owl-nav {
    display: none
  }
}

@media (min-width:992px) {
  body.home #latest-stories #latest-stories-wrapper .owl-item>div.col-xs-12 {
    width: 100% !important
  }
}

@media (max-width:991px) {

  #related-vacancies-row.owl-carousel,
  #usp-row.owl-carousel {
    max-width: calc(100% - 35px)
  }

  #related-vacancies-row.owl-carousel .owl-stage-outer,
  #usp-row.owl-carousel .owl-stage-outer {
    overflow: visible
  }

  #related-vacancies-row.owl-carousel .owl-stage-outer .owl-stage,
  #usp-row.owl-carousel .owl-stage-outer .owl-stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  #related-vacancies-row.owl-carousel .owl-stage-outer .owl-stage>*,
  #usp-row.owl-carousel .owl-stage-outer .owl-stage>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
  }

  #related-vacancies-row.owl-carousel .owl-stage-outer .owl-stage .owl-item>*,
  #related-vacancies-row.owl-carousel .owl-stage-outer .owl-stage .owl-item>div .vacancy-post,
  #usp-row.owl-carousel .owl-stage-outer .owl-stage .owl-item>*,
  #usp-row.owl-carousel .owl-stage-outer .owl-stage .owl-item>div .vacancy-post {
    height: 100%
  }

  #related-vacancies-row.owl-carousel .owl-stage-outer .owl-item:not(.active),
  #usp-row.owl-carousel .owl-stage-outer .owl-item:not(.active) {
    opacity: .2
  }

  #related-vacancies-row.owl-carousel .owl-item>.col-xs-12,
  #usp-row.owl-carousel .owl-item>.col-xs-12 {
    padding-right: 0;
    padding-left: 0
  }
}

#related-vacancies {
  margin-top: 40px;
  margin-bottom: 40px
}

#related-vacancies h2 {
  margin-bottom: 20px
}

#related-vacancies .vacancy-post-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

#related-vacancies .vacancy-post-content>* {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

#related-vacancies .vacancy-post-content>* {
  max-width: 100%
}

#related-vacancies .vacancy-post-content h4 {
  margin-bottom: 16px
}

#related-vacancies .vacancy-post-content>p>.btn {
  display: none
}

#related-vacancies .vacancy-post-content .btn {
  width: 100%;
  text-align: center
}

#related-vacancies .vacancy-post-content .btn:last-child {
  margin-top: auto
}

@media (min-width:992px) {
  #related-vacancies {
    margin-top: 100px;
    margin-bottom: 100px
  }

  #related-vacancies .vacancy-post-content h4 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden
  }

  #related-vacancies .vacancy-post-content p {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden
  }
}

@media (max-width:991px) {
  #related-vacancies #related-vacancies-row.owl-carousel {
    margin: 0 0 30px
  }

  #related-vacancies #related-vacancies-row.owl-carousel .owl-stage-outer .owl-stage .owl-item>.vacancy-post {
    height: 100%
  }

  #related-vacancies .text-right {
    text-align: right
  }
}

@media (max-width:991px) {
  #usp-row .usp-row {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

  #usp-row .usp-image {
    width: 100px;
    height: 110px;
    min-height: auto;
    padding: 20px 18px
  }

  #usp-row .usp-title {
    position: absolute;
    top: 0;
    right: 0;
    left: 100px;
    background-color: #fff;
    width: calc(100% - 100px);
    height: 110px;
    padding: 16px 16px 20px;
    color: #1e3b72;
    font-size: 1rem;
    line-height: 1.5rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden
  }

  #usp-row .usp-desc {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    padding: 16px 16px 20px;
    border-top: 1px solid #d5dde3;
    border-bottom-right-radius: 30px
  }
}

@media (min-width:371px) and (max-width:435px) {
  #usp-row .usp-image {
    width: 80px;
    height: 130px;
    padding-left: 12px;
    padding-right: 12px
  }

  #usp-row .usp-title {
    left: 80px;
    width: calc(100% - 80px);
    height: 130px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden
  }
}

@media (max-width:370px) {
  #usp-row .usp-image {
    width: 80px;
    height: 135px;
    padding: 12px
  }

  #usp-row .usp-title {
    left: 80px;
    width: calc(100% - 80px);
    height: 135px;
    padding: 12px;
    font-size: .94rem;
    line-height: 1.25rem;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden
  }
}

#map-box {
  padding-top: 20px;
  padding-bottom: 20px
}

#map-box h2 {
  margin-bottom: 10px;
  color: #1e3b72
}

#map-box img {
  width: 100%;
  height: auto;
  border-radius: 40px 0 0 0
}

#map-box .map-svg {
  position: relative
}

#map-box .map-svg svg {
  width: 100%;
  height: auto
}

#map-box .map-svg svg path {
  cursor: pointer
}

#map-box .map-svg svg path:hover {
  fill: #1e3b72
}

#map-box .map-svg .windows-township .info-window {
  position: absolute;
  width: 250px;
  -webkit-box-shadow: 7px 7px 17px 0 rgba(0, 0, 0, .5);
  box-shadow: 7px 7px 17px 0 rgba(0, 0, 0, .5);
  background: #fff;
  display: none;
  padding: 15px
}

#map-box .map-svg .windows-township .info-window h3 {
  margin-bottom: 20px
}

#map-box .map-svg .windows-township .info-window ul li {
  margin-bottom: 10px
}

#map-box .map-svg .windows-township .info-window ul li a {
  font-size: 14px;
  line-height: 20px;
  display: block
}

#map-box .map-svg .windows-township .info-window ul li:hover::before {
  background-image: url(https://werkenbijsurplus.nl/wp-content/themes/surplus-child/public/images/icons/arrow-right-secondary-blue.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat
}

#map-box .map-svg .windows-township .info-window .btn {
  font-weight: 700
}

#map-box .map-svg .windows-township #info-window-Drimmelen {
  top: 30%;
  left: 30%
}

#map-box .map-svg .windows-township #info-window-Breda {
  top: 53%;
  left: 62%
}

#map-box .map-svg .windows-township #info-window-Maasdijk {
  top: 37%;
  left: 36%
}

#map-box .map-svg .windows-township #info-window-Altena {
  top: 14%;
  left: 84%
}

#map-box .map-svg .windows-township #info-window-Geertruidenberg {
  top: 29%;
  left: 77%
}

#map-box .map-svg .windows-township #info-window-Oosterhout {
  top: 40%;
  left: 74%
}

#map-box .map-svg .windows-township #info-window-Etten-Leur {
  left: 50%;
  top: 53%
}

#map-box .map-svg .windows-township #info-window-Halderberge {
  left: 34%;
  top: 51%
}

#map-box .map-svg .windows-township #info-window-Steenbergen {
  top: 50%;
  left: 15%
}

#map-box .map-svg .windows-township #info-window-Roosendaal {
  top: 67%;
  left: 24%
}

#map-box .map-svg .windows-township #info-window-Bergen-op-Zoom {
  top: 72%;
  left: 12%
}

#map-box .map-svg .windows-township #info-window-Woensdrecht {
  top: 88%;
  left: 15%
}

#map-box .map-svg .windows-township #info-window-Zundert {
  top: 76%;
  left: 48%
}

/*# sourceMappingURL=main.min.css.map */