@font-face{font-family:Kenteken;font-style:normal;font-weight:300;src:url(../kenteken/kenteken.eot);src:url(../kenteken/kenteken.eot?#iefix) format("embedded-opentype"),url(../kenteken/kenteken.woff2) format("woff2"),url(../kenteken/kenteken.woff) format("woff"),url(../kenteken/kenteken.ttf) format("ttf"),url(../kenteken/kenteken.svg#Kenteken) format("svg")}.kentekenplaat{background:#f2ba00 url(../flag.svg) no-repeat 0 0;border:1px solid #000;border-radius:3px;box-sizing:border-box;color:#222;font-family:Kenteken,Arial,sans-serif;font-size:1em;font-weight:700;line-height:normal;max-width:7em;padding:.1em .1em .1em 1em;text-shadow:1px 1px #ffe153;text-transform:uppercase;transition:background-color .3s ease,text-shadow .3s ease}.kentekenplaat:focus{background-color:#ffc70d;outline:0;text-shadow:0 0 #ffe153}#offerteForm{transition:all .5s ease-in-out}#offerteForm.bgGray{background-color:#f7f7f7}.loader{align-items:center;background-color:#fff;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:100px;transition:all .5s ease-in-out;visibility:hidden;z-index:1}.loader img,.loader svg{transform:scale(2)}.loader.showLoader{opacity:1;visibility:visible}.car__body{animation:shake .2s ease-in-out infinite alternate}.car__line{transform-origin:center right;stroke-dasharray:22;animation:line .8s ease-in-out infinite;animation-fill-mode:both}.car__line--top{animation-delay:0s}.car__line--middle{animation-delay:.2s}.car__line--bottom{animation-delay:.4s}@keyframes shake{0%{transform:translateY(-1%)}to{transform:translateY(3%)}}@keyframes line{0%{stroke-dashoffset:22}25%{stroke-dashoffset:22}50%{stroke-dashoffset:0}51%{stroke-dashoffset:0}80%{stroke-dashoffset:-22}to{stroke-dashoffset:-22}}.quote-page{height:calc(100vh - var(--header-height));overflow:hidden;position:relative;transition:all .5s ease-in-out}.quote-page .navSteps{align-items:center;background-color:#fff;bottom:0;display:flex;height:80px;justify-content:center;left:0;position:absolute;right:0;transition:all .5s ease-in-out;z-index:10}.quote-page .navSteps.hide{opacity:0;visibility:hidden}.quote-page .navSteps .navItem{align-items:center;border:2px solid #000;border-radius:50%;color:#000;cursor:not-allowed;display:flex;float:left;font-weight:700;height:40px;justify-content:center;opacity:.2;position:relative;transition:all .5s ease-in-out;width:40px}.quote-page .navSteps .navItem:not(:last-of-type){margin-right:20px}.quote-page .navSteps .navItem:not(.step-open,.step-active){pointer-events:none}.quote-page .navSteps .navItem img,.quote-page .navSteps .navItem svg{fill:currentColor;height:1.125rem;width:1.125rem}.quote-page .navSteps .navItem.step-open{cursor:pointer;opacity:1}.quote-page .navSteps .navItem.step-active{border-color:var(--color-primary);color:var(--color-primary);cursor:pointer;opacity:1}.quote-page .kentekenplaat{font-size:32px}.quote-page .licenseFormatting{text-transform:uppercase}.quote-page .form-steps{height:100%;position:relative;width:100%}.quote-page .form-steps .step{align-items:center;display:flex;height:100%;justify-content:center;overflow-y:auto;position:absolute;right:-100%;transform:translateZ(0);transition:all .4s cubic-bezier(.86,0,.07,1);width:100%}.quote-page .form-steps .step.step-done{transform:translate3d(-200%,0,0)!important}.quote-page .form-steps .step.step-active{overflow-y:auto!important;transform:translate3d(-100%,0,0)!important;visibility:visible!important}.quote-page .form-steps .successWrapper i{color:#0dc152;display:table;font-size:100px;margin:0 auto 30px}.quote-page .form-steps .content-wrapper{margin-bottom:1rem}.quote-page .form-steps .content-wrapper h1,.quote-page .form-steps .content-wrapper h2{margin-bottom:5px}.quote-page .form-steps .content-wrapper h1.center,.quote-page .form-steps .content-wrapper h2.center{text-align:center}.quote-page .form-steps .content-wrapper p{margin:0}.quote-page .form-steps .content-wrapper p:not(:last-of-type){margin-bottom:5px}.quote-page .form-steps .content-wrapper p.center{text-align:center}.quote-page .form-steps .btnFinishMobile{display:table;margin:0 auto}.quote-page .form-steps .buttonList{display:table}.quote-page .form-steps .buttonList.center{margin:0 auto}@media only screen and (max-width:992px){.offertePage .form-steps .step{padding:20px 0 100px}.offertePage .form-steps .step .stepContent{display:block}.offertePage .form-steps .colFinalForm{order:2}.offertePage .form-steps .colFinalText{margin-bottom:30px;order:1}}@media only screen and (max-width:576px){.quote-page .navSteps{box-shadow:0 0 5px -1px #2929293b;position:fixed;z-index:99}}