@import url("https://fonts.googleapis.com/css2?family=Albert+Sans:wght@400;600;700&family=Anek+Latin:wght@200;500;600;800&display=swap");
/*FONT-FAMILY*/
/*FONT-WEIGHT*/
/* FONTSIZE */
/* LINEHEIGHT */
/* COLOR */
.headerHome h1 {
  color: white;
  font-family: "Anek Latin", sans-serif;
  font-size: 70px;
  max-width: 20ch;
  margin: 0 auto;
  font-weight: 200; }

.headerHome.detail h1 {
  color: #1e496a;
  font-size: 60px;
  font-family: "Anek Latin", sans-serif;
  font-weight: 600;
  max-width: 25ch; }

h2, p, h3, .uk-card-default .uk-card-title {
  color: #1e496a; }

p {
  font-family: "Albert Sans";
  font-size: 18px; }

h2, h3 {
  font-family: "Anek Latin", sans-serif;
  font-weight: 600; }

h2 {
  font-size: 40px; }

h3 {
  font-size: 20px; }

a.uk-button, .rsform-submit-button, .rsform-button-next {
  font-family: "Albert Sans";
  color: white;
  font-weight: 700;
  background-color: #72dadb;
  text-transform: none;
  font-size: 20px;
  letter-spacing: 0px;
  border-radius: 30px;
  padding: 10px 35px;
  transition: 0.5s;
  border: none; }

.uk-button:hover, a.uk-button:hover, .rsform-submit-button:hover, .rsform-button-next:hover {
  background-color: #55a5a5;
  color: white;
  border: none; }

p a {
  color: #0086e9 !important; }

/****LOTTIE****/
lottie-player {
  min-height: calc((100vh - 80px) - 20vh) !important; }

.lottie {
  position: absolute;
  z-index: 99999;
  right: -50px;
  background-color: transparent;
  padding: 0px;
  margin: 0px;
  height: auto;
  display: block; }

/*** HEADERS ****/
.headerHome.detail .uk-background-norepeat {
  background-size: contain;
  background-position: 125% 50%; }

/*****NAVIGATIE*****/
.tm-header .uk-navbar-container {
  background: #0086e9;
  background: linear-gradient(90deg, #0086e9 30%, #35a9ff 50%); }
.tm-header .uk-logo img {
  position: absolute;
  top: 0px;
  left: -80px;
  z-index: 999; }
.tm-header .uk-navbar-nav {
  gap: 60px; }
  .tm-header .uk-navbar-nav li {
    align-items: center;
    display: flex; }
  .tm-header .uk-navbar-nav a, .tm-header .uk-navbar-nav .uk-active a, .tm-header .uk-navbar-nav a:hover {
    font-family: "Albert Sans";
    font-weight: 400;
    color: white;
    text-transform: none;
    font-size: 18px;
    letter-spacing: 0px; }
  .tm-header .uk-navbar-nav a::after {
    content: "";
    background-image: url(/images/arrowNav.svg);
    background-repeat: no-repeat;
    display: block;
    width: 20px;
    height: 20px;
    background-size: contain;
    position: absolute;
    bottom: 9px;
    transition: opacity 0.8s ease;
    opacity: 0; }
  .tm-header .uk-navbar-nav .uk-active a::after, .tm-header .uk-navbar-nav a:hover::after {
    content: "";
    background-image: url(/images/arrowNav.svg);
    background-repeat: no-repeat;
    display: block;
    width: 20px;
    height: 20px;
    background-size: contain;
    position: absolute;
    bottom: 9px;
    opacity: 1; }
  .tm-header .uk-navbar-nav a.aanvragenLink::after {
    display: none; }
  .tm-header .uk-navbar-nav a.aanvragenLink {
    background-color: #fff;
    color: #0086e9;
    padding: 5px 25px;
    border-radius: 30px;
    min-height: auto;
    transition: 0.5s; }
  .tm-header .uk-navbar-nav a.aanvragenLink:hover {
    background-color: #76c5ff;
    color: white; }

/*****INTRO****/
.intro {
  padding-top: 50px !important;
  position: relative;
  /*
  position: relative;
  .masker {
    img {
      aspect-ratio: auto;
      object-fit: cover;
      -webkit-mask-image: url(/images/imgOval.svg);
      mask-image: url(/images/imgOval.svg);
      margin-top: -130px;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      min-height: 510px;
      -webkit-mask-size: 80%;
      mask-size: 80%;
      max-width: 96%;
    }

    picture::after {
      content: "";
      background-image: url(/images/imgCircle.svg);
      background-repeat: no-repeat;
      background-size: contain;
      width: 550px;
      height: 550px;
      display: block;
      position: absolute;
      top: -90px;
    }
  }
  /*
  .absolute img {
    position: absolute;
    top: -20%;
    left: 10%;
  }*/ }
  .intro img {
    margin-top: -180px;
    z-index: 9999;
    position: absolute; }

/*****VOORDELEN*****/
.voordelen h2 {
  margin-bottom: 50px !important; }
.voordelen h3 {
  font-family: "Anek Latin", sans-serif;
  font-weight: 800; }
.voordelen p {
  font-size: 16px;
  line-height: 28px; }
.voordelen .uk-card-default {
  -webkit-box-shadow: 0px 2px 15px 0px rgba(104, 104, 104, 0.5);
  -moz-box-shadow: 0px 2px 15px 0px rgba(104, 104, 104, 0.5);
  box-shadow: 0px 2px 15px 0px rgba(104, 104, 104, 0.5);
  border-radius: 20px;
  padding: 50px 30px;
  min-height: 490px; }

/*****TEXTRIJ*****/
.textRij a.uk-button {
  font-size: 18px;
  padding: 5px 30px;
  margin-top: 50px; }
.textRij h2 {
  max-width: 30ch;
  margin: 0 auto; }
.textRij p {
  max-width: 80ch;
  margin: 30px auto 0px auto; }

/****TEXT BLOK 1 ****/
.textblok1 .colRight {
  padding-right: 50px;
  padding-left: 0px; }
.textblok1 img {
  margin-top: -30px;
  margin-bottom: -30px; }
.textblok1 .grey {
  background-color: #f8f8f8; }

/*****FOTOSLIDER*****/
.fotoSlider .uk-position-center-left svg, .fotoSlider .uk-position-bottom-left svg, .fotoSlider .uk-position-center-right svg {
  display: none; }
.fotoSlider .uk-slidenav-container.uk-position-bottom-left {
  gap: 40px; }
.fotoSlider .uk-position-center-left, .fotoSlider .uk-position-bottom-left .uk-slidenav-previous {
  background-image: url(/images/arrow-left.svg);
  transition: 0.5s; }
.fotoSlider .uk-position-center-left:hover, .fotoSlider .uk-position-bottom-left .uk-slidenav-previous:hover {
  background-image: url(/images/arrow-leftWit.svg); }
.fotoSlider .uk-position-center-right, .fotoSlider .uk-position-bottom-left .uk-slidenav-next {
  background-image: url(/images/arrow-right.svg);
  transition: 0.5s; }
.fotoSlider .uk-position-center-right:hover, .fotoSlider .uk-position-bottom-left .uk-slidenav-next:hover {
  background-image: url(/images/arrow-rightWit.svg); }
.fotoSlider .uk-position-bottom-left .uk-slidenav-next, .fotoSlider .uk-position-bottom-left .uk-slidenav-previous {
  background-repeat: no-repeat;
  background-size: contain;
  width: 28px;
  height: 30px; }
.fotoSlider .uk-position-center-left, .fotoSlider .uk-position-center-right {
  background-repeat: no-repeat;
  background-size: contain;
  width: 68px;
  height: 60px;
  top: 80%; }
  .fotoSlider .uk-dotnav li.uk-active a {
    background-color: #0086e9; }
  .fotoSlider .uk-dotnav li a {
    width: 12px;
    height: 12px; }

/*** INFO + SIDER ***/
.infoSlider {
  background-color: #f8f8f8; }
  .infoSlider .colRight {
    margin-top: -30px;
    margin-bottom: -30px; }

/*****TEXTIMAGERIGHT*****/
.textImageRight a.uk-button {
  font-size: 18px;
  padding: 5px 30px; }

/*****CTABLOK*****/
.ctaBlok {
  background: #0086e9;
  background: linear-gradient(90deg, #0086e9 30%, #35a9ff 50%); }
  .ctaBlok .uk-background-norepeat {
    background-position: 100% 100%; }
  .ctaBlok h2, .ctaBlok p {
    color: white; }
  .ctaBlok p {
    max-width: 60ch; }
  .ctaBlok a.uk-button {
    font-size: 18px;
    padding: 5px 30px;
    margin-top: 50px; }
  .ctaBlok .uk-first-column {
    position: relative; }
  .ctaBlok .uk-button::before {
    content: "";
    background-image: url(/images/arrow-right.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 50px;
    height: 50px;
    display: inline-block;
    position: absolute;
    transition: transform 0.3s ease;
    transform: translateX(0px);
    left: -10%; }
  .ctaBlok .uk-button:hover::before {
    transform: translateX(75px); }

/*****USP*****/
.usp {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(104, 104, 104, 0.5);
  -moz-box-shadow: 0px 0px 10px 0px rgba(104, 104, 104, 0.5);
  box-shadow: 0px 0px 10px 0px rgba(104, 104, 104, 0.5);
  margin-bottom: 30px; }
  .usp p {
    color: #0086e9;
    font-family: "Anek Latin", sans-serif;
    font-weight: 500; }
  .usp img {
    max-width: 60%;
    float: right; }

/*****LOGOSLIDER*****/
.logoSlider .uk-position-center-left-out svg, .logoSlider .uk-position-center-right-out svg {
  display: none; }
.logoSlider .uk-position-center-left-out {
  background-image: url(/images/arrowgalleryleft.svg); }
.logoSlider .uk-position-center-right-out {
  background-image: url(/images/arrowgalleryright.svg); }
.logoSlider .uk-position-center-left-out, .logoSlider .uk-position-center-right-out {
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  width: 30px;
  height: 30px; }
.logoSlider .uk-card-default {
  border: none;
  -moz-box-shadow: 0px 2px 15px 0px #cecece50;
  box-shadow: 0px 2px 15px 0px #cecece50; }

/*****REVIEWSLIDER*****/
.reviewSlider p {
  font-style: italic;
  font-size: 20px; }
.reviewSlider .uk-text-meta {
  font-family: "Albert Sans";
  font-weight: bold;
  font-size: 16px;
  color: #1e496a;
  letter-spacing: 0px;
  text-transform: none; }
.reviewSlider .uk-card-default {
  box-shadow: none;
  border: none; }
  .reviewSlider .uk-card-default img {
    margin-bottom: 50px;
    border-radius: 0px; }
.reviewSlider .uk-dotnav li.uk-active a {
  background-color: #0086e9; }
.reviewSlider .uk-dotnav li a {
  width: 12px;
  height: 12px;
  border: 0px; }

/**** CONTACTFORMULIER ****/
.contactformulier {
  background-color: #f8f8f8;
  margin-bottom: 50px; }
  .contactformulier .colLeft .uk-button, .contactformulier .colLeft .uk-button a {
    background-color: transparent;
    font-size: 16px;
    color: #1e496a;
    text-decoration: underline;
    padding: 0px;
    font-weight: 400;
    transition: 0.3s; }
  .contactformulier .colLeft .uk-button:hover, .contactformulier .colLeft .uk-button a:hover {
    background-color: transparent;
    color: #0086e9; }
  .contactformulier .colLeft .uk-button svg {
    display: none; }
  .contactformulier .colLeft .telefoon .uk-button span {
    background-image: url(/images/iconT.svg); }
  .contactformulier .colLeft .mail .uk-button span {
    background-image: url(/images/iconE.svg); }
  .contactformulier .colLeft .uk-button span {
    background-image: url(/images/iconE.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 25px;
    height: 25px; }
  .contactformulier .colRight {
    margin-top: -120px;
    margin-bottom: -180px; }

.aanvraagformulier {
  background-color: #f8f8f8; }
  .aanvraagformulier .formulier input::placeholder, .aanvraagformulier .formulier select {
    color: #a6a6a6;
    font-weight: 400;
    font-family: "Albert Sans";
    font-size: 18px; }
  .aanvraagformulier .formulier label {
    color: #1e496a !important;
    font-family: "Albert Sans";
    font-weight: 600;
    font-size: 18px;
    text-transform: none;
    letter-spacing: 0px; }
  .aanvraagformulier .rsform-type-freetext p {
    color: #0086e9;
    font-size: 30px;
    font-weight: 400; }
  .aanvraagformulier .rsformProgressContainer1 {
    background-image: url(/images/Stap-1.svg); }
    .aanvraagformulier .rsformProgressContainer1 div {
      display: none; }
  .aanvraagformulier .rsformProgressContainer2 {
    background-image: url(/images/Stap-2.svg); }
    .aanvraagformulier .rsformProgressContainer2 div {
      display: none; }
  .aanvraagformulier .stap3::before {
    content: "";
    background-image: url(/images/Stap-3.svg);
    display: block; }
  .aanvraagformulier .rsformProgressContainer1, .aanvraagformulier .rsformProgressContainer2, .aanvraagformulier .rsformProgressContainer3, .aanvraagformulier .stap3::before {
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 50px;
    background-color: transparent;
    border: none;
    margin-top: 50px !important;
    margin-bottom: 50px !important; }
    .aanvraagformulier .rsformProgressContainer1 div, .aanvraagformulier .rsformProgressContainer2 div, .aanvraagformulier .rsformProgressContainer3 div, .aanvraagformulier .stap3::before div {
      display: none; }
  .aanvraagformulier .rsform-type-pagebreak .formControls, .aanvraagformulier .rsform-type-submitbutton {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end; }
  .aanvraagformulier .rsform-button-prev {
    color: #a6a6a6;
    font-family: "Albert Sans";
    text-transform: none;
    font-size: 18px;
    letter-spacing: 0px; }
  .aanvraagformulier .rsform-button-prev:hover {
    background-color: transparent;
    border: none;
    color: #a6a6a6;
    text-decoration: underline; }
  .aanvraagformulier .rsform-button-prev:focus {
    border: none !important;
    outline: none !important; }
  .aanvraagformulier .uk-form-width-medium {
    width: 100%; }
  .aanvraagformulier .btnCal {
    background-image: url(/images/calendar.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 20px;
    width: 20px; }
  .aanvraagformulier .rsform-type-calendar .formControls {
    position: relative; }
    .aanvraagformulier .rsform-type-calendar .formControls button {
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0px;
      margin: auto 0;
      background-color: transparent; }

.formulier input, .formulier textarea {
  color: #1e496a !important;
  font-family: "Albert Sans";
  font-weight: 600;
  font-size: 18px;
  padding: 30px 20px;
  border: 1px solid #e5e6e5;
  border-radius: 10px; }
  .formulier input::placeholder, .formulier textarea::placeholder {
    color: #1e496a;
    font-family: "Albert Sans";
    font-weight: 600;
    font-size: 18px; }
.formulier select {
  border: 1px solid #e5e6e5;
  border-radius: 10px;
  height: 60px !important; }
.formulier span.formValidation {
  display: none; }
.formulier .uk-form-danger, .formulier .uk-form-danger:focus {
  border-color: #FF5600 !important; }
.formulier .formError, .formulier .formRed {
  color: #FF5600; }
.formulier .uk-input:focus, .formulier .uk-select:focus, .formulier .uk-textarea:focus {
  border-color: #1e496a !important; }

/*** FAQ ****/
.faq a {
  color: #1e496a;
  font-family: "Albert Sans";
  font-size: 20px;
  font-weight: 600; }
.faq p {
  font-weight: 400;
  font-size: 20px; }
.faq .el-item {
  padding: 20px;
  border: 1px solid #e5e6e5;
  border-radius: 10px; }
.faq .uk-accordion-title::before {
  background-image: url(/images/arrowgalleryright.svg);
  width: 30px;
  height: 30px;
  background-size: contain;
  transition: 0.5s; }
.faq .uk-open .uk-accordion-title::before {
  transform: rotate(90deg); }
.faq .uk-accordion-title:hover {
  color: #0086e9;
  text-decoration: none; }

/*****FOOTERCUSTOM*****/
.footerCustom {
  background-color: #f8f8f8;
  position: relative;
  z-index: 9999; }
  .footerCustom::after {
    content: "";
    background-image: url(/images/footerbgElement.svg);
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    width: 900px;
    height: 900px;
    position: absolute;
    top: -140px;
    right: -300px;
    z-index: -1; }
  .footerCustom p {
    font-size: 16px; }
  .footerCustom p a {
    color: #0086e9;
    transition: 0.2s; }
  .footerCustom p a:hover {
    color: #1e496a; }
  .footerCustom .uk-button, .footerCustom .uk-button a {
    background-color: transparent;
    font-size: 16px;
    color: #1e496a;
    text-decoration: underline;
    padding: 0px;
    font-weight: 400;
    transition: 0.3s; }
  .footerCustom .uk-button:hover, .footerCustom .uk-button a:hover {
    background-color: transparent;
    color: #0086e9; }
  .footerCustom .uk-button svg {
    display: none; }
  .footerCustom .telefoon .uk-button span {
    background-image: url(/images/iconT.svg); }
  .footerCustom .mail .uk-button span {
    background-image: url(/images/iconE.svg); }
  .footerCustom .uk-button span {
    background-repeat: no-repeat;
    background-size: contain;
    width: 60px;
    height: 60px; }
  .footerCustom .socialiconsFooter {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    width: 20%; }
  .footerCustom .socialiconsFooter .butlinkedin {
    background-image: url(/images/linkedicon.svg);
    background-repeat: no-repeat;
    width: 60px;
    height: 60px; }
  .footerCustom .socialiconsFooter .butface {
    background-image: url(/images/fbicon.svg);
    background-repeat: no-repeat;
    width: 60px;
    height: 60px; }
  .footerCustom .uk-icon-button {
    background-repeat: no-repeat;
    background-size: contain;
    width: 60px;
    height: 60px;
    background-color: transparent;
    border: none;
    opacity: 1;
    transition: 0.5s; }
  .footerCustom .uk-icon-button:hover {
    opacity: 0.8; }
  .footerCustom .uk-icon-button svg {
    display: none; }

.logoSlider .uk-panel .uk-slider .el-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  .logoSlider .uk-panel .uk-slider .el-item img {
    object-fit: cover; }