.font {
    font-family: 'Open Sans','Gill Sans','Gill Sans MT',Calibri,sans-serif
}

.heading-font {
    font-weight: 600;
    text-transform: uppercase
}

.book-font {
    font-weight: 400
}

.strong-font {
    font-weight: 600
}

.black-font {
    font-weight: 700
}

.input-border {
    border: solid 1px #000000
}

*, :after, :before, :root {
    box-sizing: border-box;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    text-rendering: optimizeLegibility
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    transition: all .1s ease-out;
    -webkit-transition: all .1s ease-out;
    -moz-transition: all .1s ease-out;
    -o-transition: all .1s ease-out
}

[aria-busy=true] {
    cursor: progress
}

[aria-controls] {
    cursor: pointer
}

[hidden][aria-hidden=false] {
    clip: rect(0 0 0 0);
    display: inherit;
    position: absolute
}

    [hidden][aria-hidden=false]:focus {
        clip: auto
    }

body {
    margin: 0;
    padding: 0;
    text-align: center;
    background: #fff
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}

[hidden], template {
    display: none
}

.row {
    display: block;
    margin: 0;
    clear: both
}

.col-10, .col-12, .col-3, .col-4, .col-6, .col-8, .col-9 {
    width: 100%;
    max-width: 1200px;
    position: relative;
    min-height: 1px;
    padding: 1em;
    float: left
}

.center-col {
    float: none;
    margin: 0 auto
}

.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    display: inline-block
}

.wrapper {
    width: 100%
}

aside {
    z-index: 9;
    background: #ebeced;
    position: fixed;
    bottom: 0;
    width: 100%
}

.flex-center-container {
    display: flex;
    flex-direction: column;
    max-width: 600px;
    justify-content: center;
    margin: 0 auto;
    text-align: left
}

html {
    font-family: 'Open Sans','Gill Sans','Gill Sans MT',Calibri,sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    hyphens: manual
}

body {
    font-size: 18px
}

p {
    line-height: 1.75rem;
    margin-top: .4375rem;
    margin-bottom: 1.3125rem
}

ol, ul {
    margin-top: 1.75rem;
    margin-bottom: 1.75rem
}

    ol li, ul li {
        line-height: 1.75rem
    }

    ol ol, ol ul, ul ol, ul ul {
        margin-top: 0;
        margin-bottom: 0
    }

ol, p, ul {
    color: #737b80
}

blockquote {
    line-height: 1.75rem;
    margin-top: 1.75rem;
    margin-bottom: 1.75rem
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 1.75rem;
    margin-bottom: 0;
    color: #4f5458
}

h1 {
    font-size: 1.5rem;
    line-height: 3.0625rem;
    margin-top: 0;
    color: #737b80;
    padding-bottom: .5em
}

h2 {
    font-size: 1.5rem;
    line-height: 3.0625rem;
    margin-top: .875rem;
    color: #828a8f
}

    h2 small {
        display: block;
        font-size: .75rem
    }

h3 {
    font-size: 1.08rem;
    line-height: 2.1875rem;
    margin-top: .875rem;
    color: #828a8f;
    font-weight: 600
}

h4 {
    font-size: .9rem;
    line-height: 2.1875rem;
    margin-top: .875rem;
    color: #828a8f;
    font-weight: 600
}

h5 {
    font-weight: 600;
    font-size: 1.2rem
}

h6 {
    font-weight: 600;
    font-size: .96rem;
    line-height: 1em
}

table {
    margin-top: 1.75rem;
    border-spacing: 0;
    border-collapse: collapse
}

    table td, table th {
        padding: 0;
        line-height: 22.4px
    }

a {
    background-color: transparent;
    text-decoration: none;
    color: #8d9499;
    border-bottom: 1px solid #8d9499;
    transition: all .1s ease-out;
    -webkit-transition: all .1s ease-out;
    -moz-transition: all .1s ease-out;
    -o-transition: all .1s ease-out
}

    a:active, a:focus, a:hover {
        outline: 0
    }

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: 600
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 1px;
    background: #737b80;
    border: none;
    margin-top: 1.75em
}

    hr.max-width {
        max-width: 100%
    }

.modal h3 {
    text-align: left
}

.summary-list {
    text-align: left;
    margin: .5rem 0;
    padding: 0;
    list-style: none;
    position: relative;
    font-size: .9rem
}

    .summary-list li {
        display: block;
        position: relative;
        padding-left: 1.5rem
    }

        .summary-list li:before {
            content: '·';
            display: block;
            width: 10px;
            height: 10px;
            position: absolute;
            left: .5rem
        }

    .summary-list span.span-as-label {
        font-weight: 600;
        padding-right: 1rem;
        width: 180px;
        position: absolute;
        left: 1.5rem
    }

    .summary-list span.span-as-inputdata {
        display: inline-block;
        padding-left: 180px
    }

select {
    -moz-appearance: none;
    -webkit-appearance: none
}

    select::-ms-expand {
        display: none
    }

    select::-ms-value {
        color: currentColor
    }

::selection {
    background-color: #b3d4fc;
    text-shadow: none
}

select:focus::-ms-value {
    color: currentColor;
    background: #fff
}

