@charset "UTF-8";
/**
 *
 * Abstracts
 *
 */
/**
 *
 * Utilities
 *
 */
.bg-primary {
  background-color: #31CE73 !important; }

.bg-secondary {
  background-color: #272F3C !important; }

@media (min-width: 768px) {
  .w-md-25 {
    width: 25% !important; }
  .w-md-50 {
    width: 50% !important; }
  .w-md-75 {
    width: 75% !important; } }

@media (min-width: 992px) {
  .w-lg-25 {
    width: 25% !important; }
  .w-lg-50 {
    width: 50% !important; }
  .w-lg-75 {
    width: 75% !important; } }

@media (min-width: 1200px) {
  .w-xl-25 {
    width: 25% !important; }
  .w-xl-50 {
    width: 50% !important; }
  .w-xl-75 {
    width: 75% !important; } }

.text-primary {
  color: #31CE73 !important; }

.text-secondary {
  color: #272F3C !important; }

/**
 *
 * Theme
 *
 */
html {
  min-height: 100%;
  font-size: 16px;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent; }

body {
  color: #394558;
  font-family: "poppins", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5; }

a {
  color: #31CE73; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  color: #272F3C;
  font-family: "poppins", sans-serif;
  font-weight: 700;
  line-height: 1.25; }
  h1 em, h2 em, h3 em, h4 em, h5 em, h6 em,
  .h1 em, .h2 em, .h3 em, .h4 em, .h5 em, .h6 em {
    color: #31CE73;
    font-style: inherit; }
  h1 small, h2 small, h3 small, h4 small, h5 small, h6 small,
  .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small {
    color: #adb8ca;
    font-size: 0.875rem;
    text-transform: uppercase;
    display: block; }

h3, .h3 {
  font-size: 1.5rem; }

h4, .h4 {
  font-size: 1.125rem; }

h5, .h5 {
  font-size: 16px; }

p, ul, ol, dl, table, figure {
  margin-bottom: 0; }

ul, ol, dl {
  padding-left: 0; }

@media (min-width: 1440px) {
  .container {
    max-width: 1400px; } }

.btn {
  transition: color .25s ease-in-out, padding-left .25s ease-in-out, padding-right .25s ease-in-out, background-color .25s ease-in-out, border-color .25s ease-in-out, box-shadow .25s ease-in-out;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.5rem;
  border-width: 2px;
  border-radius: 1.375rem;
  padding: 0.5rem 1rem;
  position: relative;
  /**
     * Modifiers
     */ }
  .btn[class*="icon-"] .icon {
    transition: opacity 350ms;
    width: auto;
    height: auto;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }
  .btn[class*="icon-"]:hover .icon {
    opacity: 1; }
  .btn.icon-only {
    padding: 1rem; }
  .btn.icon-before .icon {
    left: 0.75rem; }
  .btn.icon-before:hover {
    padding-left: 2.5rem; }
  .btn.icon-after .icon {
    right: 0.75rem; }
  .btn.icon-after:hover {
    padding-right: 2.5rem; }
  .btn-primary {
    border-color: #31CE73;
    background-color: #31CE73; }
    .btn-primary:hover, .btn-primary:focus {
      border-color: #28a95e;
      background-color: #28a95e; }
    .btn-primary:focus {
      box-shadow: 0 0 0 0.2rem rgba(49, 206, 115, 0.15); }
  .btn-outline-primary {
    color: #272F3C;
    border-color: #31CE73;
    background-color: rgba(49, 206, 115, 0); }
    .btn-outline-primary:hover, .btn-outline-primary:focus {
      border-color: #31CE73;
      background-color: #31ce73; }
    .btn-outline-primary:focus {
      box-shadow: 0 0 0 0.2rem rgba(49, 206, 115, 0.15); }
    .bg-secondary .btn-outline-primary {
      color: #fff; }
  .btn-secondary {
    border-color: #272F3C;
    background-color: #272F3C; }
    .btn-secondary:hover, .btn-secondary:focus {
      border-color: #151920;
      background-color: #151920; }
    .btn-secondary:focus {
      box-shadow: 0 0 0 0.2rem rgba(39, 47, 60, 0.15); }
  .btn-outline-secondary {
    color: #272F3C;
    border-color: #272F3C;
    background-color: rgba(39, 47, 60, 0); }
    .btn-outline-secondary:hover, .btn-outline-secondary:focus {
      border-color: #272F3C;
      background-color: #272f3c; }
    .btn-outline-secondary:focus {
      box-shadow: 0 0 0 0.2rem rgba(39, 47, 60, 0.15); }
    .bg-secondary .btn-outline-secondary {
      color: #fff; }

.btn-list {
  margin-top: 0.5rem; }
  @media (min-width: 768px) {
    .btn-list {
      margin-top: 0.575rem; } }
  @media (min-width: 992px) {
    .btn-list {
      margin-top: 0.675rem; } }
  @media (min-width: 1200px) {
    .btn-list {
      margin-top: 0.75rem; } }
  .btn-list .btn {
    margin-top: 0.5rem;
    margin-right: 0.5rem; }
    @media (min-width: 768px) {
      .btn-list .btn {
        margin-top: 0.575rem; } }
    @media (min-width: 992px) {
      .btn-list .btn {
        margin-top: 0.675rem; } }
    @media (min-width: 1200px) {
      .btn-list .btn {
        margin-top: 0.75rem; } }
    @media (min-width: 768px) {
      .btn-list .btn {
        margin-right: 0.575rem; } }
    @media (min-width: 992px) {
      .btn-list .btn {
        margin-right: 0.675rem; } }
    @media (min-width: 1200px) {
      .btn-list .btn {
        margin-right: 0.75rem; } }
    .btn-list .btn:last-child {
      margin-right: 0 !important; }

.card {
  border-radius: 1rem; }
  .card .card-header  {
    background-color: transparent; }

.embed-responsive.embed-responsive-3by2::before {
  padding-top: 66.66667%; }

.icon {
  width: 1.5rem;
  height: 1.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center; }

.fancybox-slide .fancybox-content {
  max-width: 40rem;
  border-radius: 1rem; }
  .fancybox-slide .fancybox-content.bg-secondary {
    color: #fff; }
    .fancybox-slide .fancybox-content.bg-secondary h1, .fancybox-slide .fancybox-content.bg-secondary h2, .fancybox-slide .fancybox-content.bg-secondary h3, .fancybox-slide .fancybox-content.bg-secondary h4, .fancybox-slide .fancybox-content.bg-secondary h5, .fancybox-slide .fancybox-content.bg-secondary h6 {
      color: inherit; }

.fancybox-bg {
  background-color: #272F3C !important; }

.language-switcher {
  margin-left: auto;
  margin-right: 0.75rem; }
  .language-switcher li {
    display: inline-block; }
    .language-switcher li > a {
      min-width: 2.125rem;
      color: #fff;
      font-size: 0.875rem;
      line-height: 1.25rem;
      text-align: center;
      display: block;
      padding: 0.375rem 0; }
    .language-switcher li > a:hover {
      font-weight: bold;
      text-decoration: none; }
    .language-switcher li.active > a {
      font-weight: bold; }
  @media (min-width: 992px) {
    .language-switcher {
      margin-right: 0;
      position: absolute;
      top: 50%;
      right: 15px;
      transform: translateY(-50%); } }

.image.image-w-bg {
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative; }
  .image.image-w-bg img,
  .image.image-w-bg .img-fluid {
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0; }

.list {
  list-style: none; }
  .list li {
    line-height: 1.5rem;
    padding-left: 2rem;
    position: relative; }
    .list li::before {
      width: 1.5rem;
      height: 1.5rem;
      content: '';
      display: block;
      background-image: url("../images/icon-list-item.svg");
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      position: absolute;
      top: 50%;
      left: 0;
      transform: translateY(-50%); }
    .list li + li {
      margin-top: 0.5rem; }

.tns-item {
  padding-right: 24px;
  position: relative; }
  .tns-item .slide-content {
    padding-right: 32px;
    padding-bottom: 32px;
    border-right: 1px solid #eeeeee; }
    .tns-item .slide-content [class*="fa-"]  {
      color: #e0e0e0;
      margin-right: 0.375rem; }
    .tns-item .slide-content img {
      position: relative;
      z-index: 2; }
  .tns-item > [class*="fa-"]  {
    color: #eeeeee;
    font-size: 7.5rem;
    position: absolute;
    bottom: 0;
    right: 24px;
    z-index: 1; }
    @media (min-width: 768px) {
      .tns-item > [class*="fa-"]  {
        font-size: 8.625rem; } }
    @media (min-width: 992px) {
      .tns-item > [class*="fa-"]  {
        font-size: 10.125rem; } }
    @media (min-width: 1200px) {
      .tns-item > [class*="fa-"]  {
        font-size: 11.25rem; } }

.tns-controls button {
  width: 2.5rem;
  height: 2.5rem;
  color: #272F3C;
  padding: 0;
  border: 0; }
  .tns-controls button:hover {
    color: #31CE73; }
  .tns-controls button:focus {
    color: #31CE73;
    outline: none; }

.video {
  line-height: 0;
  position: relative; }
  .video > a {
    color: inherit; }
  .video .figure {
    overflow: hidden; }
    .video .figure img {
      transition: transform 350ms; }
  .video .video-overlay {
    width: 100%;
    height: 100%;
    line-height: normal;
    padding: 24px;
    background-color: rgba(39, 47, 60, 0.65);
    position: absolute;
    top: 0;
    left: 0; }
    .video .video-overlay .overlay-content {
      margin-top: auto;
      margin-bottom: auto; }
      .video .video-overlay .overlay-content h1, .video .video-overlay .overlay-content h2, .video .video-overlay .overlay-content h3, .video .video-overlay .overlay-content h4, .video .video-overlay .overlay-content h5, .video .video-overlay .overlay-content h6 {
        color: inherit; }
    .video .video-overlay .overlay-footer {
      width: 100%;
      padding: 20px 24px;
      position: absolute;
      bottom: 0;
      left: 0; }
      .video .video-overlay .overlay-footer span + span, .video .video-overlay .overlay-footer span + [class^="fa"], .video .video-overlay .overlay-footer [class*="fa-"] + span, .video .video-overlay .overlay-footer [class*="fa-"] + [class^="fa"] {
        margin-left: 8px; }
  .video:hover .figure img  {
    transform: scale(1.07); }

.wysiwyg h4 + h4, .wysiwyg h4 + h5, .wysiwyg h4 + h6, .wysiwyg h4 + p, .wysiwyg h4 + ul, .wysiwyg h4 + ol, .wysiwyg h4 + dl, .wysiwyg h4 + table, .wysiwyg h5 + h4, .wysiwyg h5 + h5, .wysiwyg h5 + h6, .wysiwyg h5 + p, .wysiwyg h5 + ul, .wysiwyg h5 + ol, .wysiwyg h5 + dl, .wysiwyg h5 + table, .wysiwyg h6 + h4, .wysiwyg h6 + h5, .wysiwyg h6 + h6, .wysiwyg h6 + p, .wysiwyg h6 + ul, .wysiwyg h6 + ol, .wysiwyg h6 + dl, .wysiwyg h6 + table, .wysiwyg p + h4, .wysiwyg p + h5, .wysiwyg p + h6, .wysiwyg p + p, .wysiwyg p + ul, .wysiwyg p + ol, .wysiwyg p + dl, .wysiwyg p + table, .wysiwyg ul + h4, .wysiwyg ul + h5, .wysiwyg ul + h6, .wysiwyg ul + p, .wysiwyg ul + ul, .wysiwyg ul + ol, .wysiwyg ul + dl, .wysiwyg ul + table, .wysiwyg ol + h4, .wysiwyg ol + h5, .wysiwyg ol + h6, .wysiwyg ol + p, .wysiwyg ol + ul, .wysiwyg ol + ol, .wysiwyg ol + dl, .wysiwyg ol + table, .wysiwyg dl + h4, .wysiwyg dl + h5, .wysiwyg dl + h6, .wysiwyg dl + p, .wysiwyg dl + ul, .wysiwyg dl + ol, .wysiwyg dl + dl, .wysiwyg dl + table, .wysiwyg table + h4, .wysiwyg table + h5, .wysiwyg table + h6, .wysiwyg table + p, .wysiwyg table + ul, .wysiwyg table + ol, .wysiwyg table + dl, .wysiwyg table + table {
  margin-top: 0.75rem; }

.site-footer .footer-directory,
.site-footer .footer-legal {
  position: relative;
  z-index: 1; }
  .site-footer .footer-directory a,
  .site-footer .footer-legal a {
    color: inherit; }
    .site-footer .footer-directory a:hover, .site-footer .footer-directory a:focus,
    .site-footer .footer-legal a:hover,
    .site-footer .footer-legal a:focus {
      text-decoration: underline; }

.site-footer .footer-legal {
  color: #8e9db5;
  font-size: 0.75rem; }
  .site-footer .footer-legal .container {
    padding-top: 1rem;
    padding-bottom: 1rem; }
    .site-footer .footer-legal .container::after {
      content: "";
      display: block;
      clear: both; }
  .site-footer .footer-legal ul::after, .site-footer .footer-legal ol::after {
    content: "";
    display: block;
    clear: both; }
  .site-footer .footer-legal ul li, .site-footer .footer-legal ol li {
    list-style: none;
    float: left;
    position: relative; }
    .site-footer .footer-legal ul li:not(:last-child)::after, .site-footer .footer-legal ol li:not(:last-child)::after {
      color: #eeeeee;
      content: "\2022";
      display: inline-block;
      padding-left: 0.25rem;
      padding-right: 0.25rem; }

#hero {
  background-image: url("../images/hero-bg.jpg");
  position: relative; }
  #hero::before {
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    background-color: rgba(39, 47, 60, 0.925);
    position: absolute;
    top: 0;
    left: 0; }
  #hero .layout-content h1, #hero .layout-content h2, #hero .layout-content h3, #hero .layout-content h4, #hero .layout-content h5, #hero .layout-content h6 {
    color: inherit;
    font-weight: 800; }
  #hero .layout-content .btn-outline-primary {
    color: #fff; }

.i4m-header {
    top: 0;
    color: white;
    background-color: #92B93A;
}

.i4m-header a {
	color: #3C4858;
}

.navbar#primary-navbar {
  padding-top: 50px;
  padding-bottom: 0;
  background-color: #272F3C; }
  .navbar#primary-navbar .navbar-brand {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem; }
    .navbar#primary-navbar .navbar-brand img {
      width: 152.98246px;
      height: 40px; }
    @media (min-width: 992px) {
      .navbar#primary-navbar .navbar-brand {
        padding-top: 1rem;
        padding-bottom: 1rem; }
        .navbar#primary-navbar .navbar-brand img {
          width: 183.57895px;
          height: 48px; } }
    @media (min-width: 1200px) {
      .navbar#primary-navbar .navbar-brand {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem; }
        .navbar#primary-navbar .navbar-brand img {
          width: 214.17544px;
          height: 56px; } }
  .navbar#primary-navbar .navbar-toggler .bars .bar {
    transition: transform 350ms, opacity 350ms;
    width: 22px;
    height: 2px;
    display: block;
    margin: 4px 0;
    background-color: #fff; }
    .navbar#primary-navbar .navbar-toggler .bars .bar:nth-child(1) {
      width: 18px; }
    .navbar#primary-navbar .navbar-toggler .bars .bar:nth-child(3) {
      width: 16px; }
  .navbar#primary-navbar .navbar-toggler[aria-expanded=true] .bars .bar:nth-child(1) {
    width: 22px;
    transform: translateY(6px) rotate(45deg); }
  .navbar#primary-navbar .navbar-toggler[aria-expanded=true] .bars .bar:nth-child(2) {
    transform: translateY(3px);
    opacity: 0; }
  .navbar#primary-navbar .navbar-toggler[aria-expanded=true] .bars .bar:nth-child(3) {
    width: 22px;
    transform: translateY(-6px) rotate(-45deg); }
  .navbar#primary-navbar .navbar-toggler:focus {
    outline: none; }
  .navbar#primary-navbar .navbar-nav > li {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
    .navbar#primary-navbar .navbar-nav > li > a:not(.btn) {
      transition: color 350ms;
      color: #fff;
      font-weight: 700;
      line-height: 1.25rem;
      text-transform: uppercase;
      display: block;
      padding: 0.625rem 0.75rem; }
    .navbar#primary-navbar .navbar-nav > li > a:not(.btn):hover,
    .navbar#primary-navbar .navbar-nav > li > a:not(.btn):focus,
    .navbar#primary-navbar .navbar-nav > li.active > a:not(.btn) {
      color: #31CE73;
      text-decoration: none; }
    .navbar#primary-navbar .navbar-nav > li > .btn-outline-primary {
      color: #fff; }
  @media (min-width: 992px) {
    .navbar#primary-navbar .navbar-nav > li {
      border-bottom: 0; } }
  @media (min-width: 1200px) {
    .navbar#primary-navbar .navbar-nav > li {
      padding-top: 0;
      padding-bottom: 0;
      border-bottom: 0; }
      .navbar#primary-navbar .navbar-nav > li > a {
        font-size: 0.875rem; }
      .navbar#primary-navbar .navbar-nav > li + li {
        margin-left: 0.5rem; } }
  .page-on-front .navbar#primary-navbar {
    width: 100%;
    background-color: transparent;
    position: absolute;
    z-index: 99; }

