@font-face {
    font-family: Plastic Sans;
    src: url(../assets/fonts/plasticsans-bold-v100.woff2) format("woff2"),url(../assets/fonts/plasticsans-bold-v100.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: OpenSans;
    src: url(../assets/fonts/open-sans-v13-latin-regular.woff2) format("woff2"),url(../assets/fonts/open-sans-v13-latin-regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: OpenSans;
    src: url(../assets/fonts/open-sans-v13-latin-600.woff2) format("woff2"),url(../assets/fonts/open-sans-v13-latin-600.woff) format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: OpenSans;
    src: url(../assets/fonts/open-sans-v13-latin-700.woff2) format("woff2"),url(../assets/fonts/open-sans-v13-latin-700.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

body {
    font-size: 1rem;
    line-height: 1.5625rem;
    font-weight: 400;
    font-family: OpenSans,Arial,"sans-serif";
    color: #333;
    letter-spacing: 0;
    background-color: #fff;
    margin: 0
}

body.no-scroll {
    overflow: hidden;
    height: 100vh
}

h1,h2,h3,h4,h5,h6 {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.2;
    margin: 0 0 .3125rem
}

hr {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 0;
    border-top: 2px solid #e5edfd
}

p {
    margin-top: 0;
    margin-bottom: 1.5625rem
}

abbr[title] {
    cursor: help
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

dl,ol,ul {
    margin-top: 0;
    margin-bottom: 1.25rem;
    padding-left: 1.5rem
}

ol ol,ol ul,ul ol,ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 400
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

a {
    color: #0050f0;
    text-decoration: underline
}

a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover {
    color: inherit;
    text-decoration: none
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle
}

[role=button] {
    cursor: pointer
}

input::-ms-clear {
    display: none
}

[role=button],a,area,button,input,label,select,summary,textarea {
    touch-action: manipulation
}

select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000
}

select:invalid {
    box-shadow: none
}

table {
    border-collapse: collapse
}

caption {
    caption-side: bottom
}

caption,th {
    text-align: left
}

label {
    display: inline-block;
    margin-bottom: .625rem
}

button,input,select,textarea {
    line-height: inherit
}

input[type=date],input[type=datetime-local],input[type=month],input[type=time] {
    -webkit-appearance: listbox
}

textarea {
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit
}

input[type=search],input[type=submit] {
    -webkit-appearance: none
}

output {
    display: inline-block
}

[hidden] {
    display: none!important
}

small {
    font-size: .75rem;
    line-height: 1.25rem;
    font-weight: 400;
    font-family: OpenSans,Arial,"sans-serif";
    color: #333;
    margin-bottom: 1.25rem
}

html {
    box-sizing: border-box
}

*,:after,:before {
    box-sizing: inherit
}

html {
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.container {
    transition: width .3s ease,max-width .3s ease,margin-left .3s ease,margin-right .3s ease
}

@media(min-width: 320px) {
    .container {
        margin-right:15px;
        margin-left: 15px
    }
}

@media(min-width: 360px) {
    .container {
        margin-right:20px;
        margin-left: 20px
    }
}

@media(min-width: 720px) {
    .container {
        margin-right:20px;
        margin-left: 20px
    }
}

@media(min-width: 1024px) {
    .container {
        margin-right:auto;
        margin-left: auto
    }
}

@media(min-width: 1200px) {
    .container {
        margin-right:auto;
        margin-left: auto
    }
}

@media(min-width: 320px) {
    .container {
        padding-right:.3125rem;
        padding-left: .3125rem
    }
}

@media(min-width: 360px) {
    .container {
        padding-right:.469924812rem;
        padding-left: .469924812rem
    }
}

@media(min-width: 720px) {
    .container {
        padding-right:.625rem;
        padding-left: .625rem
    }
}

@media(min-width: 1024px) {
    .container {
        padding-right:.625rem;
        padding-left: .625rem
    }
}

@media(min-width: 1200px) {
    .container {
        padding-right:.9375rem;
        padding-left: .9375rem
    }
}

@media(min-width: 320px) {
    .container {
        max-width:100%
    }
}

@media(min-width: 360px) {
    .container {
        max-width:100%
    }
}

@media(min-width: 720px) {
    .container {
        max-width:100%
    }
}

@media(min-width: 1024px) {
    .container {
        max-width:960px
    }
}

@media(min-width: 1200px) {
    .container {
        max-width:1200px
    }
}

.container-fluid {
    width: 100%;
    transition: max-width .3s ease
}

@media(min-width: 320px) {
    .container-fluid {
        margin-right:15px;
        margin-left: 15px
    }
}

@media(min-width: 360px) {
    .container-fluid {
        margin-right:20px;
        margin-left: 20px
    }
}

@media(min-width: 720px) {
    .container-fluid {
        margin-right:20px;
        margin-left: 20px
    }
}

@media(min-width: 1024px) {
    .container-fluid {
        margin-right:auto;
        margin-left: auto
    }
}

@media(min-width: 1200px) {
    .container-fluid {
        margin-right:auto;
        margin-left: auto
    }
}

@media(min-width: 320px) {
    .container-fluid {
        padding-right:.3125rem;
        padding-left: .3125rem
    }
}

@media(min-width: 360px) {
    .container-fluid {
        padding-right:.469924812rem;
        padding-left: .469924812rem
    }
}

@media(min-width: 720px) {
    .container-fluid {
        padding-right:.625rem;
        padding-left: .625rem
    }
}

@media(min-width: 1024px) {
    .container-fluid {
        padding-right:.625rem;
        padding-left: .625rem
    }
}

@media(min-width: 1200px) {
    .container-fluid {
        padding-right:.9375rem;
        padding-left: .9375rem
    }
}

.row {
    display: flex;
    flex-wrap: wrap
}

@media(min-width: 320px) {
    .row {
        margin-right:-.3125rem;
        margin-left: -.3125rem
    }
}

@media(min-width: 360px) {
    .row {
        margin-right:-.469924812rem;
        margin-left: -.469924812rem
    }
}

@media(min-width: 720px) {
    .row {
        margin-right:-.625rem;
        margin-left: -.625rem
    }
}

@media(min-width: 1024px) {
    .row {
        margin-right:-.625rem;
        margin-left: -.625rem
    }
}

@media(min-width: 1200px) {
    .row {
        margin-right:-.9375rem;
        margin-left: -.9375rem
    }
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-auto,.col-lg,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-auto,.col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md-auto,.col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-auto,.col-xs,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-auto {
    position: relative;
    width: 100%;
    min-height: 1px
}

@media(min-width: 320px) {
    .col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-auto,.col-lg,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-auto,.col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md-auto,.col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-auto,.col-xs,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-auto {
        padding-right:.3125rem;
        padding-left: .3125rem
    }
}

@media(min-width: 360px) {
    .col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-auto,.col-lg,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-auto,.col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md-auto,.col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-auto,.col-xs,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-auto {
        padding-right:.469924812rem;
        padding-left: .469924812rem
    }
}

@media(min-width: 720px) {
    .col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-auto,.col-lg,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-auto,.col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md-auto,.col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-auto,.col-xs,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-auto {
        padding-right:.625rem;
        padding-left: .625rem
    }
}

@media(min-width: 1024px) {
    .col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-auto,.col-lg,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-auto,.col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md-auto,.col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-auto,.col-xs,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-auto {
        padding-right:.625rem;
        padding-left: .625rem
    }
}

@media(min-width: 1200px) {
    .col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-auto,.col-lg,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-auto,.col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md-auto,.col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-auto,.col-xs,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-auto {
        padding-right:.9375rem;
        padding-left: .9375rem
    }
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none
}

.col-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
}

.col-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
}

.col-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
}

.col-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
}

.col-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

@media(min-width: 320px) {
    .col-xs {
        flex-basis:0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xs-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-xs-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-xs-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-xs-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xs-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-xs-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-xs-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xs-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-xs-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-xs-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xs-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-xs-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-xs-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xs-1 {
        order: 1
    }

    .order-xs-2 {
        order: 2
    }

    .order-xs-3 {
        order: 3
    }

    .order-xs-4 {
        order: 4
    }

    .order-xs-5 {
        order: 5
    }

    .order-xs-6 {
        order: 6
    }

    .order-xs-7 {
        order: 7
    }

    .order-xs-8 {
        order: 8
    }

    .order-xs-9 {
        order: 9
    }

    .order-xs-10 {
        order: 10
    }

    .order-xs-11 {
        order: 11
    }

    .order-xs-12 {
        order: 12
    }
}

@media(min-width: 360px) {
    .col-sm {
        flex-basis:0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-sm-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-sm-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-sm-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-sm-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-sm-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-1 {
        order: 1
    }

    .order-sm-2 {
        order: 2
    }

    .order-sm-3 {
        order: 3
    }

    .order-sm-4 {
        order: 4
    }

    .order-sm-5 {
        order: 5
    }

    .order-sm-6 {
        order: 6
    }

    .order-sm-7 {
        order: 7
    }

    .order-sm-8 {
        order: 8
    }

    .order-sm-9 {
        order: 9
    }

    .order-sm-10 {
        order: 10
    }

    .order-sm-11 {
        order: 11
    }

    .order-sm-12 {
        order: 12
    }
}

@media(min-width: 720px) {
    .col-md {
        flex-basis:0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-md-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-md-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-md-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-md-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-md-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .col-md-offset-1 {
        margin-left: 8.3333333333%
    }

    .col-md-offset-2 {
        margin-left: 16.6666666667%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-4 {
        margin-left: 33.3333333333%
    }

    .col-md-offset-5 {
        margin-left: 41.6666666667%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-7 {
        margin-left: 58.3333333333%
    }

    .col-md-offset-8 {
        margin-left: 66.6666666667%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-10 {
        margin-left: 83.3333333333%
    }

    .col-md-offset-11 {
        margin-left: 91.6666666667%
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .order-md-1 {
        order: 1
    }

    .order-md-2 {
        order: 2
    }

    .order-md-3 {
        order: 3
    }

    .order-md-4 {
        order: 4
    }

    .order-md-5 {
        order: 5
    }

    .order-md-6 {
        order: 6
    }

    .order-md-7 {
        order: 7
    }

    .order-md-8 {
        order: 8
    }

    .order-md-9 {
        order: 9
    }

    .order-md-10 {
        order: 10
    }

    .order-md-11 {
        order: 11
    }

    .order-md-12 {
        order: 12
    }
}

@media(min-width: 1024px) {
    .col-lg {
        flex-basis:0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-lg-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-lg-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-lg-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-lg-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-lg-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .col-lg-offset-1 {
        margin-left: 8.3333333333%
    }

    .col-lg-offset-2 {
        margin-left: 16.6666666667%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-4 {
        margin-left: 33.3333333333%
    }

    .col-lg-offset-5 {
        margin-left: 41.6666666667%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-7 {
        margin-left: 58.3333333333%
    }

    .col-lg-offset-8 {
        margin-left: 66.6666666667%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-10 {
        margin-left: 83.3333333333%
    }

    .col-lg-offset-11 {
        margin-left: 91.6666666667%
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .order-lg-1 {
        order: 1
    }

    .order-lg-2 {
        order: 2
    }

    .order-lg-3 {
        order: 3
    }

    .order-lg-4 {
        order: 4
    }

    .order-lg-5 {
        order: 5
    }

    .order-lg-6 {
        order: 6
    }

    .order-lg-7 {
        order: 7
    }

    .order-lg-8 {
        order: 8
    }

    .order-lg-9 {
        order: 9
    }

    .order-lg-10 {
        order: 10
    }

    .order-lg-11 {
        order: 11
    }

    .order-lg-12 {
        order: 12
    }
}

@media(min-width: 1200px) {
    .col-xl {
        flex-basis:0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-xl-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-xl-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-xl-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-xl-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-xl-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .col-xl-offset-1 {
        margin-left: 8.3333333333%
    }

    .col-xl-offset-2 {
        margin-left: 16.6666666667%
    }

    .col-xl-offset-3 {
        margin-left: 25%
    }

    .col-xl-offset-4 {
        margin-left: 33.3333333333%
    }

    .col-xl-offset-5 {
        margin-left: 41.6666666667%
    }

    .col-xl-offset-6 {
        margin-left: 50%
    }

    .col-xl-offset-7 {
        margin-left: 58.3333333333%
    }

    .col-xl-offset-8 {
        margin-left: 66.6666666667%
    }

    .col-xl-offset-9 {
        margin-left: 75%
    }

    .col-xl-offset-10 {
        margin-left: 83.3333333333%
    }

    .col-xl-offset-11 {
        margin-left: 91.6666666667%
    }

    .col-xl-offset-12 {
        margin-left: 100%
    }

    .order-xl-1 {
        order: 1
    }

    .order-xl-2 {
        order: 2
    }

    .order-xl-3 {
        order: 3
    }

    .order-xl-4 {
        order: 4
    }

    .order-xl-5 {
        order: 5
    }

    .order-xl-6 {
        order: 6
    }

    .order-xl-7 {
        order: 7
    }

    .order-xl-8 {
        order: 8
    }

    .order-xl-9 {
        order: 9
    }

    .order-xl-10 {
        order: 10
    }

    .order-xl-11 {
        order: 11
    }

    .order-xl-12 {
        order: 12
    }
}

.headline {
    font-size: 2.25rem;
    line-height: 2.8125rem;
    font-weight: 700;
    font-family: Plastic Sans,Arial,"sans-serif";
    color: #07ac2b;
    margin-bottom: .625rem
}

@media(min-width: 720px) {
    .headline {
        font-size:3rem;
        line-height: 3.75rem
    }
}

.headline--white {
    color: #fff
}

.headline--grey {
    color: #333
}

.sub-headline {
    font-size: 1.75rem;
    line-height: 2.625rem;
    font-weight: 400;
    font-family: OpenSans,Arial,"sans-serif";
    color: #333;
    margin-bottom: 1.25rem
}

.headline+.sub-headline {
    margin-top: -.625rem
}

.title-large {
    font-size: 1.5rem;
    line-height: 2.1875rem;
    font-weight: 700;
    font-family: Plastic Sans,Arial,"sans-serif";
    color: #333;
    margin-bottom: 1.25rem
}

@media(min-width: 720px) {
    .title-large {
        font-size:1.75rem
    }
}

.title-large--color-primary {
    color: #07ac2b
}

.title-large--color-secondary {
    color: #0050f0
}

.title-large--white {
    color: #fff
}

.title-medium {
    font-size: 1.25rem;
    line-height: 2.1875rem;
    font-weight: 600;
    font-family: OpenSans,Arial,"sans-serif";
    color: #333;
    margin-bottom: 1.25rem
}

@media(min-width: 720px) {
    .title-medium {
        font-size:1.5rem
    }
}

.title-medium--color-primary {
    color: #07ac2b
}

.title-medium--color-secondary {
    color: #0050f0
}

.title-medium--white {
    color: #fff
}

.title-medium--light-gray {
    color: #6f7685
}

.title-medium--fuchsia {
    color: #b52372
}

.title-medium--cappuccino {
    color: #9d8c70
}

.title-small {
    font-size: 1.125rem;
    line-height: 1.875rem;
    font-weight: 600;
    font-family: OpenSans,Arial,"sans-serif";
    color: #333;
    margin-bottom: 1.25rem
}

@media(min-width: 720px) {
    .title-small {
        font-size:1.25rem
    }
}

.title-small--color-primary {
    color: #07ac2b
}

.title-small--color-secondary {
    color: #0050f0
}

.title-small--white {
    color: #fff
}

.title-small--light-gray {
    color: #6f7685
}

.title-small--fuchsia {
    color: #b52372
}

.title-small--cappuccino {
    color: #9d8c70
}

.title-small--granaatappel {
    color: #d9032a
}

.title--margin-bottom {
    margin-bottom: 1.875rem
}

.image {
    border-radius: 4px
}

.full-width-image {
    max-width: 100%;
    width: 100%
}

.full-width-image .image {
    width: 100%;
    height: auto
}

.image--round {
    border-radius: 50%
}

.image--parrallelogram {
    border-radius: 24px 4px
}

.main {
    margin-bottom: 2.5rem
}

.text {
    font-size: 1rem;
    line-height: 1.5625rem;
    font-weight: 400;
    font-family: OpenSans,Arial,"sans-serif";
    color: #333;
    margin-bottom: 2.1875rem
}

.text--lightgrey {
    color: #6f7685
}

.text--white {
    color: #fff
}

.smalltext {
    font-size: .75rem;
    line-height: 1.25rem;
    font-weight: 400;
    font-family: OpenSans,Arial,"sans-serif";
    color: #333;
    margin-bottom: 1.25rem
}

.smalltext--lightgrey {
    color: #6f7685
}

.smalltext--white {
    color: #fff
}

.smalltext--granaatappel {
    color: #d9032a
}

.icon {
    display: inline-block;
    position: relative;
    fill: #0050f0
}

.icon[class*=" icon--s-"] {
    height: 20px;
    width: 20px
}

.icon[class*=" icon--m-"] {
    height: 30px;
    width: 30px
}

.icon[class*=" icon--l-"] {
    height: 40px;
    width: 40px
}

.icon[class*=" icon--xl-"] {
    height: 64px;
    width: 64px
}

.icon svg {
    height: 100%;
    width: 100%;
    display: block
}

.icon--push,.icon svg {
    position: relative
}

.icon--push:after {
    content: "";
    position: absolute;
    top: 3px;
    right: 3px;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background-color: #333
}

.icon--push.is-available:after {
    background-color: #07ac2b
}

.icon--push.is-unavailable:after {
    background-color: #ec6316
}

.icon--l-play,.icon--m-play,.icon--s-play,.icon--xl-play {
    fill: #ffc700
}

.icon--l-facebook,.icon--m-facebook,.icon--s-facebook,.icon--xl-facebook {
    fill: #3c5b97
}

.icon--l-twitter,.icon--m-twitter,.icon--s-twitter,.icon--xl-twitter {
    fill: #1dacee
}

.icon--l-youtube,.icon--m-youtube,.icon--s-youtube,.icon--xl-youtube {
    fill: #cd2515
}

.icon--l-linkedin,.icon--m-linkedin,.icon--s-linkedin,.icon--xl-linkedin {
    fill: #127cb4
}

.icon--l-check,.icon--l-magazine,.icon--m-check,.icon--m-magazine,.icon--s-check,.icon--s-magazine,.icon--xl-check,.icon--xl-magazine {
    fill: #07ac2b
}

.icon--l-quote,.icon--m-quote,.icon--s-quote,.icon--xl-quote {
    fill: #b52372
}

.icon--l-warning,.icon--m-warning,.icon--s-warning,.icon--xl-warning {
    fill: #d9032a
}

.icon--l-star-full,.icon--m-star-full,.icon--s-star-full,.icon--xl-star-full {
    fill: #ffc700
}

.icon--l-star-empty,.icon--m-star-empty,.icon--s-star-empty,.icon--xl-star-empty {
    fill: #e5edfd
}

.icon--grey {
    fill: #333
}

.icon-image {
    vertical-align: bottom;
    display: inline-block;
    width: 36px;
    height: 36px;
    background-image: url(../assets/images/cb-image-sprite.png)
}

.icon-image:hover {
    opacity: .6
}

.icon-image--wijzer {
    background-position: 0 0
}

.icon-image--kkv {
    background-position: -54px 0
}

.icon-image--thuiswinkel {
    background-position: -108px 0
}

.icon-image--monitor {
    width: 142px;
    background-position: -161px 0
}

.content-text ol,.content-text ul,.list {
    width: 100%;
    padding: 0;
    margin-bottom: 2.5rem
}

.content-text ol,.content-text ul {
    padding-left: 1.25rem
}

.content-text ol li,.content-text ul li,.list__item {
    padding: 0;
    list-style: none;
    position: relative
}

.content-text ol li:not(:last-child),.content-text ul li:not(:last-child),.list__item:not(:last-child) {
    margin-bottom: .625rem
}

.content-text ol li p,.content-text ul li p,.list__item p {
    display: inline-block;
    margin-bottom: 0
}

.list__item--spacing-bottom {
    margin-bottom: .625rem
}

.list__item__icon {
    width: 2rem;
    text-align: left
}

.item__link {
    display: inline-block
}

.item__link:hover {
    color: #07ac2b;
    text-decoration: underline
}

.item__link:hover:after {
    text-decoration: none
}

.list--unstyled {
    padding: 0;
    list-style: none;
    margin-bottom: 0
}

.list--unstyled .list__item {
    padding-left: 0
}

.list--unstyled .item__link {
    color: #333;
    text-decoration: none;
    cursor: pointer
}

.content-text ol,.list--numbered {
    counter-reset: list__item
}

.content-text ol>.list__item,.content-text ol>li,.list--numbered>.list__item,.list--numbered>li {
    padding-left: 1.25rem
}

.content-text ol>.list__item:before,.content-text ol>li:before,.list--numbered>.list__item:before,.list--numbered>li:before {
    font-size: 1.125rem;
    line-height: 1.875rem;
    font-weight: 600;
    font-family: OpenSans,Arial,"sans-serif";
    color: #0050f0;
    margin-bottom: 0;
    content: counter(list__item);
    counter-increment: list__item;
    position: absolute;
    left: 0;
    line-height: inherit
}

@media(min-width: 720px) {
    .content-text ol>.list__item:before,.content-text ol>li:before,.list--numbered>.list__item:before,.list--numbered>li:before {
        font-size:1.25rem
    }
}

.content-text ul>.list__item,.content-text ul>li,.list--bullet>.list__item,.list--bullet>li {
    padding-left: 1.25rem
}

.content-text ul>.list__item:before,.content-text ul>li:before,.list--bullet>.list__item:before,.list--bullet>li:before {
    content: "";
    position: absolute;
    top: .625rem;
    left: 2px;
    background: #0050f0;
    width: .3125rem;
    height: .3125rem;
    border-radius: 100%
}

.list--documents .list__item .item__link {
    padding-left: 1.875rem
}

.list--documents .list__item .item__link:link,.list--documents .list__item .item__link:visited {
    color: #333;
    text-decoration: none
}

.list--documents .list__item .item__link:hover {
    text-decoration: underline;
    color: #0050f0
}

.list--documents .list__item .icon {
    margin-left: -1.875rem;
    margin-right: .3125rem;
    top: .3125rem
}

.list--indent {
    padding-left: 35px
}

.list--float {
    padding: 0;
    list-style: none
}

.list--float,.list--float .list__item {
    display: inline-block
}

.list--float .list__item:not(:first-child) {
    padding-left: .3125rem
}

.list--float .list__item:not(:last-child) {
    padding-right: .3125rem
}

.list--justify {
    justify-content: space-between
}

.list--justify-center {
    justify-content: center
}

.list--checkmark .list__item {
    padding-left: 1.875rem
}

.list--checkmark .list__item .icon {
    margin-left: -1.875rem;
    margin-right: .3125rem;
    top: .3125rem;
    color: #07ac2b
}

.list--cross .list__item {
    padding-left: 1.875rem
}

.list--cross .list__item .icon {
    margin-left: -1.875rem;
    margin-right: .3125rem;
    top: .3125rem;
    fill: #6f7685
}

.list--checkbox .list__item {
    display: flex
}

.list--checkbox .item__custom-checkbox {
    width: 25px;
    min-width: 25px;
    height: 25px;
    border: 2px solid #6f7685;
    border-radius: 4px;
    margin-right: .625rem
}

.list--checkbox .item__custom-checkbox:after {
    content: "";
    position: absolute;
    height: 20px;
    width: 20px;
    background-image: svg-load("../assets/images/icons/check.svg",fill=#07ac2b);
    display: none;
    width: 21px;
    height: 21px
}

.list--small .list__item .item__link {
    font-size: .75rem
}

.list--validation {
    padding-left: 0;
    margin-bottom: 0
}

.list--validation .list__item {
    margin-bottom: 0;
    flex-basis: 100%
}

.list--validation .list__item .icon {
    margin-right: .3125rem;
    top: .3125rem;
    fill: #6f7685;
    display: none
}

.list--validation .list__item .icon.icon--s-cross {
    display: inline-block
}

.list--validation .is-valid {
    color: #07ac2b
}

.list--validation .is-valid .icon.icon--s-check {
    fill: #07ac2b;
    display: inline-block
}

.list--validation .is-valid .icon.icon--s-cross {
    display: none
}

.page-intro {
    margin-bottom: 2.5rem;
    margin-top: 2.5rem;
    padding-bottom: 0;
    overflow: hidden
}

.page-intro:after {
    background: linear-gradient(0deg,rgba(212,216,224,.8),hsla(0,0%,100%,.5));
    border-bottom: 1px solid #d4d8e0;
    bottom: 0;
    top: auto;
    content: "";
    height: .625rem;
    left: 50%;
    position: absolute;
    transform: translate3d(-50%,0,0);
    z-index: -2;
    width: 100%
}

@media(min-width: 1200px) {
    .page-intro:after {
        max-width:1330px
    }
}

.page-intro:before {
    background: radial-gradient(ellipse at center,hsla(0,0%,100%,.5) 10%,#fff 70%);
    bottom: 0;
    content: "";
    height: 5rem;
    left: 50%;
    position: absolute;
    transform: translate3d(-50%,50%,0);
    z-index: -1;
    width: 100%
}

.page-intro .container {
    position: relative
}

.page-intro .page-intro__sticker {
    width: 85px;
    height: auto;
    margin-left: .3125rem;
    float: right
}

.page-intro .spot {
    position: absolute;
    right: .625rem;
    bottom: .625rem;
    height: 78px;
    width: 86px
}

@media(min-width: 1024px) {
    .page-intro .spot {
        left:-30px;
        right: -2px;
        bottom: -30px;
        height: 128px;
        width: 140px
    }
}

@media(min-width: 1024px) {
    .page-intro .spot .spot__content {
        position:absolute;
        left: .625rem
    }
}

.page-intro .spot .spot__number {
    color: #07ac2b
}

.page-intro .spot .spot__explanation {
    display: none;
    font-size: .75rem;
    line-height: 1.25rem;
    font-weight: 400;
    font-family: OpenSans,Arial,"sans-serif";
    color: #333;
    margin-bottom: 1.25rem
}

@media(min-width: 1024px) {
    .page-intro .spot .spot__explanation {
        display:block
    }
}

.page-intro .price-spot {
    position: absolute;
    right: 0;
    bottom: .625rem
}

@media(min-width: 1024px) {
    .page-intro .price-spot {
        right:auto;
        left: 0;
        bottom: 0
    }
}

.page-intro .row {
    flex-flow: column-reverse
}

@media(min-width: 1024px) {
    .page-intro .row {
        flex-flow:row
    }
}

.page-intro__content {
    padding-bottom: 2.8125rem
}

.page-intro__content .list {
    margin-bottom: 1.25rem
}

.page-intro--detail {
    margin-top: 2.5rem
}

.page-intro--detail .container:after {
    content: "";
    width: 170px;
    height: 55px;
    position: absolute;
    bottom: 0;
    z-index: -1;
    right: 0;
    background: svg-load("../assets/images/dip-detail.svg")
}

@media(min-width: 1024px) {
    .page-intro--detail .container:after {
        width:375px;
        height: 120px
    }
}

.page-intro__col {
    width: auto;
    margin-left: -1.875rem;
    margin-right: -1.875rem
}

@media(min-width: 1024px) {
    .page-intro__col {
        margin:initial
    }
}

.page-intro__image-wrapper {
    height: 100%;
    margin-bottom: 1.25rem
}

.page-intro__image-wrapper .image-wrapper__overlay {
    position: relative;
    width: 100%
}

@media(min-width: 1024px) {
    .page-intro__image-wrapper .image-wrapper__overlay {
        border-radius:24px;
        box-shadow: 0 5px 15px rgba(51,51,51,.1);
        overflow: hidden;
        z-index: -1
    }
}

.page-intro__image-wrapper .image-wrapper__overlay img {
    width: 100%;
    height: 100%;
    border-radius: unset
}

.page-intro--mijn-cb .page-intro__user-welcome {
    display: none
}

@media(min-width: 1024px) {
    .page-intro--mijn-cb .page-intro__user-welcome {
        display:block;
        margin-bottom: 70px
    }
}

.page-intro--mijn-cb .page-intro__user-welcome-header .title-medium {
    margin-bottom: 0
}

.page-intro--mijn-cb .page-intro__user-welcome-header {
    margin-bottom: 1.25rem
}

.page-intro__award {
    position: absolute;
    height: 100px;
    min-width: 100px;
    max-width: 220px;
    display: flex;
    background: #fff;
    box-shadow: 0 5px 15px rgba(51,51,51,.1);
    left: auto;
    right: 0;
    bottom: .625rem;
    padding: 1.25rem;
    border-radius: 24px 0 0 24px
}

@media(min-width: 1024px) {
    .page-intro__award {
        left:0;
        right: auto;
        bottom: 0;
        padding: .9398496241rem;
        border-radius: 0 24px 0
    }
}

.page-intro__award:hover .page-intro__image {
    transform: translateY(-2px)
}

.page-intro__award .page-intro__link {
    text-decoration: none
}

.page-intro__award .page-intro__text {
    padding-left: .625rem;
    margin-bottom: 0;
    align-self: center
}

.page-intro__award img.page-intro__image {
    max-width: 70px;
    max-height: 70px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    align-self: center;
    transition: .2s ease
}

._logo__wrapper {
    display: flex;
    margin: auto;
    height: 32px
}

._logo__wrapper ._logo {
    width: 50px;
    max-width: 50px
}

._logo__wrapper img {
    width: 100%;
    height: 100%
}

@media(min-width: 720px) {
    ._logo__wrapper {
        margin:auto 0;
        width: 100px;
        height: 70px
    }

    ._logo__wrapper ._logo {
        width: 100%;
        max-width: none
    }
}

.strip {
    display: block;
    position: relative;
    width: 100%
}

.strip+.strip {
    margin-top: 2.5rem;
    padding-top: 1.875rem
}

.sidebar>.sidebar__component {
    margin-bottom: 1.875rem
}

.sidebar>.sidebar__component:last-child {
    margin-bottom: 0
}

.sidebar>.sidebar__component:after {
    display: none
}

.strip.main-content+.main-content {
    margin-top: 0
}

.strip.main-content .paragraph-image:after {
    content: "";
    display: table;
    clear: both
}

.strip.main-content .paragraph-image__image {
    max-width: 100%;
    width: 100%;
    float: left;
    margin-bottom: 1.875rem
}

@media(min-width: 720px) {
    .strip.main-content .paragraph-image__image {
        max-width:45%;
        width: auto;
        margin-right: 1.875rem
    }
}

.strip.main-content .paragraph-image__image .image {
    max-width: 100%;
    border-radius: 4px;
    height: auto
}

@media(min-width: 720px) {
    .strip.main-content .paragraph-image__image--right {
        float:right;
        margin-left: 1.875rem;
        margin-right: 0
    }
}

.strip.main-content .full-width-image {
    margin-bottom: 1.25rem
}

.strip.main-content .full-width-image .image {
    border-radius: 4px
}

.strip.main-content .collapsable__header .title-medium {
    margin-right: 1.875rem
}

.footer {
    width: 100%;
    border-top: 1px solid #e5edfd
}

.footer .collapsable__header {
    padding: 0
}

.footer__section {
    border-bottom: 1px solid #e5edfd;
    padding: 1.25rem 0
}

.footer__section__left {
    text-align: center;
    margin-bottom: 1.25rem
}

@media(min-width: 720px) {
    .footer__section__left {
        text-align:left;
        margin-bottom: 0
    }
}

.footer__section__right {
    text-align: center
}

@media(min-width: 720px) {
    .footer__section__right {
        text-align:right
    }
}

.footer__section--navlist {
    padding: 0
}

@media(min-width: 720px) {
    .footer__section--navlist {
        padding:2.5rem 0
    }
}

.footer__section--contact {
    padding-top: 1.875rem;
    padding-bottom: 0
}

.footer__section--contact .contact-info:last-child {
    margin-bottom: 1.875rem
}

.footer__section--contact .contact-info__content {
    text-decoration: none
}

.footer__title {
    cursor: pointer;
    padding: .9398496241rem;
    font-size: 1.25rem;
    line-height: 2.1875rem;
    font-weight: 600;
    font-family: OpenSans,Arial,"sans-serif";
    color: #07ac2b;
    margin: 0 -.9398496241rem
}

@media(min-width: 720px) {
    .footer__title {
        font-size:1.5rem;
        cursor: default;
        padding: 0 0 1.25rem;
        margin: 0
    }
}

@media(max-width: 719px) {
    .footer [class*=col-]:not(:first-child) .footer__title {
        border-top:1px solid #e5edfd
    }
}

@media(min-width: 720px)and (max-width:1023px) {
    .footer [class*=col-]:nth-child(3) .footer__title,.footer [class*=col-]:nth-child(4) .footer__title {
        padding-top:1.875rem
    }
}

.footer__section--icons .list .list__item {
    margin-bottom: 0
}

.maintenance .siteheader {
    margin: 1.25rem 0
}

.maintenance .siteheader ._logo__wrapper {
    justify-content: center
}

@media(min-width: 1024px) {
    .maintenance .siteheader ._logo__wrapper {
        justify-content:flex-start
    }
}

.maintenance .page-intro__image-wrapper {
    padding-bottom: 1.25rem
}

.maintenance .icon-image:hover {
    opacity: .6
}

.maintenance .footer {
    margin-top: 2.5rem;
    padding-top: 1.875rem
}

.maintenance .footer__section {
    border-bottom: none
}