[type=button], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=reset], [type=search], [type=submit], [type=tel], [type=text], [type=time], [type=url], [type=week], input, optgroup, select, textarea {
    font-style: inherit;
    line-height: normal;
    -webkit-appearance: none;
    background: #fff;
    border-radius: 0;
    border: solid 1px #000000;
    box-sizing: border-box;
    display: block;
    font-size: .9rem;
    font-weight: 400;
    height: 36px;
    outline: 0;
    margin: 2px auto 0;
    padding: 0 1em;
    position: relative;
    text-align: left;
    transition: all .2s ease-in-out;
    text-transform: normal;
    user-select: none;
    white-space: nowrap;
    width: 100%;
    color: rgba(0,74,137,.5);
    font-family: 'Open Sans','Gill Sans','Gill Sans MT',Calibri,sans-serif
}

    [type=button]:focus, [type=date]:focus, [type=datetime-local]:focus, [type=datetime]:focus, [type=email]:focus, [type=month]:focus, [type=number]:focus, [type=password]:focus, [type=reset]:focus, [type=search]:focus, [type=submit]:focus, [type=tel]:focus, [type=text]:focus, [type=time]:focus, [type=url]:focus, [type=week]:focus, input:focus, optgroup:focus, select:focus, textarea:focus {
        border-color: #676e73
    }

    [type=button].input-s, [type=date].input-s, [type=datetime-local].input-s, [type=datetime].input-s, [type=email].input-s, [type=month].input-s, [type=number].input-s, [type=password].input-s, [type=reset].input-s, [type=search].input-s, [type=submit].input-s, [type=tel].input-s, [type=text].input-s, [type=time].input-s, [type=url].input-s, [type=week].input-s, input.input-s, optgroup.input-s, select.input-s, textarea.input-s {
        width: 118px;
        margin-left: 0
    }

    [type=button].input-xs, [type=date].input-xs, [type=datetime-local].input-xs, [type=datetime].input-xs, [type=email].input-xs, [type=month].input-xs, [type=number].input-xs, [type=password].input-xs, [type=reset].input-xs, [type=search].input-xs, [type=submit].input-xs, [type=tel].input-xs, [type=text].input-xs, [type=time].input-xs, [type=url].input-xs, [type=week].input-xs, input.input-xs, optgroup.input-xs, select.input-xs, textarea.input-xs {
        width: 24%;
        margin-right: 2px
    }

    [type=button].input-sm, [type=date].input-sm, [type=datetime-local].input-sm, [type=datetime].input-sm, [type=email].input-sm, [type=month].input-sm, [type=number].input-sm, [type=password].input-sm, [type=reset].input-sm, [type=search].input-sm, [type=submit].input-sm, [type=tel].input-sm, [type=text].input-sm, [type=time].input-sm, [type=url].input-sm, [type=week].input-sm, input.input-sm, optgroup.input-sm, select.input-sm, textarea.input-sm {
        width: 33%;
        margin-right: 2px
    }

    [type=button].input-m, [type=date].input-m, [type=datetime-local].input-m, [type=datetime].input-m, [type=email].input-m, [type=month].input-m, [type=number].input-m, [type=password].input-m, [type=reset].input-m, [type=search].input-m, [type=submit].input-m, [type=tel].input-m, [type=text].input-m, [type=time].input-m, [type=url].input-m, [type=week].input-m, input.input-m, optgroup.input-m, select.input-m, textarea.input-m {
        width: 48%;
        margin-right: 2px
    }

    [type=button].input-l, [type=date].input-l, [type=datetime-local].input-l, [type=datetime].input-l, [type=email].input-l, [type=month].input-l, [type=number].input-l, [type=password].input-l, [type=reset].input-l, [type=search].input-l, [type=submit].input-l, [type=tel].input-l, [type=text].input-l, [type=time].input-l, [type=url].input-l, [type=week].input-l, input.input-l, optgroup.input-l, select.input-l, textarea.input-l {
        width: 67%;
        margin-right: 2px
    }

    [type=button][disabled], [type=button][readonly], [type=date][disabled], [type=date][readonly], [type=datetime-local][disabled], [type=datetime-local][readonly], [type=datetime][disabled], [type=datetime][readonly], [type=email][disabled], [type=email][readonly], [type=month][disabled], [type=month][readonly], [type=number][disabled], [type=number][readonly], [type=password][disabled], [type=password][readonly], [type=reset][disabled], [type=reset][readonly], [type=search][disabled], [type=search][readonly], [type=submit][disabled], [type=submit][readonly], [type=tel][disabled], [type=tel][readonly], [type=text][disabled], [type=text][readonly], [type=time][disabled], [type=time][readonly], [type=url][disabled], [type=url][readonly], [type=week][disabled], [type=week][readonly], input[disabled], input[readonly], optgroup[disabled], optgroup[readonly], select[disabled], select[readonly], textarea[disabled], textarea[readonly] {
        border-color: #cbced0
    }

    [type=button]#RegistrationNumber, [type=date]#RegistrationNumber, [type=datetime-local]#RegistrationNumber, [type=datetime]#RegistrationNumber, [type=email]#RegistrationNumber, [type=month]#RegistrationNumber, [type=number]#RegistrationNumber, [type=password]#RegistrationNumber, [type=reset]#RegistrationNumber, [type=search]#RegistrationNumber, [type=submit]#RegistrationNumber, [type=tel]#RegistrationNumber, [type=text]#RegistrationNumber, [type=time]#RegistrationNumber, [type=url]#RegistrationNumber, [type=week]#RegistrationNumber, input#RegistrationNumber, optgroup#RegistrationNumber, select#RegistrationNumber, textarea#RegistrationNumber {
        font-size: 2.25rem;
        text-transform: uppercase;
        letter-spacing: 3px;
        font-weight: 700;
        text-align: center;
        height: 48px;
        max-width: 300px
    }

    button:focus, input:focus, select:focus, textarea:focus {
        outline: 0
    }