#contact a {
  transition: color 350ms, background-color 350ms;
  color: inherit; }
  #contact a:hover {
    color: #31CE73; }

#contact .container {
  color: #adb8ca;
  max-width: 45rem; }

#contact .postal-address .street-address {
  display: block; }

#contact .postal-address .postal-code + .locality {
  margin-left: 0.5rem; }

#contact .contact-info {
  list-style: none; }

#contact .social-media li {
  display: inline-block;
  margin-left: 0.5rem; }
  #contact .social-media li:first-child {
    margin-left: 0; }
  #contact .social-media li > a {
    color: #fff;
    display: block;
    border-radius: 2.5rem;
    border: 2px solid #31CE73;
    background-color: #31CE73; }
    #contact .social-media li > a .icon {
      width: 2.25rem;
      height: 2.25rem; }
  #contact .social-media li > a:hover {
    color: #fff;
    background-color: rgba(49, 206, 115, 0); }

.grid {
  margin-left: -0.75rem; }
  .grid::after {
    content: "";
    display: block;
    clear: both; }
  .grid-sizer, .grid-item {
    width: 50%;
    float: left; }
    @media (min-width: 768px) {
      .grid-sizer, .grid-item {
        width: 33.33333%; } }
    @media (min-width: 992px) {
      .grid-sizer, .grid-item {
        width: 25%; } }
    @media (min-width: 1200px) {
      .grid-sizer, .grid-item {
        width: 20%; } }
  .grid-item {
    padding: 0.75rem; }

