@import url("https://use.typekit.net/bfd5wef.css");
 body {}
/*****  preloader***/
 .mijnplreloader {
     display: none;
 }
 .mijnplreloader {
   position: fixed;

   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(255, 255, 255, 0.9);
   z-index: 2000;
 }
 .mijnplreloader::after {
   content: "Uw gegevens worden verwerkt....";
   font-size: 1.4rem;
   display: table;
   position: absolute;
   top: 50%;
   left: 50%;
  transform: translate(-50%, calc(-50% - 120px));
 }
 #loader {
   display: block;
   position: relative;
   left: 50%;
   top: 50%;
   width: 150px;
   height: 150px;
   margin: -75px 0 0 -75px;
   border-radius: 50%;
   border: 3px solid transparent;
   border-top-color: #110e72;
   -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
   animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
 }
 #loader::before {
   content: "";
   position: absolute;
   top: 5px;
   left: 5px;
   right: 5px;
   bottom: 5px;
   border-radius: 50%;
   border: 3px solid transparent;
   border-top-color: #49a1da;
   -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
   animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
 }
 #loader:after {
   content: "";
   position: absolute;
   top: 15px;
   left: 15px;
   right: 15px;
   bottom: 15px;
   border-radius: 50%;
   border: 3px solid transparent;
   border-top-color: #84b8da;
   -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
   animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
 }
 @-webkit-keyframes spin {
   0% {
     -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
     -ms-transform: rotate(0deg); /* IE 9 */
     transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
   }
   100% {
     -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
     -ms-transform: rotate(360deg); /* IE 9 */
     transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
   }
 }
 @keyframes spin {
   0% {
     -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
     -ms-transform: rotate(0deg); /* IE 9 */
     transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
   }
   100% {
     -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
     -ms-transform: rotate(360deg); /* IE 9 */
     transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
   }
 }
 .geld {
   /*
    display: block;
    height: 45px;
    background: #fff url("../images/geld-lenen-kost-geld.svg") no-repeat center center;
*/
   text-align: center;
   border-bottom: solid 1px #000;
   padding: 5px;
 }
 .geld > img {
   margin: auto;
   max-width: 400px;
   height: auto;
 }
 .uk-navbar {
   background-color: #e6e6e6;
   height: 55px;
   padding: 0px 20px;
   /*     border-top: solid 10px #000;*/
 }
 .uk-logo img {
   padding-top: 9px;
   width: 250px;
   z-index: 1;
 }
 .snel-contact {
   min-height: 20px;
   background-color: #fff;
   z-index: 0;
   /* height: 90px;
   color: #fff !important;
   line-height: 120%;
*/
 }
 .uk-text-lead {
   font-size: 1.25rem;
 }
 .logo {
   font-family: "brush-script-std", sans-serif;
   font-size: 2rem;
   padding-left: 230px;
   color: #95ca47;
 }
 .uk-navbar-item, .uk-navbar-nav > li > a, .uk-navbar-toggle {
   min-height: 55px;
   color: #595959;
 }
 .uk-navbar-nav > li > a {
   text-transform: none;
 }
 .uk-offcanvas-bar {
   background-color: #95ca47;
 }
 .uk-offcanvas-bar a {
   color: #fff !important;
 }
 footer {
   background-color: #363e4e;
 }
 .footer-info {
   background-color: #95ca47;
   font-size: 0.9em;
 }
 input, textarea, select {
   scroll-margin-top: 120px; /* Pas dit aan naar de hoogte van je sticky header */
 }
 @media (max-width:479px) {
   .uk-logo img {
     padding-top: 12px;
     width: 200px;
   }
   .logo {
     font-size: 1.4rem;
       padding-left: 200px;
   }
 }
 @media (max-width:370px) {
   .uk-logo img {
     padding-top: 12px;
     width: 200px;
   }
   .logo {
     font-size: 1.3rem;
     padding-left: 180px;
   }
 }
 @media (min-width:640px) {
   .logo {
     font-size: 2rem;
     padding-left: 260px;
   }
 }
 @media (min-width:960px) {
   .uk-logo img {
     width: 300px;
     padding-top: 12px;
   }
   .logo {
     font-size: 2rem;
     padding-left: 270px;
   }
 }
 @media (min-width:1100px) {
   .logo {
     font-size: 2.5rem;
     padding-left: 270px;
   }
 }