button[disabled], html input[disabled], html input[readonly] {
    cursor: default;
    background-color: #f5f5f5;
    color: #7a7a86
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield
}

    input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
        -webkit-appearance: none
    }

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow-x: hidden;
    overflow-y: auto;
    min-height: 120px;
    padding-top: .5em;
    padding-bottom: .5em;
    resize: none;
    white-space: normal;
    border-radius: 10px
}

optgroup {
    font-weight: 400
}

progress {
    display: inline-block
}

::-ms-clear {
    display: none
}

::-webkit-input-placeholder {
    color: #000000;
    font-family: 'Open Sans','Gill Sans','Gill Sans MT',Calibri,sans-serif;
    font-weight: 400;
    font-style: italic
}

::-moz-placeholder {
    color: #000000;
    font-family: 'Open Sans','Gill Sans','Gill Sans MT',Calibri,sans-serif;
    font-weight: 400;
    font-style: italic
}

:-ms-input-placeholder {
    color: #000000;
    font-family: 'Open Sans','Gill Sans','Gill Sans MT',Calibri,sans-serif;
    font-weight: 400;
    font-style: italic
}

[placeholder]:focus::-webkit-input-placeholder {
    transition: text-indent 2s 1s ease;
    text-indent: -200%;
    opacity: 1
}

[placeholder]:focus::-moz-placeholder {
    transition: text-indent 2s 1s ease;
    text-indent: -200%;
    opacity: 1
}

[placeholder]:focus:-ms-input-placeholder {
    transition: text-indent 2s 1s ease;
    text-indent: -200%;
    opacity: 1
}

select {
    background: transparent url(../branding/veldhuis/assets/expand_more.svg) no-repeat 96% center;
    background-size: 18px;
    font-size: .9rem;
    font-weight: 400;
    height: 36px;
    outline: 0;
    padding: 0 2.25em 0 1em;
    color: rgba(0,74,137,.5);
    font-family: 'Open Sans','Gill Sans','Gill Sans MT',Calibri,sans-serif;
    text-transform: normal
}

.checkbox-custom, .radio-custom {
    opacity: 0;
    position: absolute;
    top: 0
}

.checkbox-custom, .checkbox-custom-label, .radio-custom, .radio-custom-label {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer;
    color: #737b80;
    font-size: .7em;
    text-indent: 0 !important
}

.checkbox-custom-label, .radio-custom-label {
    position: relative;
    padding-left: 30px;
    line-height: 24px
}

.checkbox-custom + .checkbox-custom-label:before, .radio-custom + .radio-custom-label:before {
    content: '';
    background: #fff;
    border: solid 1px #000000;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding: 2px;
    margin-right: 10px;
    text-align: center
}

.checkbox-custom + .checkbox-custom-label.label-with-tooltip:before {
    top: 0
}

.checkbox-custom:checked + .checkbox-custom-label:before {
    background: url(../branding/motorcentrumurk/assets/done.svg);
    background-size: 20px;
    background-position: center
}

.radio-custom + .radio-custom-label:before {
    border-radius: 50%
}

.radio-custom:checked + .radio-custom-label:before {
    background: #737b80
}

.checkbox-custom:focus + .checkbox-custom-label, .radio-custom:focus + .radio-custom-label {
    outline: 0
}

.radio-checkbox-container {
    position: relative
}

    .radio-checkbox-container span.error-message {
        display: inline-block;
        width: auto
    }

        .radio-checkbox-container span.error-message:before {
            left: 12px
        }

span.error-message {
    display: inline-block;
    width: auto;
    font-size: 16px;
    color: #fff;
    background-color: #ff5d54;
    padding: .75em 1em;
    border-radius: 10px;
    margin: 8px auto 0;
    position: relative
}

    span.error-message:before {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 6px 6px 6px;
        border-color: transparent transparent #ff5d54 transparent;
        top: -6px;
        left: 50%;
        margin-left: -3px
    }

    span.error-message.no-tip {
        margin-top: 0
    }

        span.error-message.no-tip:before {
            display: none
        }

.error {
    position: relative
}

.field {
    display: flex;
    flex-direction: column;
    margin: .5rem 0;
    float: left;
    position: relative
}

    .field.no-float {
        float: none
    }

    .field input, .field label {
        transition: all .2s;
        touch-action: manipulation
    }

    .field select {
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-right: 1.5em
    }

    .field.form-old-skool {
        text-align: left;
        flex-direction: row;
        justify-content: flex-start;
        width: 100%
    }

        .field.form-old-skool label {
            flex: 0 0 50%
        }

        .field.form-old-skool input, .field.form-old-skool select {
            width: 100%;
            max-width: 160px;
            margin-right: .5rem
        }

        .field.form-old-skool select {
            background-color: #fff;
            margin-left: 0
        }

    .field .mask {
        display: inline-block;
        width: 50px;
        text-align: left;
        margin-top: .75rem
    }

.field-centered {
    margin-left: auto;
    margin-right: auto;
    float: none
}

.mask, label {
    text-align: left;
    color: #737b80;
    position: relative;
    font-size: .7em;
    text-transform: normal;
    font-weight: 400
}

    .mask.info-label, label.info-label {
        display: inline-block;
        top: .6rem;
        width: 250px;
        padding-right: 1rem
    }