#prijzen .plan .card-header,
#prijzen .plan .card-body {
  padding: 1.25rem 1.5rem; }
  @media (min-width: 768px) {
    #prijzen .plan .card-header,
    #prijzen .plan .card-body {
      padding: 1.75rem 2rem; } }

#prijzen .plan .card-body .btn {
  color: #fff;
  border-radius: 0.75rem; }
  #prijzen .plan .card-body .btn > [class*="fa-"] {
    color: rgba(255, 255, 255, 0.65);
    margin-left: 0.5rem; }

#prijzen .plan .plan-price .value {
  font-size: 3.375rem;
  font-weight: bold; }
  #prijzen .plan .plan-price .value .currency {
    font-size: 2.2275rem; }

#prijzen .plan .plan-price .unit {
  font-size: 0.75rem; }

#prijzen .plan .plan-usps {
  list-style: none; }
  #prijzen .plan .plan-usps li {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 2rem;
    position: relative; }
    #prijzen .plan .plan-usps li [class*="fa-"]  {
      color: #31CE73;
      position: absolute;
      top: 50%;
      left: 0;
      transform: translateY(-50%); }
    #prijzen .plan .plan-usps li.disabled {
      color: #aaa; }
      #prijzen .plan .plan-usps li.disabled [class*="fa-"] {
        color: inherit; }

/**
 *
 * (single) Referentie
 *
 */
.referentie {
  /**
     *
     * Hover
     *
     */ }
  .referentie,
  .referentie > a {
    display: block;
    position: relative; }
  .referentie .referentie-content {
    border: 1px solid #eeeeee;
    position: absolute;
    top: 0;
    left: 0; }
    .referentie .referentie-content > * {
      width: 100%; }
  .referentie .referentie-logo {
    transition: transform 350ms;
    height: 100%; }
    .referentie .referentie-logo + .referentie-title {
      display: none; }
  .referentie:hover .referentie-logo {
    transform: scale(1.07); }

.usp.usp--teaser {
  text-align: center; }
  .usp.usp--teaser .usp-media .image {
    max-width: 6rem; }
  .usp.usp--teaser .usp-content .usp-title {
    color: #31CE73;
    font-size: 1.3125rem; }

#voordelen .section-header .image {
  max-width: 595px;
  position: relative; }

#voordelen .section-header .video-overlay {
  width: 40.33613%;
  overflow: hidden;
  border-radius: 1.5rem;
  position: absolute;
  top: 9.0379%;
  left: 44.53782%; }
  #voordelen .section-header .video-overlay .embed-responsive {
    background-color: #fff; }
    #voordelen .section-header .video-overlay .embed-responsive::before {
      padding-top: 221.66667%; }