span.error {
    color: #fff;
    font-size: .8em;
    position: absolute;
    bottom: -22px;
    left: 0;
    height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    background: #ff5d54;
    padding: 3px
}

form h3 {
    display: block;
    position: relative;
    float: left;
    width: 100%;
    margin-top: .5em;
    margin-bottom: .25em
}

.page-form {
    padding: .1em 0 1em;
    margin-top: 0
}

    .page-form:active, .page-form:focus {
        outline: 0;
        box-shadow: none
    }

aside .page-form {
    padding: 0
}

.form-grid-100, .form-grid-20, .form-grid-25, .form-grid-30, .form-grid-40, .form-grid-50, .form-grid-60, .form-grid-70, .form-grid-75, .form-grid-small-100 {
    width: 100%
}

.form-grid-small-20 {
    width: 19%
}

.form-grid-small-25 {
    width: 24%
}

.form-grid-small-40 {
    width: 39%
}

.form-grid-small-50 {
    width: 49%
}

.form-grid-small-75 {
    width: 74%
}

.small-no-sibling {
    margin-left: 0
}

    .small-no-sibling.has-sibling {
        margin-left: 1%
    }

.small-margin-right-1, .small-no-sibling-first.has-sibling {
    margin-left: 0;
    margin-right: 1%
}

.form-grid-center label {
    float: left;
    margin-bottom: 6px
}

.form-grid-auto {
    width: auto;
    clear: both;
    text-align: center;
    display: inline-block;
    margin: 1rem auto 0
}

    .form-grid-auto .radio-checkbox-container {
        text-align: left;
        margin: .5rem auto
    }

    .form-grid-auto.medium {
        width: 100%
    }

_:-ms-fullscreen, :root select {
    background-color: transparent;
    color: #2d2d2d
}

.flex-center-container .radio-checkbox-container a {
    margin-left: 35px;
    font-size: .7em
}

.flex-center-container p, .flex-center-container ul li {
    font-size: .7em;
    line-height: 1.6
}

.flex-center-container ul {
    margin: 0
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

button {
    overflow: visible
}

button, html input[type=button], input[type=reset], input[type=submit] {
    cursor: pointer;
    border: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    font-family: 'Open Sans','Gill Sans','Gill Sans MT',Calibri,sans-serif;
    font-weight: 400
}

.btn, a.btn {
    display: inline-block;
    position: relative;
    color: #fecc00;
    padding: 0 3em 0 2em;
    line-height: 40px;
    height: 42px;
    background: #000000;
    font-size: .7em;
    text-transform: uppercase;
    font-weight: 600;
    margin: 1.5rem 0;
    border-radius: 3px;
    width: auto;
    transition: all .1s ease-out;
    -webkit-transition: all .1s ease-out;
    -moz-transition: all .1s ease-out;
    -o-transition: all .1s ease-out
}

    .btn:after, a.btn:after {
        content: '';
        width: 24px;
        height: 40px;
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        background: url(../branding/motorcentrumurk/assets/right-yellow.svg) no-repeat center;
        background-size: 12px
    }

    .btn:active, .btn:focus, .btn:hover, a.btn:active, a.btn:focus, a.btn:hover {
        background: #002e56
    }

a.btn, button.btn {
    border: none
}

    a.btn:active, a.btn:focus, a.btn:hover, button.btn:active, button.btn:focus, button.btn:hover {
        color: #fff
    }

    a.btn.btn-main, button.btn.btn-main {
        background: #575656;
        border: 2px solid #575656;
        color: #fecc00;
    }

        a.btn.btn-main:active, a.btn.btn-main:focus, a.btn.btn-main:hover, button.btn.btn-main:active, button.btn.btn-main:focus, button.btn.btn-main:hover {
            background: #000000;
            color: #fecc00;
            border-color: #000000
        }

    a.btn.btn-outline, button.btn.btn-outline {
        background: 0 0;
        border: 2px solid #000000;
        color: #000000;
        padding-right: 2em
    }

        a.btn.btn-outline:active, a.btn.btn-outline:focus, a.btn.btn-outline:hover, button.btn.btn-outline:active, button.btn.btn-outline:focus, button.btn.btn-outline:hover {
            background: #000000;
            border: 2px solid #000000;
            color: #fff
        }

    a.btn.btn-summary:after, button.btn.btn-summary:after {
        background: 0 0
    }

    a.btn.btn-small, button.btn.btn-small {
        font-size: .8em
    }

.btn-back {
    background-color: transparent;
    color: #000000;
    border-color: transparent
}

    .btn-back:active, .btn-back:focus, .btn-back:hover {
        background: #95959e;
        color: #fff
    }

.btn-subtle {
    background-color: #95959e;
    border-color: transparent
}

    .btn-subtle:active, .btn-subtle:focus, .btn-subtle:hover {
        background: #000000
    }

.btn-link {
    color: #000000;
    padding: 0;
    line-height: normal;
    border: none;
    font-weight: 600;
    display: inline-block;
    font-size: 80%;
    width: auto
}

    .btn-link:active, .btn-link:focus, .btn-link:hover {
        color: #000000
    }

.btn-disabled {
    cursor: not-allowed;
    opacity: .5;
    background: #000000 !important;
    border-color: #000000 !important
}

    .btn-disabled:active, .btn-disabled:focus, .btn-disabled:hover {
        background: #000000 !important;
        border-color: #000000 !important;
        color: #fff !important
    }

#vehicleRegistration button.btn {
    display: block;
    margin-left: auto;
    margin-right: auto
}

    #vehicleRegistration button.btn.btn-main {
        margin-bottom: 0
    }

    #vehicleRegistration button.btn.btn-outline {
        margin-top: 0
    }

header {
    height: auto
}

    header.container > div > section {
        padding: 0
    }

#logo-link {
    border: none;
    margin: 0 auto
}

    #logo-link img {
        height: 50px
    }

footer {
    position: relative;
    background-color: #737b80;
    min-height: 200px;
    width: 100%;
    padding-top: 23px;
    margin-top: 7em
}

    footer .container a {
        border: none
    }

        footer .container a.copyright {
            color: #737b80
        }

            footer .container a.copyright:active, footer .container a.copyright:focus, footer .container a.copyright:hover {
                text-decoration: underline;
                color: #737b80
            }

    footer div {
        position: relative
    }

    footer p {
        text-transform: uppercase;
        position: absolute;
        top: -68px;
        left: 15px;
        font-size: 13px;
        color: #737b80;
        margin-bottom: 0
    }

    footer ul {
        display: inline-block;
        vertical-align: top;
        margin-right: 60px;
        margin-bottom: 26px;
        margin-top: 0;
        padding: 0;
        list-style: none;
        text-align: left;
        float: left
    }

        footer ul li {
            line-height: 36px
        }

            footer ul li a {
                color: #fff;
                font-size: 16px
            }

                footer ul li a:active, footer ul li a:focus, footer ul li a:hover {
                    color: #fff;
                    text-decoration: underline
                }

    footer img {
        position: absolute;
        right: 0;
        top: -110px
    }

    footer .footer-address-block {
        max-width: 270px;
        min-width: 250px;
        display: inline-block;
        color: #fff
    }

        footer .footer-address-block .col-md-6 {
            padding-bottom: 2em
        }

    footer .container p span a {
        color: #737b80;
        text-decoration: none
    }

        footer .container p span a:hover {
            color: #737b80;
            text-decoration: underline
        }

    footer h3 {
        text-align: left;
        font-size: 16px;
        color: #fff;
        font-weight: 700;
        text-transform: none;
        margin: 20px 0 8px 0
    }

        footer h3:first-child {
            margin-top: 1em
        }

    footer ul {
        margin-right: 0
    }

        footer ul.social-media-list {
            margin: 10px 0 0 0
        }

            footer ul.social-media-list li {
                display: inline-block;
                padding-right: 14px
            }

                footer ul.social-media-list li:before {
                    display: none
                }

            footer ul.social-media-list i {
                font-size: 22px
            }

    footer li:before {
        content: ">";
        padding-right: 12px;
        color: #5d6568;
        font-weight: 700;
        font-size: 10px;
        display: inline-block;
        position: relative;
        top: -2px
    }

    footer .footer-address, footer .footer-address-2, footer ul {
        color: #99a4a9
    }

    footer .container a {
        color: #99a4a9
    }

        footer .container a:hover {
            color: #fff
        }

    footer .footer-address {
        position: relative;
        left: 40px;
        text-align: left;
        font-size: 14px
    }

    footer .footer-address-2 {
        padding-left: 50px;
        text-align: left;
        font-size: 14px
    }

.versieinfo {
    display: block;
    width: 100%;
    background: #ddd;
    padding: .75rem;
    color: #62626b;
    font-size: .75rem
}

    .versieinfo a {
        color: #62626b;
        border-bottom: 1px solid #7a7a86
    }

.col-md-2, .col-md-3 {
    width: 100%;
    display: block !important;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.stage-container {
    display: flex;
    justify-content: center;
    padding: 1em;
    max-width: 600px;
    margin: 0 auto
}

.stage {
    color: #7a7a86;
    position: relative;
    width: 33.33334%;
    text-align: center
}

    .stage:before {
        content: "";
        display: block;
        position: relative;
        width: 8px;
        height: 8px;
        border-radius: 100%;
        background-color: #ddd;
        margin: 0 auto 2.75em;
        top: 20px
    }

    .stage:after {
        content: "";
        display: block;
        width: 100%;
        height: 2px;
        background-color: #ddd;
        position: absolute;
        top: 23px;
        z-index: -1
    }

    .stage.stage-active:before {
        width: 48px;
        height: 48px;
        border-radius: 100%;
        background-color: #fecc00;
        margin: 0 auto .5em;
        border: 20px solid #575656;
        top: 0
    }

    .stage:first-child:after {
        width: 50%;
        left: 50%
    }

    .stage:last-child:after {
        width: 50%;
        right: 50%
    }

    .stage span {
        font-size: .75rem;
        text-transform: uppercase;
        font-weight: 600
    }

#stageRegistration {
    flex-direction: column;
    max-width: 600px;
    margin: 0 auto
}

#vehicleRegistration label {
    text-align: center
}

.well-presentation {
    background: #f5f5f5;
    padding: 1rem;
    margin: 1rem auto;
    max-width: 600px
}

    .well-presentation label {
        line-height: 38px
    }

    .well-presentation .read-only {
        display: inline-block;
        line-height: 1.5rem;
        margin-top: 5px;
        color: #737b80;
        padding-left: 1.25rem;
        font-size: .85rem
    }

    .well-presentation input {
        max-width: 150px;
        margin-left: 0
    }

.clean-presentation {
    padding: 1rem;
    margin: 1rem auto;
    max-width: 600px
}