#contact a {
  transition: color 350ms, background-color 350ms;
  color: inherit; }
  #contact a:hover {
    color: #31CE73; }

#contact .container {
  color: #adb8ca;
  max-width: 45rem; }

#contact .postal-address .street-address {
  display: block; }

#contact .postal-address .postal-code + .locality {
  margin-left: 0.5rem; }

#contact .contact-info {
  list-style: none; }

#contact .social-media li {
  display: inline-block;
  margin-left: 0.5rem; }
  #contact .social-media li:first-child {
    margin-left: 0; }
  #contact .social-media li > a {
    color: #fff;
    display: block;
    border-radius: 2.5rem;
    border: 2px solid #31CE73;
    background-color: #31CE73; }
    #contact .social-media li > a .icon {
      width: 2.25rem;
      height: 2.25rem; }
  #contact .social-media li > a:hover {
    color: #fff;
    background-color: rgba(49, 206, 115, 0); }

.grid {
  margin-left: -0.75rem; }
  .grid::after {
    content: "";
    display: block;
    clear: both; }
  .grid-sizer, .grid-item {
    width: 50%;
    float: left; }
    @media (min-width: 768px) {
      .grid-sizer, .grid-item {
        width: 33.33333%; } }
    @media (min-width: 992px) {
      .grid-sizer, .grid-item {
        width: 25%; } }
    @media (min-width: 1200px) {
      .grid-sizer, .grid-item {
        width: 20%; } }
  .grid-item {
    padding: 0.75rem; }