section.centered.no-float .form-grid-center {
    width: 100%;
    display: inline-block;
    margin-top: .75rem;
    vertical-align: top
}

body {
    padding-bottom: 120px
}

aside.fixed {
    top: 0;
    left: 0;
    overflow-y: scroll
}

.col-sm-12-sticky {
    text-align: center
}

.module-shopping-cart {
    padding: 1.25rem;
    border-radius: 6px;
    max-width: 400px;
    float: none;
    margin: 0 auto
}

    .module-shopping-cart h3 {
        text-align: left;
        margin: 1rem 0 .5rem
    }

        .module-shopping-cart h3 small {
            font-size: .8rem
        }

.shopping-cart-premium {
    width: 100%;
    font-size: .8rem;
    color: #737b80;
    margin-top: 0
}

    .shopping-cart-premium hr {
        margin: 1rem 0
    }

    .shopping-cart-premium img {
        width: 50%;
        float: left;
        padding: 0 0 1.5rem 0
    }

.cart-label {
    text-align: left;
    font-weight: 600
}

.cart-amount {
    text-align: right;
    font-size: .9rem
}

    .cart-amount:before {
        content: '€ ';
        display: inline-block;
        padding: 0 .15rem;
        float: left;
        color: #a8aeb1
    }

.cart-amount-totals, .cart-label-totals {
    font-weight: 600;
    font-size: 1rem;
    text-transform: none
}

    .cart-amount-totals span, .cart-label-totals span {
        font-size: .75rem;
        font-weight: 400
    }

#cartToggleButton {
    border: none;
    background: transparent url(../branding/veldhuis/assets/expand_less.svg) no-repeat;
    width: 42px;
    height: 42px;
    border-radius: 100%;
    text-align: center;
    line-height: 21px;
    padding: 0;
    position: absolute;
    right: 1rem;
    top: 1.25rem
}

    #cartToggleButton.active, #cartToggleButton:active {
        background-image: url(../branding/veldhuis/assets/expand_more.svg)
    }

.stage-config {
    border: 2px solid #d6daff !important;
    border-radius: 6px;
    margin-bottom: 5rem
}

    .stage-config label {
        color: #9ba1a5;
        font-size: 16px;
        text-align: left
    }

    .stage-config .form-grid-50 .inset-label {
        display: block;
        padding-left: 1.15rem;
        line-height: 1.8;
        margin-top: 1rem
    }

    .stage-config .flex .form-grid-50 {
        width: 100% !important
    }

        .stage-config .flex .form-grid-50:first-child {
            padding-right: 0 !important
        }

            .stage-config .flex .form-grid-50:first-child .relative {
                padding-right: 0
            }

        .stage-config .flex .form-grid-50:last-child {
            padding-right: 0
        }

            .stage-config .flex .form-grid-50:last-child div {
                padding-right: 0
            }

.config-form {
    text-align: center
}

    .config-form button {
        margin: 1rem 0
    }

.config-prize {
    border-bottom: 2px solid #d6daff;
    padding: 1.25rem
}

    .config-prize .radio-checkbox-container {
        text-align: center;
        margin: .25rem 0 1rem
    }

    .config-prize .radio-custom-label {
        color: #9ba1a5
    }

    .config-prize input[type=radio] {
        width: auto
    }

.prize-is-object-container .radio-checkbox-container {
    text-align: left;
    padding-left: 3rem
}

.config-application {
    padding: 1.25rem
}

    .config-application .radio-checkbox-container {
        margin: .25rem 0 1rem;
        padding-left: 1rem;
        text-align: left
    }

        .config-application .radio-checkbox-container:first-child {
            margin-top: 2rem
        }

.application-form {
    padding: 1.25rem
}

    .application-form section {
        border-bottom: 2px solid #d6daff;
        padding-bottom: 1.25rem;
        margin-bottom: .75rem
    }

        .application-form section:last-child {
            border: none;
            padding-bottom: 0;
            margin-bottom: 0
        }

    .application-form h4 {
        font-weight: 600;
        color: #4237cd;
        margin-top: 0;
        margin-bottom: 1rem
    }

.flex-form {
    display: flex
}

    .flex-form > label {
        line-height: 36px
    }

    .flex-form label {
        width: 40%
    }

    .flex-form input, .flex-form select, .flex-form textarea {
        margin-bottom: 1em;
        float: left
    }

        .flex-form input[type=radio] {
            width: auto
        }

            .flex-form input[type=radio] + label {
                margin-top: 7px;
                margin-left: 1em
            }

    .flex-form .form-grid-60 {
        text-align: left
    }

.config-form .flex-form > label {
    width: 60%
}

.flex-form .input-error {
    background-color: #fcd6cc
}

.flex-form .error-message {
    display: inline-block;
    top: -12px
}

.insurance-credits {
    margin-top: 2rem
}

.insurance-credits-list {
    list-style: none;
    margin: 0;
    padding: 0
}

    .insurance-credits-list li {
        display: inline-block;
        width: 50%;
        float: left;
        padding: 1rem
    }

        .insurance-credits-list li span {
            font-size: .75rem;
            font-weight: 700
        }

        .insurance-credits-list li img {
            display: block;
            width: 75%;
            margin: 0 auto
        }

.pdf-link {
    list-style: none;
    text-align: left;
    padding-left: 0;
    position: relative
}

    .pdf-link li {
        margin-bottom: .5rem;
        padding-left: 2.1rem
    }

        .pdf-link li:before {
            display: inline-block;
            width: 2rem;
            height: 2rem;
            content: '';
            position: relative;
            left: 0;
            background: url(../branding/veldhuis/assets/pdf.svg) no-repeat;
            background-size: 2rem
        }

.more-info {
    display: inline-block;
    position: relative;
    width: 22px;
    height: 22px;
    border-radius: 5px 5px 5px 0;
    background: #ddd;
    color: #fff;
    font-size: .9rem;
    line-height: 22px;
    top: -1rem;
    cursor: pointer
}

    .more-info:active, .more-info:hover {
        background: #c4c4c4
    }

label .more-info {
    position: absolute;
    border-radius: 5px 5px 0 5px;
    text-align: center;
    left: -1.5rem
}

.modal {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.96);
    overflow-y: scroll;
    z-index: 10
}

.modal-content {
    width: 100%;
    max-width: 600px;
    height: auto;
    margin: 0 auto;
    display: block;
    overflow: hidden;
    padding: 0 1rem
}

.close-modal {
    cursor: pointer;
    background-image: url(../branding/veldhuis/assets/close.svg);
    background-repeat: no-repeat;
    background-position: center center;
    width: 36px;
    height: 36px;
    display: inline-block;
    position: absolute;
    right: 1.5rem;
    top: 1.5rem
}

.info-trigger {
    position: relative;
    background: #ddd;
    display: inline-block;
    font-style: normal;
    font-weight: 700;
    width: 17px;
    height: 17px;
    font-size: 12px;
    line-height: inherit;
    text-align: center;
    border-radius: 100%;
    color: #737b80;
    top: -3px;
    left: 4px;
    cursor: pointer
}

    .info-trigger:active, .info-trigger:focus, .info-trigger:hover {
        background-color: #737b80;
        color: #ddd
    }

.tippy-tooltip.translucent-theme {
    background-color: #000000
}

.tippy-popper[x-placement^=bottom] .tippy-tooltip.translucent-theme .tippy-arrow, .tippy-popper[x-placement^=left] .tippy-tooltip.translucent-theme .tippy-arrow, .tippy-popper[x-placement^=right] .tippy-tooltip.translucent-theme .tippy-arrow, .tippy-popper[x-placement^=top] .tippy-tooltip.translucent-theme .tippy-arrow {
    background-color: #000000
}

.tippy-roundarrow {
    fill: #000000
}

#refresh {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 99999999;
    background-color: rgba(0,0,0,.25);
    text-align: center;
    top: 0;
    left: 0
}

    #refresh:after {
        content: "";
        display: block;
        background-image: url(../branding/veldhuis/assets/loop.svg);
        background-repeat: no-repeat;
        background-position: center center;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 120px;
        height: 120px;
        margin: -60px 0 0 -60px;
        -webkit-animation: spin 1s linear infinite;
        -moz-animation: spin 1s linear infinite;
        animation: spin 1s linear infinite
    }

.fixed {
    position: fixed;
    overflow: hidden
}

.overflow-hidden {
    overflow: hidden
}

.hidden {
    display: none
}

.visible-small {
    display: block
}

.visible-medium {
    display: none
}

.visible-large {
    display: none
}

.btn.hidden-small, .hidden-small {
    display: none
}

.hidden-medium {
    display: block
}

.hidden-large {
    display: block
}

.margin-0 {
    margin: 0 !important
}

.margin-top-0 {
    margin-top: 0 !important
}

.margin-bottom-0 {
    margin-bottom: 0 !important
}

.margin-top-1 {
    margin-top: 1em !important
}

.margin-right-1 {
    margin-right: 1em !important
}

.padding-0 {
    padding: 0 !important
}

.padding-top-0 {
    padding-top: 0 !important
}

.padding-bottom-0 {
    padding-bottom: 0 !important
}

.padding-bottom-1 {
    padding-bottom: 1em !important
}

.padding-right-1 {
    padding-right: 1em !important
}

.no-float {
    float: none;
    clear: both
}

.float-left {
    float: left
}

.float-right {
    float: right
}

.centered {
    text-align: center;
    display: block
}