#prijzen .plan .card-header,
#prijzen .plan .card-body {
  padding: 1.25rem 1.5rem; }
  @media (min-width: 768px) {
    #prijzen .plan .card-header,
    #prijzen .plan .card-body {
      padding: 1.75rem 2rem; } }

#prijzen .plan .card-body .btn {
  color: #fff;
  border-radius: 0.75rem; }
  #prijzen .plan .card-body .btn > [class*="fa-"] {
    color: rgba(255, 255, 255, 0.65);
    margin-left: 0.5rem; }

#prijzen .plan .plan-price .value {
  font-size: 3.375rem;
  font-weight: bold; }
  #prijzen .plan .plan-price .value .currency {
    font-size: 2.2275rem; }

#prijzen .plan .plan-price .unit {
  font-size: 0.75rem; }

#prijzen .plan .plan-usps {
  list-style: none; }
  #prijzen .plan .plan-usps li {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 2rem;
    position: relative; }
    #prijzen .plan .plan-usps li [class*="fa-"]  {
      color: #31CE73;
      position: absolute;
      top: 50%;
      left: 0;
      transform: translateY(-50%); }
    #prijzen .plan .plan-usps li.disabled {
      color: #aaa; }
      #prijzen .plan .plan-usps li.disabled [class*="fa-"] {
        color: inherit; }

/**
 *
 * (single) Referentie
 *
 */
.referentie {
  /**
     *
     * Hover
     *
     */ }
  .referentie,
  .referentie > a {
    display: block;
    position: relative; }
  .referentie .referentie-content {
    border: 1px solid #eeeeee;
    position: absolute;
    top: 0;
    left: 0; }
    .referentie .referentie-content > * {
      width: 100%; }
  .referentie .referentie-logo {
    transition: transform 350ms;
    height: 100%; }
    .referentie .referentie-logo + .referentie-title {
      display: none; }
  .referentie:hover .referentie-logo {
    transform: scale(1.07); }

.usp.usp--teaser {
  text-align: center; }
  .usp.usp--teaser .usp-media .image {
    max-width: 6rem; }
  .usp.usp--teaser .usp-content .usp-title {
    color: #31CE73;
    font-size: 1.3125rem; }

#voordelen .section-header .image {
  max-width: 595px;
  position: relative; }

#voordelen .section-header .video-overlay {
  width: 40.33613%;
  overflow: hidden;
  border-radius: 1.5rem;
  position: absolute;
  top: 9.0379%;
  left: 44.53782%; }
  #voordelen .section-header .video-overlay .embed-responsive {
    background-color: #fff; }
    #voordelen .section-header .video-overlay .embed-responsive::before {
      padding-top: 221.66667%; }

.invalid-feedback, .valid-feedback {
  display: inline; }