.relative {
    position: relative;
    display: block;
    width: 100%;
    float: left
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.auto-width {
    width: auto !important
}

.flex {
    display: flex
}

.theiaStickySidebar {
    z-index: 1
}

@media (min-width:440px) {
    section.centered.no-float .form-grid-center {
        width: 200px
    }
}

@media (min-width:450px) {
    .field.form-old-skool label {
        flex: 0 0 40%
    }

    .field.form-old-skool input, .field.form-old-skool select {
        max-width: 190px
    }

    .form-grid-50 {
        width: 49%
    }

    .has-sibling {
        margin-left: 1%
    }

        .has-sibling.small-no-sibling {
            margin-left: 1%
        }

    .small-no-sibling-first.has-sibling {
        margin-left: 1%;
        margin-right: 0
    }

    .small-margin-right-1 {
        margin-right: 0
    }
}

@media (min-width:500px) {
    .form-grid-20 {
        width: 19%
    }

    .form-grid-25 {
        width: 24%
    }

    .form-grid-30 {
        width: 29%
    }

    .form-grid-40 {
        width: 39%
    }

    .form-grid-60 {
        width: 59%
    }

    .form-grid-70 {
        width: 69%
    }

    .form-grid-75 {
        width: 74%
    }

    .form-grid-100 {
        width: 99%
    }
}

@media (min-width:550px) {
    .field.form-old-skool label {
        flex: 0 0 30%
    }

    .field.form-old-skool input, .field.form-old-skool select {
        max-width: 200px
    }
}

@media (min-width:601px) {
    .stage-config .flex .form-grid-50 {
        width: 49% !important
    }

        .stage-config .flex .form-grid-50:first-child {
            padding-right: 3rem !important
        }

    .config-application .radio-checkbox-container {
        padding-left: 3rem
    }

        .config-application .radio-checkbox-container:first-child {
            margin-top: 5rem
        }
}

@media (min-width:678px) {
    .col-10 {
        width: 90%
    }

    .col-9 {
        width: 66.66666667%
    }

    .col-4.col-sm-6, .col-6 {
        width: 50%
    }

    .col-3 {
        width: 50%
    }

    .col-sm-3 {
        width: 50%
    }

    .col-4, .col-sm-4 {
        width: 33.33333333%
    }

    .col-md-12, .col-sm-12 {
        width: 100%
    }

    .inset-3 {
        margin-left: 15%
    }

    .inset-2 {
        margin-left: 5%
    }

    h1 {
        font-size: 1.8rem;
        line-height: 3.0625rem;
        margin-top: .4375rem
    }

    h2 {
        font-size: 1.8rem;
        line-height: 3.5rem;
        margin-top: 1.75rem
    }

    h3 {
        margin-top: 1.75rem
    }

    h4 {
        margin-top: 1.75rem
    }

    .form-grid-auto.medium {
        width: 400px
    }

    #logo-link img {
        height: 80px
    }

    .visible-small {
        display: none
    }

    .visible-medium {
        display: block
    }

    .btn.hidden-small, .hidden-small {
        display: block
    }

    .hidden-medium {
        display: none
    }
}

@media (min-width:678px) and (max-width:901px) {
    .flex {
        flex-direction: column
    }
}

@media (min-width:901px) and (max-width:1230px) {
    footer.small-footer .copyright-paragraph {
        top: -102px;
        text-align: left
    }

        footer.small-footer .copyright-paragraph span {
            display: block
        }
}

@media (min-width:901px) {
    .col-10 {
        width: 80%
    }

    .col-3 {
        width: 25%
    }

    .col-4, .col-4.col-sm-6 {
        width: 33.33333333%
    }

    .col-9 {
        width: 75%
    }

    .col-sm-12 {
        width: 50%
    }

    .inset-2 {
        margin-left: 10%
    }

    h1 {
        margin-top: .4375rem
    }

    h3 {
        margin-top: 1.75rem
    }

    h4 {
        margin-top: 1.75rem
    }

    hr {
        border: none;
        max-width: 1160px
    }

        hr.margin-0 {
            margin: 0 auto
        }

        hr.max-width {
            max-width: 100%
        }

    .col-md-2, .col-md-3 {
        float: left
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-3 {
        width: 25%
    }

    .visible-large {
        display: block
    }

    .inline-block {
        display: inline-block
    }

    .hidden-large {
        display: none
    }
}

@media (min-width:970px) {
    footer.small-footer {
        width: auto;
        margin-right: 320px
    }

    body {
        padding-bottom: 0
    }

    aside {
        right: 0;
        height: 100%;
        width: 320px
    }

        aside #cartToggleButton {
            display: none
        }

        aside #shoppingCartData {
            display: block !important
        }

    #main-box {
        margin-right: 320px
    }
}

@media (min-width:1300px) {
    .col-8 {
        width: 66.66666667%
    }

    .inset-4 {
        margin-left: 16.6666666%
    }
}

@media (min-width:1400px) {
    footer.small-footer {
        margin-right: 400px
    }

    aside {
        width: 400px
    }

    #main-box {
        margin-right: 400px
    }
}

@media (max-width:1200px) {
    footer .footer-address {
        position: static
    }

    footer .footer-address-2 {
        padding-left: 0
    }
}

@media all and (max-width:901px) {
    footer {
        padding: 15px 0 !important;
        text-align: center
    }

        footer ul {
            display: block;
            margin: 0
        }

            footer ul.social-media-list {
                margin: 30px 0
            }

        footer img {
            top: -100px;
            right: 50%;
            margin-right: -112px
        }

        footer p {
            position: static;
            color: #fff
        }

        footer .footer-address-block {
            max-width: none;
            display: block
        }
}

@media (max-width:900px) {
    footer .container a.copyright {
        color: #fff
    }

        footer .container a.copyright:active, footer .container a.copyright:focus, footer .container a.copyright:hover {
            color: #fff
        }

    footer .container p span a {
        color: #fff
    }

        footer .container p span a:hover {
            color: #fff
        }

    footer h3 {
        text-align: center
    }

    footer ul {
        float: none;
        text-align: center
    }

    footer .footer-address {
        text-align: center
    }

    footer .footer-address-2 {
        text-align: center
    }

    footer ul li:before {
        display: none
    }
}

@media (max-width:677px) {
    .margin-right-0-small {
        margin-right: 0 !important
    }

    .float-left-small {
        float: left !important
    }

    .float-none-small {
        float: none !important
    }
}

@media (max-width:600px) {
    .flex {
        flex-direction: column
    }
}

@media (max-width:400px) {
    h1 {
        font-size: 1.08rem;
        line-height: 2.1875rem;
        margin-top: .4375rem
    }

    h2 {
        margin-top: 1.575rem;
        font-size: 1.08rem;
        line-height: 2.1875rem
    }

    .hidden-very-small {
        display: none
    }
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg)
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}