/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

html {
    font-family:'Work Sans', sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    overflow-y: scroll
}

body {
    margin: 0
}

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

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

    audio:not([controls]) {
        display: none;
        height: 0
    }

[hidden], template {
    display: none
}

a {
    background-color: transparent
}

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

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

b, strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    font-family:'Work Sans', sans-serif;
    margin: 0
}

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
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    margin: 20px 0;
    border-bottom: 0;
    border-top: 0;
    border-color: #ccc currentcolor #fff;
    border-style: solid none;
    border-width: 1px 0
}

pre {
    overflow: auto
}

#_atssh {
    display: none
}

address, p, pre {
    margin: 0;
    padding: 0;
    font-weight: 400
}

code, kbd, pre, samp {
    font-family: monospace,monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

ol, ul {
    list-style: none
}

    ol, ol ol, ul, ul ul {
        margin: 0;
        padding: 0
    }

        ol li {
            margin-left: 0
        }

#nav li, #nav ol, #nav ul, #subnav li, #subnav ol, #subnav ul {
    margin: 0;
    padding: 0;
    background: 0 0;
    text-decoration: none
}

img {
    box-sizing: border-box;
    vertical-align: middle
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

    button[disabled], html input[disabled] {
        cursor: default
    }

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

input {
    line-height: normal
}

    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;
        box-sizing: content-box
    }

        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: auto;
    resize: vertical
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td, th {
    padding: 0;
    vertical-align: top
}

.clear {
    clear: both;
    width: 100%;
    height: 0;
    line-height: 0;
    font-size: 0
}

@media only screen {
    .back:before, .btn.btn--back:before, .btn.btn--video:before, .btn:after, .checkbox-custom .checkbox-label:before, .fa:after, .fa:before, .input-icon:before, .knop:after, .more:after, .radio-custom .radio-label:before, body[class*=cke_] ul li:before, main ul li:before, table.slide:after, table.slide:before, table.striped:after, table.striped:before {
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .clearfix:after {
        content: "";
        display: table;
        clear: both;
        font-size: 0;
        line-height: 0;
        height: 0
    }

    .iframe-container, .iframe-container-16-9, .iframe-container-4-2, .iframe-container-4-3 {
        position: relative;
        height: 0;
        overflow: hidden;
        margin-bottom: 24px
    }

        .iframe-container embed, .iframe-container iframe, .iframe-container object, .iframe-container-16-9 embed, .iframe-container-16-9 iframe, .iframe-container-16-9 object, .iframe-container-4-2 embed, .iframe-container-4-2 iframe, .iframe-container-4-2 object, .iframe-container-4-3 embed, .iframe-container-4-3 iframe, .iframe-container-4-3 object {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%
        }

    .iframe-container {
        margin: 56px 0;
        padding-bottom: 60%
    }

    .iframe-container-4-2 {
        padding-bottom: 50%
    }

    .iframe-container-4-3 {
        padding-bottom: 75%
    }

    .iframe-container-16-9 {
        padding-bottom: 56.25%
    }

    body, html {
        font-family:'Work Sans', sans-serif;
        font-size: 15px;
        color: #231F20;
        line-height: 1.6;
        font-weight: 400
    }
}

@media only screen and (max-width:1200px) {
    body, html {
        font-size: 14px
    }
}

@media only screen {
    body {
        overflow-x: hidden
    }
}

@media only screen {
    .Heading--h1, .Heading--h2, .Heading--h3, .Heading--h4, .Heading--h5, h1, h2, h3, h4, h5 {
        font-family:'Work Sans', sans-serif;
        font-weight: 800;
        color: #231F20
    }

        .Heading--h1:first-child, .Heading--h2:first-child, .Heading--h3:first-child, .Heading--h4:first-child, .Heading--h5:first-child, h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child {
            padding-top: 0
        }

        .Heading--h1:last-child, .Heading--h2:last-child, .Heading--h3:last-child, .Heading--h4:last-child, .Heading--h5:last-child, h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child {
            margin-bottom: 0
        }

        .Heading--h1 a, .Heading--h2 a, .Heading--h3 a, .Heading--h4 a, .Heading--h5 a, h1 a, h2 a, h3 a, h4 a, h5 a {
            color: inherit !important;
            text-decoration: none !important
        }
}

@media only screen {
    address, ol, p, table {
        line-height: 1.6;
        margin-bottom: 2.1333333333em;
        font-weight: 400
    }

        address:last-child, ol:last-child, p:last-child, table:last-child {
            margin-bottom: 0 !important
        }
}

@media only screen {
    p.big {
        margin-bottom: 1.6em;
        font-size: 1.333rem;
        line-height: 1.6;
        opacity: .65
    }
}

@media only screen {
    .Heading--h1, h1, span.h1 {
        margin-bottom: 1.1764705882em;
        padding-top: 0;
        font-size: 2.267rem;
        line-height: 1.3
    }

        .Heading--h1:first-child, h1:first-child, span.h1:first-child {
            margin-top: -4px
        }

        .Heading--h1 + p.big, h1 + p.big, span.h1 + p.big {
            margin-top: -24px
        }
}

@media only screen and (max-width:1200px) {
    .Heading--h1, h1, span.h1 {
        font-size: 2rem
    }
}

@media only screen and (max-width:700px) {
    .Heading--h1, h1, span.h1 {
        font-size: 1.714rem
    }
}

@media only screen {
    .Heading--h2, h2 {
        margin-bottom: 1.1428571429em;
        padding-top: 1.1428571429em;
        font-size: 1.867rem;
        line-height: 1.4285714286
    }
}

@media only screen and (max-width:1200px) {
    .Heading--h2, h2 {
        font-size: 1.714rem
    }
}

@media only screen and (max-width:700px) {
    .Heading--h2, h2 {
        font-size: 1.429rem
    }
}

@media only screen {
    .Heading--h3, h3 {
        margin-bottom: 1.6em;
        padding-top: 1.6em;
        font-size: 1.333rem;
        line-height: 1.6
    }
}

@media only screen {
    .Heading--h4, h4 {
        margin-bottom: 1.5em;
        padding-top: 2em;
        font-size: 1.067rem;
        line-height: 1.625;
        font-weight: 600
    }
}

@media only screen {
    strong {
        font-weight: 600
    }
}

@media only screen {
    a {
		color: #293F96;
        transition: background .3s ease,color .3s ease
    }

        a:hover {
            color: #0083AD;
            text-decoration: underline
        }
}

@media only screen {
    .more {
        font-weight: 600;
        white-space: nowrap;
        text-decoration: none
    }

        .more:after {
            content: "\F061";
            color: inherit;
            font-size: 12px;
            text-decoration: underline;
            text-decoration: none !important;
            display: inline-block;
            margin-left: 8px;
            position: relative;
            top: -1px;
            text-decoration: none
        }

        .more:hover {
            text-decoration: underline
        }
}

@media only screen {
    .back {
        font-weight: 600;
        white-space: nowrap;
        text-decoration: none
    }

        .back:before {
            content: "\F060";
            color: inherit;
            font-size: 12px;
            text-decoration: underline;
            text-decoration: none !important;
            display: inline-block;
            margin-right: 8px;
            position: relative;
            top: -1px;
            text-decoration: none
        }

        .back:hover {
            text-decoration: underline
        }
}

@media only screen {

    ul.error .validation-summary-errors ul {
        margin: 0 0 0 10px;
    }

        ul.error .validation-summary-errors ul li {
            padding-left: 45px;
        }

            ul.error .validation-summary-errors ul li::before {
                content: "\f071";
                color: red;
                font-size: 2em;
                position: absolute;
                top: calc(50% - 14px);
                left: 0;
            }

    .fld.fld_12 {
        padding-right: 0px;
    }
}

@media only screen {
    body[class*=cke_] ol, body[class*=cke_] ul, main ol, main ul {
        margin: 0 0 2.1333333333em 16px
    }

        body[class*=cke_] ol ol, body[class*=cke_] ol ul, body[class*=cke_] ul ol, body[class*=cke_] ul ul, main ol ol, main ol ul, main ul ol, main ul ul {
            margin-bottom: 0
        }

    body[class*=cke_] ol, main ol {
        list-style: decimal
    }

        body[class*=cke_] ol li, main ol li {
            margin-left: 24px
        }

    body[class*=cke_] ul li, main ul li {
        list-style: none;
        padding-left: 28px;
        position: relative
    }

        body[class*=cke_] ul li:before, main ul li:before {
            content: "\F00C";
            color: #66bb6a;
            font-size: 1em;
            position: absolute;
            top: 6px;
            left: 0
        }
}

@media only screen {
    blockquote {
        margin: 30px;
        padding: 5px 0 5px 20px;
        border-left: 4px solid #d2d2d2;
        font-style: italic;
        color: #6e6e6e
    }

        blockquote p {
            margin: 0;
            padding: 0
        }
}

@media only screen {
    .IntroBlock {
        max-width: 966px;
        margin: 0 auto 48px
    }

        .IntroBlock h1 {
            margin-bottom: 32px
        }
}

@media only screen and (max-width:700px) {
    .IntroBlock h1 {
        font-size: 1.714rem
    }
}

@media only screen and (max-width:700px) {
    .IntroBlock {
        margin-bottom: 40px
    }
}

@media only screen {
    .IntroBlock:last-child {
        margin-bottom: 0
    }
}

@media only screen {
    div {
        box-sizing: border-box
    }
}

@media only screen {
    .italic {
        font-style: italic
    }
}

@media only screen {
    .uppercase {
        text-transform: uppercase
    }
}

@media only screen {
    .align-left {
        text-align: left
    }
}

@media only screen {
    .align-center {
        text-align: center
    }
}

@media only screen {
    .align-right {
        text-align: right
    }
}

@media only screen {
    .spacing-ver-xs, .spacing-xs {
        padding-top: 16px;
        padding-bottom: 16px
    }
}

@media only screen and (max-width:1400px) {
    .spacing-ver-xs {
        padding-top: 16px;
        padding-bottom: 16px
    }
}

@media only screen and (max-width:1200px) {
    .spacing-ver-xs {
        padding-top: 16px;
        padding-bottom: 16px
    }
}

@media only screen and (max-width:700px) {
    .spacing-ver-xs {
        padding-top: 8px;
        padding-bottom: 8px
    }
}

@media only screen {
    .spacing-ver-s {
        padding-top: 32px;
        padding-bottom: 32px
    }
}

@media only screen and (max-width:1400px) {
    .spacing-ver-s {
        padding-top: 32px;
        padding-bottom: 32px
    }
}

@media only screen and (max-width:1200px) {
    .spacing-ver-s {
        padding-top: 24px;
        padding-bottom: 24px
    }
}

@media only screen and (max-width:700px) {
    .spacing-ver-s {
        padding-top: 16px;
        padding-bottom: 16px
    }
}

@media only screen {
    .spacing-ver-m {
        padding-top: 48px;
        padding-bottom: 48px
    }
}

@media only screen and (max-width:1400px) {
    .spacing-ver-m {
        padding-top: 48px;
        padding-bottom: 48px
    }
}

@media only screen and (max-width:1200px) {
    .spacing-ver-m {
        padding-top: 48px;
        padding-bottom: 48px
    }
}

@media only screen and (max-width:700px) {
    .spacing-ver-m {
        padding-top: 32px;
        padding-bottom: 32px
    }
}

@media only screen {
    .spacing-ver-l {
        padding-top: 64px;
        padding-bottom: 64px
    }
}

@media only screen and (max-width:1400px) {
    .spacing-ver-l {
        padding-top: 64px;
        padding-bottom: 64px
    }
}

@media only screen and (max-width:1200px) {
    .spacing-ver-l {
        padding-top: 64px;
        padding-bottom: 64px
    }
}

@media only screen and (max-width:700px) {
    .spacing-ver-l {
        padding-top: 48px;
        padding-bottom: 48px
    }
}

@media only screen {
    .spacing-ver-xl {
        padding-top: 100px;
        padding-bottom: 100px
    }
}

@media only screen and (max-width:1400px) {
    .spacing-ver-xl {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

@media only screen and (max-width:1200px) {
    .spacing-ver-xl {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

@media only screen and (max-width:900px) {
    .spacing-ver-xl {
        padding-top: 56px;
        padding-bottom: 56px
    }
}

@media only screen and (max-width:700px) {
    .spacing-ver-xl {
        padding-top: 48px;
        padding-bottom: 48px
    }
}

@media only screen {
    .spacing-hor-xs {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (max-width:1400px) {
    .spacing-hor-xs {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (max-width:1200px) {
    .spacing-hor-xs {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (max-width:700px) {
    .spacing-hor-xs {
        padding-left: 8px;
        padding-right: 8px
    }
}

@media only screen {
    .spacing-hor-s {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media only screen and (max-width:1400px) {
    .spacing-hor-s {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media only screen and (max-width:1200px) {
    .spacing-hor-s {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media only screen and (max-width:700px) {
    .spacing-hor-s {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen {
    .spacing-hor-m {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media only screen and (max-width:1400px) {
    .spacing-hor-m {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media only screen and (max-width:1200px) {
    .spacing-hor-m {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media only screen and (max-width:700px) {
    .spacing-hor-m {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media only screen {
    .spacing-hor-l {
        padding-left: 64px;
        padding-right: 64px
    }
}

@media only screen and (max-width:1400px) {
    .spacing-hor-l {
        padding-left: 64px;
        padding-right: 64px
    }
}

@media only screen and (max-width:1200px) {
    .spacing-hor-l {
        padding-left: 64px;
        padding-right: 64px
    }
}

@media only screen and (max-width:700px) {
    .spacing-hor-l {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media only screen {
    .spacing-hor-xl {
        padding-left: 100px;
        padding-right: 100px
    }
}

@media only screen and (max-width:1400px) {
    .spacing-hor-xl {
        padding-left: 80px;
        padding-right: 80px
    }
}

@media only screen and (max-width:1200px) {
    .spacing-hor-xl {
        padding-left: 80px;
        padding-right: 80px
    }
}

@media only screen and (max-width:900px) {
    .spacing-hor-xl {
        padding-top: 56px;
        padding-bottom: 56px
    }
}

@media only screen and (max-width:700px) {
    .spacing-hor-xl {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media only screen and (max-width:1200px) {
    .show-on-desktop {
        display: none
    }
}

@media only screen and (max-width:900px) {
    .show-on-tablet {
        display: none
    }
}

@media only screen and (max-width:700px) {
    .show-on-mobile {
        display: none
    }
}

@media only screen {
    .flex-start, .flex-stretch {
        display: flex;
        flex-wrap: wrap
    }

    .flex-start {
        align-items: flex-start
    }

    .flex-center {
        display: flex;
        flex-wrap: wrap;
        align-items: center
    }
}

@media only screen {
    .add-border {
        border-bottom: 1px solid #dfe5e8
    }
}

@media only screen {
    .border {
        border: 1px solid #dfe5e8
    }
}

@media only screen {
    .connect-to-next {
        padding-bottom: 0 !important;
        border: 0
    }

        .connect-to-next + .section-row {
            border-top: 0 !important
        }
}

@media only screen {
    .section-row {
        position: relative;
        z-index: 2
    }

        .section-row.bg-color-1 {
            background: 0 0
        }

        .section-row .container > :last-child {
            margin-bottom: 0
        }

        .section-row .container > h1:first-child {
            margin-top: -8px
        }

        .section-row .container > h2:first-child, .section-row .container > h3:first-child {
            padding-top: 0
        }
}

@media only screen {
    .highlight {
        color: #2f76bc
    }

    .bg-color-visual {
        color: #e94942
    }

    .bg-color-3, .bg-color-image {
        color: #fff
    }

    .bg-color-4 {
        color: #e94942
    }
}

@media only screen {
    .bg-color-1.has-blocks.connect-to-next + .bg-color-2 {
        z-index: 1
    }

        .bg-color-1.has-blocks.connect-to-next + .bg-color-2:before {
            content: "";
            position: absolute;
            top: -80px;
            left: 0;
            right: 0;
            bottom: 100%;
            background-color: inherit
        }

    .bg-color-1.has-blocks.connect-to-next + .bg-color-3 {
        z-index: 1
    }

        .bg-color-1.has-blocks.connect-to-next + .bg-color-3:before {
            content: "";
            position: absolute;
            top: -80px;
            left: 0;
            right: 0;
            bottom: 100%;
            background-color: inherit
        }

    .bg-color-1.has-blocks.connect-to-next + .bg-color-4 {
        z-index: 1
    }

        .bg-color-1.has-blocks.connect-to-next + .bg-color-4:before {
            content: "";
            position: absolute;
            top: -80px;
            left: 0;
            right: 0;
            bottom: 100%;
            background-color: inherit
        }
}

@media only screen {
    .loading {
        position: relative
    }

        .loading:after {
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: hsla(0,0%,100%,.4);
            z-index: 2
        }
}

@media only screen {
    input, optgroup, select, textarea {
        font-family:'Work Sans', sans-serif;
        color: #37474f;
        line-height: 1.2
    }
}

@media only screen {
    input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea {
        box-sizing: border-box;
        width: 100%;
        height: 40px;
        margin: 0;
        padding: 8px;
        text-align: left;
        background-clip: padding-box;
        background-color: #fff;
        float: left;
        border: 1px solid #c2ced3;
        -o-border-image: none;
        border-image: none;
        outline: 0 none;
        box-shadow: inset 0 0 6px rgba(0,0,0,.15)
    }
}

@media only screen {
    form label span {
        display: inline;
        color: #90a4ae;
        font-weight: 400;
        font-size: 13px
    }
}

@media only screen {
    form label {
        overflow: hidden;
        text-overflow: ellipsis;
        float: left;
        max-width: 100%;
        display: block;
        margin: 0 10px 6px 0;
        cursor: pointer
    }

        form label.nowrap {
            float: none;
            white-space: normal
        }
}

@media only screen {
    .checkbox-group label {
        white-space: normal;
        line-height: 185%
    }
}

@media only screen {
    form input[type=radio] {
        margin: 7px 5px 0;
        padding: 0;
        float: left
    }
}

@media only screen {
    form input[type=checkbox] {
        margin: 4px 4px 0 0;
        padding: 0;
        float: left
    }
}

@media only screen {
    select[multiple], select[size], textarea {
        height: auto
    }
}

@media only screen {
    textarea {
        min-height: 110px
    }
}

@media only screen {
    .file {
        position: relative;
        clear: both
    }

        .file:after {
            content: "";
            display: table;
            clear: both
        }
}

@media only screen {
    .file input[type=file] + span {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border-color: #848484 #c1c1c1 #e1e1e1;
        border-style: solid;
        border-width: 1px
    }
}

@media only screen {
    .file input[type=file] {
        position: relative;
        width: 95%;
        margin: 10px;
        float: left;
        font-size: 13px;
        font-style: italic;
        z-index: 3
    }
}

@media only screen {
    input[type=checkbox]:active, input[type=checkbox]:focus, input[type=radio]:active, input[type=radio]:focus {
        border: 0;
        box-shadow: none
    }
}

@media only screen {
    label.checkbox {
        float: none;
        clear: both;
        display: block;
        line-height: 22px;
        white-space: normal;
        overflow: visible;
        margin-left: 20px
    }
}

@media only screen {
    label.checkbox input {
        float: left;
        margin-left: -20px
    }
}

@media only screen {
    div.checkbox-label {
        margin-left: 20px;
        line-height: 1.4
    }
}

@media only screen {
    .checkboxes {
        clear: both
    }

        .checkboxes:after {
            content: "";
            display: table;
            clear: both
        }
}

@media only screen {
    .yes-no label.checkbox {
        display: block;
        float: none;
        position: relative;
        margin: 0 0 10px
    }

        .yes-no label.checkbox input {
            position: absolute;
            opacity: 0
        }

            .yes-no label.checkbox input + .options .no, .yes-no label.checkbox input:checked + .options .yes {
                background: #2f76bc;
                border-radius: 4px;
                color: #fff
            }

            .yes-no label.checkbox input:checked + .options .no {
                background: 0 0;
                margin: 0;
                color: #37474f
            }

        .yes-no label.checkbox .options {
            border-radius: 4px;
            float: right;
            margin-left: 16px;
            box-sizing: border-box;
            background-color: #e6e6e6;
            box-shadow: inset 0 0 3px rgba(0,0,0,.5);
            overflow: hidden
        }

            .yes-no label.checkbox .options span {
                transition: background .3s ease;
                font-family:'Work Sans', sans-serif;
                color: #37474f;
                min-width: 30px;
                text-align: center;
                border: 1px solid transparent
            }

        .yes-no label.checkbox .yes {
            padding: 4px 15px;
            float: left
        }
}

@media only screen and (max-width:700px) {
    .yes-no label.checkbox .yes {
        padding-left: 8px;
        padding-right: 8px
    }
}

@media only screen {
    .yes-no label.checkbox .no {
        padding: 4px 15px;
        float: left
    }
}

@media only screen and (max-width:700px) {
    .yes-no label.checkbox .no {
        padding-left: 8px;
        padding-right: 8px
    }
}

@media only screen {
    .yes-no label.checkbox .checkbox-label {
        margin: 0
    }
}

@media only screen {
    div.radio-label {
        padding: 3px 0
    }
}

@media only screen {
    form .captcha_container {
        clear: both;
        margin: 10px 0;
        padding: 10px 0;
        text-align: center;
        border-color: #848484 #c1c1c1 #e1e1e1;
        border-style: solid;
        border-width: 1px;
        -o-border-image: none;
        border-image: none;
        border-radius: 0
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:0) {
    select {
        -webkit-appearance: none
    }

        select[multiple], select[multiple][size], select[size] {
            background-image: none;
            padding-right: 3px
        }

        select, select[size="0"], select[size="1"] {
            background-image: url(data:image/png;base64,R0lGODlhDQAEAIAAAAAAAP8A/yH5BAEHAAEALAAAAAANAAQAAAILhA+hG5jMDpxvhgIAOw==);
            background-repeat: no-repeat;
            background-position: 100%;
            padding-right: 20px
        }

    ::-webkit-validation-bubble-message {
        box-shadow: none;
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#666),color-stop(1,#000));
        border: 0;
        color: #fff;
        font: 13px/17px Lucida Grande,Arial,Liberation Sans,FreeSans,sans-serif;
        overflow: hidden;
        padding: 15px 15px 17px;
        text-shadow: #000 0 0 1px;
        min-height: 16px
    }

    ::-webkit-validation-bubble-arrow, ::-webkit-validation-bubble-top-inner-arrow, ::-webkit-validation-bubble-top-outer-arrow {
        box-shadow: none;
        background: #666;
        border-color: #666
    }
}

@media only screen {
    a.button:focus, button:focus, input:focus, input[type=file]:focus + span, select:focus, textarea:focus {
        box-shadow: 0 0 5px 0 #9ac0fb;
        border: 1px solid #7baefc;
        z-index: 1
    }
}

@media only screen {
    input[type=file]:focus {
        box-shadow: none;
        border: 0;
        z-index: 2;
        outline: 0
    }
}

@media only screen {
    input[type=date][disabled], input[type=date][readonly], input[type=datetime-local][disabled], input[type=datetime-local][readonly], input[type=datetime][disabled], input[type=datetime][readonly], input[type=email][disabled], input[type=email][readonly], input[type=month][disabled], input[type=month][readonly], input[type=number][disabled], input[type=number][readonly], input[type=password][disabled], input[type=password][readonly], input[type=search][disabled], input[type=search][readonly], input[type=tel][disabled], input[type=tel][readonly], input[type=text][disabled], input[type=text][readonly], input[type=time][disabled], input[type=time][readonly], input[type=url][disabled], input[type=url][readonly], input[type=week][disabled], input[type=week][readonly], select[disabled], select[readonly], textarea[disabled], textarea[readonly] {
        background-color: #eee
    }
}

@media only screen {
    a.button_disabled, button[disabled], input[disabled], select[disabled], select[disabled] optgroup, select[disabled] option, textarea[disabled] {
        -moz-user-select: none;
        box-shadow: none;
        color: #888;
        cursor: default
    }
}

@media only screen {
    .fld {
        float: left;
        margin-bottom: 16px;
        padding-right: 5px;
        box-sizing: border-box
    }
}

@media only screen {
    .fld_1 {
        width: 8.3333333333%
    }
}

@media only screen {
    .fld_2 {
        width: 16.6666666667%
    }
}

@media only screen {
    .fld_3 {
        width: 25%
    }
}

@media only screen {
    .fld_4 {
        width: 33.3333333333%
    }
}

@media only screen {
    .fld_5 {
        width: 41.6666666667%
    }
}

@media only screen {
    .fld_6 {
        width: 50%
    }
}

@media only screen {
    .fld_7 {
        width: 58.3333333333%
    }
}

@media only screen {
    .fld_8 {
        width: 66.6666666667%
    }
}

@media only screen {
    .fld_9 {
        width: 75%
    }
}

@media only screen {
    .fld_10 {
        width: 83.3333333333%
    }
}

@media only screen {
    .fld_11 {
        width: 91.6666666667%
    }
}

@media only screen {
    .fld_12 {
        width: 100%
    }
}

@media only screen {
    .fld_cleft {
        clear: left
    }
}

@media only screen {
    .fld_cright {
        clear: right
    }
}

@media only screen {
    .fld_clear {
        clear: both
    }
}

@media only screen {
    .fld_aright {
        text-align: right
    }
}

@media only screen {
    .fld_fright {
        float: right
    }
}

@media only screen {
    .fld_website {
        display: none
    }
}

@media only screen {
    .nopadding {
        padding: 0
    }
}

@media only screen {
    .nomargin {
        margin: 0
    }
}

@media only screen and (max-width:800px) {
    .fld_1, .fld_2, .fld_3, .fld_4, .fld_5 {
        width: 50%
    }

    .fld_10, .fld_100procent, .fld_11, .fld_12, .fld_6, .fld_7, .fld_8, .fld_9 {
        width: 100%
    }

    .fld_btn {
        width: 50%
    }
}

@media only screen and (max-width:580px) {
    .fld_1, .fld_10, .fld_100procent, .fld_11, .fld_12, .fld_2, .fld_3, .fld_4, .fld_5, .fld_6, .fld_7, .fld_8, .fld_9, .fld_btn {
        width: 100%
    }
}

@media only screen {
    #error, .error {
        margin: 5px 0 10px;
        padding: 10px;
        border: 1px solid #e9a6a6;
        background-color: #faeaea;
        position: relative;
        color: #37474f;
        font-size: 1em;
        line-height: 185%
    }
}

@media only screen {
    #error a, .error a {
        color: #37474f
    }
}

@media only screen {
    #goed, #new-account {
        margin: 5px 0 10px;
        padding: 10px;
        border: 1px solid #63b47c;
        background-color: #a8e6bb;
        position: relative;
        color: #37474f;
        font-size: 1em;
        line-height: 185%
    }
}

@media only screen {
    #goed a, #new-account a {
        color: #37474f
    }
}

@media only screen {
    #goed p, #new-account p {
        margin: 0
    }
}

@media only screen {
    #fout {
        margin: 5px 0 10px;
        padding: 10px;
        border: 1px solid red;
        background-color: #ffc;
        position: relative;
        font-size: 1em;
        line-height: 185%
    }
}

@media only screen {
    #fout, #fout a {
        color: #37474f
    }
}

@media only screen {
    #fout p {
        margin: 0
    }
}

@media only screen {
    #error .close, #fout .close, #goed .close, #new-account .close {
        position: absolute;
        right: 7px;
        top: 2px;
        color: #000;
        text-decoration: none
    }
}

@media only screen {
    .checkbox-custom {
        margin: 12px 0;
        position: relative;
        white-space: normal;
        cursor: pointer
    }

        .checkbox-custom input {
            position: absolute;
            left: -9999px
        }

            .checkbox-custom input:checked + .checkbox-label:before, .checkbox-custom--active .checkbox-label:before {
                content: "\F00C" !important
            }

        .checkbox-custom .checkbox-label {
            padding: 0;
            position: relative;
            margin: 0;
            padding: 2px 0 2px 42px;
            line-height: 1.6
        }

            .checkbox-custom .checkbox-label:before {
                content: "";
                position: absolute;
                left: 0;
                top: 1px;
                width: 24px;
                height: 24px;
                line-height: 24px;
                text-align: center;
                font-size: 14px;
                border: 1px solid #c2ced3;
                box-shadow: inset 0 0 6px rgba(0,0,0,.15);
                background-color: #fff
            }
}

@media only screen {
    .radio-custom {
        position: relative;
        white-space: normal;
        cursor: pointer
    }

        .radio-custom input {
            position: absolute;
            left: -9999px
        }

            .radio-custom input:checked + .radio-label:before, .radio-custom--active .radio-label:before {
                content: "\F111" !important
            }

        .radio-custom .radio-label {
            margin: 0;
            padding: 0;
            float: none;
            display: inline;
            position: relative;
            padding: 2px 0 2px 42px;
            line-height: 1.6
        }

            .radio-custom .radio-label:before {
                content: "";
                position: absolute;
                left: 0;
                top: 1px;
                width: 24px;
                height: 24px;
                line-height: 24px;
                text-align: center;
                font-size: 9px;
                border: 1px solid #c2ced3;
                box-shadow: inset 0 0 6px rgba(0,0,0,.15);
                border-radius: 50%;
                background-color: #fff
            }
}

@media only screen {
    .inputError input, .inputError select, .inputError textarea {
        background-color: #faeaea;
        border: 1px solid #e9a6a6
    }

        .inputError input:focus, .inputError select:focus, .inputError textarea:focus {
            box-shadow: 0 0 7px rgba(219,15,15,.18)
        }
}

@media only screen {
    .input-icon {
        position: relative;
    }

        .input-icon input[type=date], .input-icon input[type=datetime-local], .input-icon input[type=datetime], .input-icon input[type=email], .input-icon input[type=month], .input-icon input[type=number], .input-icon input[type=password], .input-icon input[type=search], .input-icon input[type=tel], .input-icon input[type=text], .input-icon input[type=time], .input-icon input[type=url], .input-icon input[type=week], .input-icon select, .input-icon textarea {
            padding-left: 44px
        }

        .input-icon:before {
            content: "";
            position: absolute;
            top: 50%;
            left: 8px;
            width: 32px;
            transform: translateY(-50%);
            text-align: center;
            color: #90a4ae;
            line-height: 0
        }

    .input-icon--email:before {
        content: "\F003";
        font-size: 18px;
        pointer-events: none;
    }

    .input-icon--password:before {
        content: "\F023";
        font-size: 20px;
        pointer-events: none;
    }
}

@media only screen {
    .btn, .knop {
        background: #148750;
		border: 0 !important;
		border-radius: 0.25rem;
		position: relative;
		display: inline-block;
		margin: 16px 16px 0 0;
		padding: 10px 24px 14px;
		max-width: 100%;
		overflow: hidden;
		transition: background .3s ease;
		color: #fff;
		text-decoration: none !important;
		font-weight: 600;
		line-height: 1.6;
		text-align: center;
		text-overflow: ellipsis;
		vertical-align: top;
		z-index: 1;
		border: 0;
		transition: transform .3s ease;
    }

        .btn:last-child, .knop:last-child {
            margin-right: 0
        }

        .btn:after, .knop:after {
            content: "\F061";
            position: relative;
            margin-left: 16px;
            font-size: 12px;
            line-height: 0;
            top: -1px;
            color: inherit !important
        }

        .btn:hover, .knop:hover {
            color: #fff;
            text-decoration: none;
        }

        .btn:active, .knop:active {
            box-shadow: none;
            outline: 0;
        }

        .btn:focus, .knop:focus {
            box-shadow: none;
            outline: 0;
        }
}

@media only screen and (max-width:700px) {
    .btn, .knop {
        padding: 10px 16px 14px
    }
}

@media only screen {
    .btn.btn_submit {
        float: left
    }

    .btn--ghost, .btn--ghost:hover {
        background-color: #ddecf7;
        color: #37474f
    }

        .btn--ghost:active {
            background-color: #ddecf7;
            box-shadow: none;
            outline: 0;
            transform: translateY(0) !important
        }

        .btn--ghost:focus {
            box-shadow: none;
            outline: 0;
            transform: translateY(-4px)
        }
}

@media only screen {
    .btn.btn--back:after {
        display: none
    }

    .btn.btn--back:before {
        background: 0 0 !important;
        border-radius: 0;
        top: auto;
        left: auto;
        transform: none;
        width: auto;
        height: auto;
        transition: none;
        z-index: 1;
        content: "\F177";
        position: relative;
        top: 3px;
        margin-right: 20px;
        font-size: 1.313em;
        line-height: 0
    }
}

@media only screen {
    .btn.btn--video:after {
        display: none
    }

    .btn.btn--video:before {
        background: 0 0 !important;
        border-radius: 0;
        top: auto;
        left: auto;
        transform: none;
        width: auto;
        height: auto;
        transition: none;
        z-index: 1;
        content: "\F144";
        position: relative;
        top: 3px;
        margin-right: 20px;
        font-size: 1.313em;
        line-height: 0
    }
}

@media only screen {
    table tr td {
        padding-top: 2px;
        padding-bottom: 2px
    }
}

@media only screen {
    table.responsive {
        table-layout: fixed
    }
}

@media only screen and (max-width:580px) {
    table.responsive {
        width: 100% !important
    }

        table.responsive td, table.responsive th {
            display: block;
            width: 100% !important
        }
}

@media only screen {
    table.slide, table.striped {
        border: 0;
        position: relative
    }

        table.slide td, table.slide th, table.striped td, table.striped th {
            border: 0;
            border-top: 1px solid #ddd;
            padding: 8px;
            box-sizing: border-box
        }

        table.slide tr:first-child td, table.striped tr:first-child td {
            border-top: 0
        }

        table.slide tr:nth-child(2n) td, table.striped tr:nth-child(2n) td {
            background: #fff
        }

        table.slide tr:nth-child(odd) td, table.striped tr:nth-child(odd) td {
            background: #ebebeb
        }

        table.slide.thead tr:first-child td, table.striped.thead tr:first-child td {
            border-bottom: 2px solid #ddd;
            font-weight: 700;
            white-space: nowrap
        }

        table.slide.thead tr:nth-child(odd) td, table.striped.thead tr:nth-child(odd) td {
            background: #fff
        }

        table.slide.thead tr:nth-child(2n+2) td, table.striped.thead tr:nth-child(2n+2) td {
            background: #ebebeb
        }
}

@media only screen and (max-width:580px) {
    table.striped {
        width: 100% !important
    }

        table.striped td, table.striped th {
            display: block !important;
            width: 100% !important;
            background: #fff !important;
            border: 0 !important;
            border-top: 1px solid #ddd !important;
            font-weight: 400 !important
        }

        table.striped tr:first-child td:first-child {
            border-top: 0 !important
        }

    .table-slider {
        overflow-x: scroll;
        padding-top: 54px;
        margin-bottom: 24px
    }

        .table-slider table.slide {
            min-width: 530px;
            margin-bottom: 0
        }

            .table-slider table.slide:after {
                content: "\F25A";
                position: absolute;
                top: -53px;
                left: 0;
                font-size: 24px;
                color: #000
            }

            .table-slider table.slide:before {
                content: "\F07E";
                position: absolute;
                top: -31px;
                left: 0;
                font-size: 24px;
                color: #000
            }
}

@media only screen {
    img.responsive {
        max-width: 100%;
        height: auto
    }
}

@media only screen and (max-width:360px) {
    img.responsive {
        max-width: none;
        width: 100%;
        float: none;
        margin: 0 0 20px
    }
}

@media only screen {
    img.responsive-left-10 {
        float: left;
        margin: 9px 40px 40px 0;
        max-width: 10%;
        height: auto
    }
}

@media only screen and (max-width:360px) {
    img.responsive-left-10 {
        max-width: none;
        width: 100%;
        float: none;
        margin: 0 0 20px
    }
}

@media only screen {
    img.responsive-left-20 {
        float: left;
        margin: 9px 40px 40px 0;
        max-width: 20%;
        height: auto
    }
}

@media only screen and (max-width:360px) {
    img.responsive-left-20 {
        max-width: none;
        width: 100%;
        float: none;
        margin: 0 0 20px
    }
}

@media only screen {
    img.responsive-left-30 {
        float: left;
        margin: 9px 40px 40px 0;
        max-width: 30%;
        height: auto
    }
}

@media only screen and (max-width:360px) {
    img.responsive-left-30 {
        max-width: none;
        width: 100%;
        float: none;
        margin: 0 0 20px
    }
}

@media only screen {
    img.responsive-left-40 {
        float: left;
        margin: 9px 40px 40px 0;
        max-width: 40%;
        height: auto
    }
}

@media only screen and (max-width:360px) {
    img.responsive-left-40 {
        max-width: none;
        width: 100%;
        float: none;
        margin: 0 0 20px
    }
}

@media only screen {
    img.responsive-left-50 {
        float: left;
        margin: 9px 40px 40px 0;
        max-width: 50%;
        height: auto
    }
}

@media only screen and (max-width:360px) {
    img.responsive-left-50 {
        max-width: none;
        width: 100%;
        float: none;
        margin: 0 0 20px
    }
}

@media only screen {
    img.responsive-right-10 {
        float: right;
        margin: 9px 0 40px 40px;
        max-width: 10%;
        height: auto
    }
}

@media only screen and (max-width:360px) {
    img.responsive-right-10 {
        max-width: none;
        width: 100%;
        float: none;
        margin: 0 0 20px
    }
}

@media only screen {
    img.responsive-right-20 {
        float: right;
        margin: 9px 0 40px 40px;
        max-width: 20%;
        height: auto
    }
}

@media only screen and (max-width:360px) {
    img.responsive-right-20 {
        max-width: none;
        width: 100%;
        float: none;
        margin: 0 0 20px
    }
}

@media only screen {
    img.responsive-right-30 {
        float: right;
        margin: 9px 0 40px 40px;
        max-width: 30%;
        height: auto
    }
}

@media only screen and (max-width:360px) {
    img.responsive-right-30 {
        max-width: none;
        width: 100%;
        float: none;
        margin: 0 0 20px
    }
}

@media only screen {
    img.responsive-right-40 {
        float: right;
        margin: 9px 0 40px 40px;
        max-width: 40%;
        height: auto
    }
}

@media only screen and (max-width:360px) {
    img.responsive-right-40 {
        max-width: none;
        width: 100%;
        float: none;
        margin: 0 0 20px
    }
}

@media only screen {
    img.responsive-right-50 {
        float: right;
        margin: 9px 0 40px 40px;
        max-width: 50%;
        height: auto
    }
}

@media only screen and (max-width:360px) {
    img.responsive-right-50 {
        max-width: none;
        width: 100%;
        float: none;
        margin: 0 0 20px
    }
}

@media only screen {
    .bg-color-1 {
        background-color: #fff
    }

        .bg-color-1 + .section-row.bg-color-1 {
            border-top: 1px solid rgba(0,0,0,.15)
        }
}

@media only screen {
    .bg-color-2 {
        background-color: #F0F0F0
    }

        .bg-color-2 .btn--ghost {
            background-color: #fff
        }
}

@media only screen {
    .bg-color-3 {
        background-color: #231F20;
        color: #fff
    }

        .bg-color-3 *, .bg-color-3 .back, .bg-color-3 .back:hover, .bg-color-3 .more, .bg-color-3 .more:hover, .bg-color-3 a, .bg-color-3 a:hover, .bg-color-3 p.subtitle {
            color: #fff
        }

        .bg-color-3 .btn--ghost {
            background-color: #fff;
            color: #37474f
        }

            .bg-color-3 .btn--ghost:before {
                background-color: rgba(0,0,0,.05)
            }

            .bg-color-3 .btn--ghost:hover {
                color: #37474f
            }

        .bg-color-3 .btn--ghost--back:before {
            background: 0 0 !important
        }

        .bg-color-3 .btn--ghost--back:after {
            background-color: rgba(0,0,0,.05) !important
        }

        .bg-color-3 :after, .bg-color-3 :before {
            color: #fff
        }

        .bg-color-3 .bg-color-1 {
            background-color: #fff
        }

        .bg-color-3 .bg-color-2 {
            background-color: #ddecf7
        }

            .bg-color-3 .bg-color-1, .bg-color-3 .bg-color-1 *, .bg-color-3 .bg-color-1 a, .bg-color-3 .bg-color-1 a:hover, .bg-color-3 .bg-color-2, .bg-color-3 .bg-color-2 *, .bg-color-3 .bg-color-2 a, .bg-color-3 .bg-color-2 a:hover {
                color: #37474f
            }

                .bg-color-3 .bg-color-1 p.subtitle, .bg-color-3 .bg-color-2 p.subtitle {
                    color: #2f76bc !important
                }

                .bg-color-3 .bg-color-1 .back, .bg-color-3 .bg-color-1 .back:hover, .bg-color-3 .bg-color-1 .more, .bg-color-3 .bg-color-1 .more:hover, .bg-color-3 .bg-color-2 .back, .bg-color-3 .bg-color-2 .back:hover, .bg-color-3 .bg-color-2 .more, .bg-color-3 .bg-color-2 .more:hover {
                    color: #37474f
                }

                .bg-color-3 .bg-color-1 .btn, .bg-color-3 .bg-color-2 .btn {
                    background-color: #2f76bc;
                    color: #fff
                }

                    .bg-color-3 .bg-color-1 .btn:before, .bg-color-3 .bg-color-2 .btn:before {
                        background-color: hsla(0,0%,100%,.05)
                    }

                    .bg-color-3 .bg-color-1 .btn:hover, .bg-color-3 .bg-color-2 .btn:hover {
                        color: #fff
                    }

                .bg-color-3 .bg-color-1 .btn--back:before, .bg-color-3 .bg-color-2 .btn--back:before {
                    background: 0 0 !important
                }

                .bg-color-3 .bg-color-1 .btn--back:after, .bg-color-3 .bg-color-2 .btn--back:after {
                    background-color: hsla(0,0%,100%,.05) !important
                }

                .bg-color-3 .bg-color-1 .btn--ghost, .bg-color-3 .bg-color-2 .btn--ghost {
                    border-color: rgba(0,0,0,.4) !important;
                    color: #37474f !important
                }

                    .bg-color-3 .bg-color-1 .btn--ghost:before, .bg-color-3 .bg-color-2 .btn--ghost:before {
                        background-color: rgba(0,0,0,.075)
                    }

                    .bg-color-3 .bg-color-1 .btn--ghost:hover, .bg-color-3 .bg-color-2 .btn--ghost:hover {
                        color: #37474f
                    }

                    .bg-color-3 .bg-color-1 .btn--ghost.btn--back:before, .bg-color-3 .bg-color-2 .btn--ghost.btn--back:before {
                        background: 0 0 !important
                    }

                    .bg-color-3 .bg-color-1 .btn--ghost.btn--back:after, .bg-color-3 .bg-color-2 .btn--ghost.btn--back:after {
                        background-color: rgba(0,0,0,.075) !important
                    }

                .bg-color-3 .bg-color-1 :after, .bg-color-3 .bg-color-1 :before, .bg-color-3 .bg-color-2 :after, .bg-color-3 .bg-color-2 :before {
                    color: #2f76bc
                }
}

@media only screen {
    .bg-color-4 {
        background-color: #2f76bc;
        color: #fff
    }

        .bg-color-4 *, .bg-color-4 a, .bg-color-4 a:hover {
            color: #fff
        }

        .bg-color-4 p.subtitle {
            color: #e94942 !important
        }

        .bg-color-4 .back, .bg-color-4 .back:hover, .bg-color-4 .more, .bg-color-4 .more:hover {
            color: #fff
        }

        .bg-color-4 .btn--ghost {
            background-color: #fff;
            color: #37474f
        }

            .bg-color-4 .btn--ghost:before {
                background-color: rgba(0,0,0,.05)
            }

            .bg-color-4 .btn--ghost:hover {
                color: #37474f
            }

        .bg-color-4 .btn--ghost--back:before {
            background: 0 0 !important
        }

        .bg-color-4 .btn--ghost--back:after {
            background-color: rgba(0,0,0,.05) !important
        }

        .bg-color-4 :after, .bg-color-4 :before {
            color: #fff
        }

        .bg-color-4 .bg-color-1 {
            background-color: #fff
        }

        .bg-color-4 .bg-color-2 {
            background-color: #ddecf7
        }

            .bg-color-4 .bg-color-1, .bg-color-4 .bg-color-1 *, .bg-color-4 .bg-color-1 a, .bg-color-4 .bg-color-1 a:hover, .bg-color-4 .bg-color-2, .bg-color-4 .bg-color-2 *, .bg-color-4 .bg-color-2 a, .bg-color-4 .bg-color-2 a:hover {
                color: #37474f
            }

                .bg-color-4 .bg-color-1 p.subtitle, .bg-color-4 .bg-color-2 p.subtitle {
                    color: #2f76bc !important
                }

                .bg-color-4 .bg-color-1 .back, .bg-color-4 .bg-color-1 .back:hover, .bg-color-4 .bg-color-1 .more, .bg-color-4 .bg-color-1 .more:hover, .bg-color-4 .bg-color-2 .back, .bg-color-4 .bg-color-2 .back:hover, .bg-color-4 .bg-color-2 .more, .bg-color-4 .bg-color-2 .more:hover {
                    color: #37474f
                }

                .bg-color-4 .bg-color-1 .btn, .bg-color-4 .bg-color-2 .btn {
                    background-color: #2f76bc;
                    color: #fff
                }

                    .bg-color-4 .bg-color-1 .btn:before, .bg-color-4 .bg-color-2 .btn:before {
                        background-color: hsla(0,0%,100%,.05)
                    }

                    .bg-color-4 .bg-color-1 .btn:hover, .bg-color-4 .bg-color-2 .btn:hover {
                        color: #fff
                    }

                .bg-color-4 .bg-color-1 .btn--back:before, .bg-color-4 .bg-color-2 .btn--back:before {
                    background: 0 0 !important
                }

                .bg-color-4 .bg-color-1 .btn--back:after, .bg-color-4 .bg-color-2 .btn--back:after {
                    background-color: hsla(0,0%,100%,.05) !important
                }

                .bg-color-4 .bg-color-1 .btn--ghost, .bg-color-4 .bg-color-2 .btn--ghost {
                    border-color: rgba(0,0,0,.4) !important;
                    color: #37474f !important
                }

                    .bg-color-4 .bg-color-1 .btn--ghost:before, .bg-color-4 .bg-color-2 .btn--ghost:before {
                        background-color: rgba(0,0,0,.075)
                    }

                    .bg-color-4 .bg-color-1 .btn--ghost:hover, .bg-color-4 .bg-color-2 .btn--ghost:hover {
                        color: #37474f
                    }

                    .bg-color-4 .bg-color-1 .btn--ghost.btn--back:before, .bg-color-4 .bg-color-2 .btn--ghost.btn--back:before {
                        background: 0 0 !important
                    }

                    .bg-color-4 .bg-color-1 .btn--ghost.btn--back:after, .bg-color-4 .bg-color-2 .btn--ghost.btn--back:after {
                        background-color: rgba(0,0,0,.075) !important
                    }

                .bg-color-4 .bg-color-1 :after, .bg-color-4 .bg-color-1 :before, .bg-color-4 .bg-color-2 :after, .bg-color-4 .bg-color-2 :before {
                    color: #2f76bc
                }
}

@media only screen {
    .bg-color-5 {
        background-color: #e94942;
        color: #fff
    }

        .bg-color-5 *, .bg-color-5 a, .bg-color-5 a:hover {
            color: #fff
        }

        .bg-color-5 p.subtitle {
            color: #e94942 !important
        }

        .bg-color-5 .back, .bg-color-5 .back:hover, .bg-color-5 .more, .bg-color-5 .more:hover {
            color: #fff
        }

        .bg-color-5 .btn {
            background-color: #fff;
            color: #37474f
        }

            .bg-color-5 .btn:before {
                background-color: rgba(0,0,0,.05)
            }

            .bg-color-5 .btn:hover {
                color: #37474f
            }

        .bg-color-5 .btn--back:before {
            background: 0 0 !important
        }

        .bg-color-5 .btn--back:after {
            background-color: rgba(0,0,0,.05) !important
        }

        .bg-color-5 .btn--ghost {
            border-color: hsla(0,0%,100%,.4) !important;
            color: #fff !important
        }

            .bg-color-5 .btn--ghost:before {
                background-color: hsla(0,0%,100%,.075)
            }

            .bg-color-5 .btn--ghost:hover {
                color: #fff
            }

            .bg-color-5 .btn--ghost.btn--back:before {
                background: 0 0 !important
            }

            .bg-color-5 .btn--ghost.btn--back:after {
                background-color: hsla(0,0%,100%,.075) !important
            }

        .bg-color-5 :after, .bg-color-5 :before {
            color: #fff
        }

        .bg-color-5 .bg-color-1 {
            background-color: #fff
        }

        .bg-color-5 .bg-color-2 {
            background-color: #ddecf7
        }

            .bg-color-5 .bg-color-1, .bg-color-5 .bg-color-1 *, .bg-color-5 .bg-color-1 a, .bg-color-5 .bg-color-1 a:hover, .bg-color-5 .bg-color-2, .bg-color-5 .bg-color-2 *, .bg-color-5 .bg-color-2 a, .bg-color-5 .bg-color-2 a:hover {
                color: #37474f
            }

                .bg-color-5 .bg-color-1 p.subtitle, .bg-color-5 .bg-color-2 p.subtitle {
                    color: #2f76bc !important
                }

                .bg-color-5 .bg-color-1 .back, .bg-color-5 .bg-color-1 .back:hover, .bg-color-5 .bg-color-1 .more, .bg-color-5 .bg-color-1 .more:hover, .bg-color-5 .bg-color-2 .back, .bg-color-5 .bg-color-2 .back:hover, .bg-color-5 .bg-color-2 .more, .bg-color-5 .bg-color-2 .more:hover {
                    color: #37474f
                }

                .bg-color-5 .bg-color-1 .btn, .bg-color-5 .bg-color-2 .btn {
                    background-color: #2f76bc;
                    color: #fff
                }

                    .bg-color-5 .bg-color-1 .btn:before, .bg-color-5 .bg-color-2 .btn:before {
                        background-color: hsla(0,0%,100%,.05)
                    }

                    .bg-color-5 .bg-color-1 .btn:hover, .bg-color-5 .bg-color-2 .btn:hover {
                        color: #fff
                    }

                .bg-color-5 .bg-color-1 .btn--back:before, .bg-color-5 .bg-color-2 .btn--back:before {
                    background: 0 0 !important
                }

                .bg-color-5 .bg-color-1 .btn--back:after, .bg-color-5 .bg-color-2 .btn--back:after {
                    background-color: hsla(0,0%,100%,.05) !important
                }

                .bg-color-5 .bg-color-1 .btn--ghost, .bg-color-5 .bg-color-2 .btn--ghost {
                    border-color: rgba(0,0,0,.4) !important;
                    color: #37474f !important
                }

                    .bg-color-5 .bg-color-1 .btn--ghost:before, .bg-color-5 .bg-color-2 .btn--ghost:before {
                        background-color: rgba(0,0,0,.075)
                    }

                    .bg-color-5 .bg-color-1 .btn--ghost:hover, .bg-color-5 .bg-color-2 .btn--ghost:hover {
                        color: #37474f
                    }

                    .bg-color-5 .bg-color-1 .btn--ghost.btn--back:before, .bg-color-5 .bg-color-2 .btn--ghost.btn--back:before {
                        background: 0 0 !important
                    }

                    .bg-color-5 .bg-color-1 .btn--ghost.btn--back:after, .bg-color-5 .bg-color-2 .btn--ghost.btn--back:after {
                        background-color: rgba(0,0,0,.075) !important
                    }

                .bg-color-5 .bg-color-1 :after, .bg-color-5 .bg-color-1 :before, .bg-color-5 .bg-color-2 :after, .bg-color-5 .bg-color-2 :before {
                    color: #2f76bc
                }
}

@media only screen {
    .bg-color-visual, .bg-color-visual *, .bg-color-visual a, .bg-color-visual a:hover {
        color: #fff
    }

        .bg-color-visual p.subtitle {
            color: #e94942 !important
        }

        .bg-color-visual :after, .bg-color-visual :before {
            color: #fff
        }

        .bg-color-visual .bg-color-1 {
            background-color: #fff
        }

        .bg-color-visual .bg-color-2 {
            background-color: #ddecf7
        }

            .bg-color-visual .bg-color-1, .bg-color-visual .bg-color-1 *, .bg-color-visual .bg-color-1 a, .bg-color-visual .bg-color-1 a:hover, .bg-color-visual .bg-color-2, .bg-color-visual .bg-color-2 *, .bg-color-visual .bg-color-2 a, .bg-color-visual .bg-color-2 a:hover {
                color: #37474f
            }

                .bg-color-visual .bg-color-1 p.subtitle, .bg-color-visual .bg-color-2 p.subtitle {
                    color: #2f76bc !important
                }

                .bg-color-visual .bg-color-1 .back, .bg-color-visual .bg-color-1 .back:hover, .bg-color-visual .bg-color-1 .more, .bg-color-visual .bg-color-1 .more:hover, .bg-color-visual .bg-color-2 .back, .bg-color-visual .bg-color-2 .back:hover, .bg-color-visual .bg-color-2 .more, .bg-color-visual .bg-color-2 .more:hover {
                    color: #37474f
                }

                .bg-color-visual .bg-color-1 .btn, .bg-color-visual .bg-color-2 .btn {
                    background-color: #2f76bc;
                    color: #fff
                }

                    .bg-color-visual .bg-color-1 .btn:before, .bg-color-visual .bg-color-2 .btn:before {
                        background-color: hsla(0,0%,100%,.05)
                    }

                    .bg-color-visual .bg-color-1 .btn:hover, .bg-color-visual .bg-color-2 .btn:hover {
                        color: #fff
                    }

                .bg-color-visual .bg-color-1 .btn--back:before, .bg-color-visual .bg-color-2 .btn--back:before {
                    background: 0 0 !important
                }

                .bg-color-visual .bg-color-1 .btn--back:after, .bg-color-visual .bg-color-2 .btn--back:after {
                    background-color: hsla(0,0%,100%,.05) !important
                }

                .bg-color-visual .bg-color-1 .btn--ghost, .bg-color-visual .bg-color-2 .btn--ghost {
                    border-color: rgba(0,0,0,.4) !important;
                    color: #37474f !important
                }

                    .bg-color-visual .bg-color-1 .btn--ghost:before, .bg-color-visual .bg-color-2 .btn--ghost:before {
                        background-color: rgba(0,0,0,.075)
                    }

                    .bg-color-visual .bg-color-1 .btn--ghost:hover, .bg-color-visual .bg-color-2 .btn--ghost:hover {
                        color: #37474f
                    }

                    .bg-color-visual .bg-color-1 .btn--ghost.btn--back:before, .bg-color-visual .bg-color-2 .btn--ghost.btn--back:before {
                        background: 0 0 !important
                    }

                    .bg-color-visual .bg-color-1 .btn--ghost.btn--back:after, .bg-color-visual .bg-color-2 .btn--ghost.btn--back:after {
                        background-color: rgba(0,0,0,.075) !important
                    }

                .bg-color-visual .bg-color-1 :after, .bg-color-visual .bg-color-1 :before, .bg-color-visual .bg-color-2 :after, .bg-color-visual .bg-color-2 :before {
                    color: #2f76bc
                }
}

@media only screen {
    .bg-color-image {
        background: no-repeat 50% 50%;
        background-size: cover;
        position: relative;
        color: #fff
    }

        .bg-color-image:before {
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background-color: rgba(0,0,0,.6);
            z-index: 1
        }

        .bg-color-image .Container {
            position: relative;
            z-index: 2
        }

        .bg-color-image *, .bg-color-image a, .bg-color-image a:hover {
            color: #fff
        }

        .bg-color-image .btn {
            background-color: #fff;
            color: #37474f
        }

            .bg-color-image .btn:before {
                background-color: rgba(0,0,0,.15)
            }

            .bg-color-image .btn:after, .bg-color-image .btn:before {
                color: #37474f
            }

        .bg-color-image .btn--ghost:after, .bg-color-image .btn--ghost:before {
            color: #fff !important
        }

        .bg-color-image .btn:hover {
            color: #37474f
        }

        .bg-color-image .btn--ghost {
            background: 0 0 !important;
            border-color: hsla(0,0%,100%,.4) !important;
            color: #fff
        }

            .bg-color-image .btn--ghost:before {
                background-color: hsla(0,0%,100%,.15)
            }

            .bg-color-image .btn--ghost:after, .bg-color-image .btn--ghost:hover, .bg-color-image .btn--ghost:hover:after, .bg-color-image :after, .bg-color-image :before {
                color: #fff
            }

        .bg-color-image .bg-color-1 {
            background-color: #fff
        }

        .bg-color-image .bg-color-2 {
            background-color: #ddecf7
        }

            .bg-color-image .bg-color-1, .bg-color-image .bg-color-1 *, .bg-color-image .bg-color-1 a, .bg-color-image .bg-color-1 a:hover, .bg-color-image .bg-color-2, .bg-color-image .bg-color-2 *, .bg-color-image .bg-color-2 a, .bg-color-image .bg-color-2 a:hover {
                color: #37474f
            }

                .bg-color-image .bg-color-1 p.subtitle, .bg-color-image .bg-color-2 p.subtitle {
                    color: #2f76bc !important
                }

                .bg-color-image .bg-color-1 .back, .bg-color-image .bg-color-1 .back:hover, .bg-color-image .bg-color-1 .more, .bg-color-image .bg-color-1 .more:hover, .bg-color-image .bg-color-2 .back, .bg-color-image .bg-color-2 .back:hover, .bg-color-image .bg-color-2 .more, .bg-color-image .bg-color-2 .more:hover {
                    color: #37474f
                }

                .bg-color-image .bg-color-1 .btn, .bg-color-image .bg-color-2 .btn {
                    background-color: #2f76bc;
                    color: #fff
                }

                    .bg-color-image .bg-color-1 .btn:before, .bg-color-image .bg-color-2 .btn:before {
                        background-color: hsla(0,0%,100%,.05)
                    }

                    .bg-color-image .bg-color-1 .btn:hover, .bg-color-image .bg-color-2 .btn:hover {
                        color: #fff
                    }

                .bg-color-image .bg-color-1 .btn--back:before, .bg-color-image .bg-color-2 .btn--back:before {
                    background: 0 0 !important
                }

                .bg-color-image .bg-color-1 .btn--back:after, .bg-color-image .bg-color-2 .btn--back:after {
                    background-color: hsla(0,0%,100%,.05) !important
                }

                .bg-color-image .bg-color-1 .btn--ghost, .bg-color-image .bg-color-2 .btn--ghost {
                    border-color: rgba(0,0,0,.4) !important;
                    color: #37474f !important
                }

                    .bg-color-image .bg-color-1 .btn--ghost:before, .bg-color-image .bg-color-2 .btn--ghost:before {
                        background-color: rgba(0,0,0,.075)
                    }

                    .bg-color-image .bg-color-1 .btn--ghost:hover, .bg-color-image .bg-color-2 .btn--ghost:hover {
                        color: #37474f
                    }

                    .bg-color-image .bg-color-1 .btn--ghost.btn--back:before, .bg-color-image .bg-color-2 .btn--ghost.btn--back:before {
                        background: 0 0 !important
                    }

                    .bg-color-image .bg-color-1 .btn--ghost.btn--back:after, .bg-color-image .bg-color-2 .btn--ghost.btn--back:after {
                        background-color: rgba(0,0,0,.075) !important
                    }

                .bg-color-image .bg-color-1 :after, .bg-color-image .bg-color-1 :before, .bg-color-image .bg-color-2 :after, .bg-color-image .bg-color-2 :before {
                    color: #2f76bc
                }
}

@media only screen {
    .Grid__col {
        float: left;
        box-sizing: border-box
    }

    .Grid--nopadding {
        margin: 0
    }

        .Grid--nopadding > .Grid__col {
            padding: 0
        }

    .Grid--xs {
        margin: 0 -8px
    }

        .Grid--xs > .Grid__col {
            margin-top: 16px;
            padding: 0 8px
        }

    .Grid--s {
        margin: 0 -16px
    }
}

@media only screen and (max-width:700px) {
    .Grid--s {
        margin: 0 -8px
    }
}

@media only screen {
    .Grid--s > .Grid__col {
        margin-top: 32px;
        padding: 0 16px
    }
}

@media only screen and (max-width:700px) {
    .Grid--s > .Grid__col {
        margin-top: 16px;
        padding: 0 8px
    }
}

@media only screen {
    .Grid--m {
        margin: 0 -32px
    }
}

@media only screen and (max-width:1200px) {
    .Grid--m {
        margin: 0 -16px
    }
}

@media only screen {
    .Grid--m > .Grid__col {
        margin-top: 64px;
        padding: 0 32px
    }
}

@media only screen and (max-width:1200px) {
    .Grid--m > .Grid__col {
        padding: 0 16px;
        margin-top: 32px
    }
}

@media only screen {
    .Grid--l {
        margin: 0 -64px
    }
}

@media only screen and (max-width:1200px) {
    .Grid--l {
        margin: 0 -40px
    }
}

@media only screen and (max-width:900px) {
    .Grid--l {
        margin: 0 -32px
    }
}

@media only screen {
    .Grid--l > .Grid__col {
        margin-top: 64px;
        padding: 0 64px
    }
}

@media only screen and (max-width:1200px) {
    .Grid--l > .Grid__col {
        margin-top: 40px;
        padding: 0 40px
    }
}

@media only screen and (max-width:900px) {
    .Grid--l > .Grid__col {
        margin-top: 32px;
        padding: 0 32px
    }
}

@media only screen {
    .Grid--1col > .Grid__col {
        float: none;
        max-width: 966px;
        margin: 0 auto
    }
}

@media only screen {
    .Grid--2col > .Grid__col {
        width: 100%
    }

        .Grid--2col > .Grid__col:first-child {
            margin-top: 0
        }
}

@media only screen and (min-width:700px) {
    .Grid--2col > .Grid__col {
        width: 50%
    }

        .Grid--2col > .Grid__col:nth-child(odd) {
            clear: both
        }

        .Grid--2col > .Grid__col:nth-child(-n+2) {
            margin-top: 0
        }
}

@media only screen {
    .Grid--3col > .Grid__col {
        width: 100%
    }

        .Grid--3col > .Grid__col:first-child {
            margin-top: 0
        }
}

@media only screen and (min-width:700px) {
    .Grid--3col > .Grid__col {
        width: 50%
    }

        .Grid--3col > .Grid__col:nth-child(odd) {
            clear: both
        }

        .Grid--3col > .Grid__col:nth-child(-n+2) {
            margin-top: 0
        }
}

@media only screen and (min-width:900px) {
    .Grid--3col > .Grid__col {
        width: 33.333%
    }

        .Grid--3col > .Grid__col:nth-child(odd) {
            clear: none
        }

        .Grid--3col > .Grid__col:nth-child(3n+1) {
            clear: both
        }

        .Grid--3col > .Grid__col:nth-child(-n+3) {
            margin-top: 0
        }
}

@media only screen {
    .Grid--4col > .Grid__col {
        width: 50%
    }

        .Grid--4col > .Grid__col:nth-child(odd) {
            clear: both
        }

        .Grid--4col > .Grid__col:nth-child(-n+2) {
            margin-top: 0
        }
}

@media only screen and (min-width:900px) {
    .Grid--4col > .Grid__col {
        width: 25%
    }

        .Grid--4col > .Grid__col:nth-child(odd) {
            clear: none
        }

        .Grid--4col > .Grid__col:nth-child(4n+1) {
            clear: both
        }

        .Grid--4col > .Grid__col:nth-child(-n+4) {
            margin-top: 0
        }
}

@media only screen {
    .Grid--5col > .Grid__col {
        width: 100%
    }

        .Grid--5col > .Grid__col:first-child {
            margin-top: 0
        }
}

@media only screen and (min-width:900px) {
    .Grid--5col > .Grid__col {
        width: 20%
    }

        .Grid--5col > .Grid__col:nth-child(5n+1) {
            clear: both
        }

        .Grid--5col > .Grid__col:nth-child(-n+5) {
            margin-top: 0
        }
}

@media only screen {
    .Grid--20-80 > .Grid__col {
        margin: 0
    }

        .Grid--20-80 > .Grid__col:first-child {
            width: 20%
        }

        .Grid--20-80 > .Grid__col:nth-child(2) {
            width: 80%
        }
}

@media only screen {
    .Grid--80-20 > .Grid__col {
        margin: 0
    }

        .Grid--80-20 > .Grid__col:first-child {
            width: 80%
        }

        .Grid--80-20 > .Grid__col:nth-child(2) {
            width: 20%
        }
}

@media only screen {
    .Grid--25-75 > .Grid__col {
        margin: 0
    }

        .Grid--25-75 > .Grid__col:first-child {
            width: 25%
        }

        .Grid--25-75 > .Grid__col:nth-child(2) {
            width: 75%
        }
}

@media only screen {
    .Grid--75-25 > .Grid__col {
        margin: 0
    }

        .Grid--75-25 > .Grid__col:first-child {
            width: 75%
        }

        .Grid--75-25 > .Grid__col:nth-child(2) {
            width: 25%
        }
}

@media only screen {
    .Grid--33-66 > .Grid__col {
        margin: 56px 0 0;
        width: 100%
    }

        .Grid--33-66 > .Grid__col:first-child {
            margin-top: 0
        }
}

@media only screen and (min-width:900px) {
    .Grid--33-66 > .Grid__col {
        margin: 0 !important
    }

        .Grid--33-66 > .Grid__col:first-child {
            width: 33.333%
        }

        .Grid--33-66 > .Grid__col:nth-child(2) {
            width: 66.666%
        }
}

@media only screen {
    .Grid--66-33 > .Grid__col {
        margin: 0
    }

        .Grid--66-33 > .Grid__col:first-child {
            width: 66.666%
        }

        .Grid--66-33 > .Grid__col:nth-child(2) {
            width: 33.333%
        }
}

@media only screen and (max-width:700px) {
    .Login-intro {
        display: none
    }
}

@media only screen and (max-width:700px) {
    .Login-wrapper {
        padding-top: 24px !important;
        padding-bottom: 24px !important
    }
}

@media only screen {
    .Login-container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 24px
    }
}

@media only screen {
    .Login-links {
        margin-top: 16px;
        font-size: 13px
    }

        .Login-links .sep {
            margin: 0 4px
        }

        .Login-links a {
            text-decoration: none
        }

            .Login-links a:hover {
                text-decoration: underline
            }
}

@media only screen {
    .Login-clients {
        border-left: 0
    }
}

@media only screen and (max-width:700px) {
    .Login-clients {
        border-left: 1px solid #dfe5e8
    }
}

@media only screen {
    .Login-clients .more {
        display: inline-block;
        margin-top: 36px;
        font-size: 13px;
        font-weight: 400
    }
}

@media only screen {
    .Login-contact {
        color: #483D3F;
        font-size: 13px
    }

        .Login-contact .sep {
            margin: 0 4px;
            color: #becace
        }

        .Login-contact a {
            color: #293F96;
            text-decoration: underline
        }

            .Login-contact a:hover {
                color: #0083AD;
            }
}

@media only screen {
    .Login-client-links__item {
        display: block;
        padding: 8px
    }

        .Login-client-links__item img {
            width: 100%
        }
}

.new-portal-announcement {
    display: grid;
    margin-top: 32px;
	max-width: 700px;
    margin: auto;
	border-radius: .5rem!important;
	padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.bg-color-new-portal {
    background-color: #293F96;
}

.new-portal-announcement .body-row {
    display: flex;
}

.btn-new-portal {
    min-width: fit-content;
    margin: auto;
    margin-left: 20px;
}

.new-portal-header {
    font-size: 1.429rem;
	font-weight: 500;
    color: #fff;
    font-family:'Work Sans', sans-serif;
	margin-bottom: 1.2rem !important;
}

.new-portal-body {
	color: #fff;
}

.mb-2 {
    margin-bottom: 5px;
}

.btn-new-portal:hover {
    color: white;
}

.btn-new-portal {
    background: #148750;
    border: 0 !important;
    border-radius: 0.25rem;
    position: relative;
    display: inline-block;
    margin: 16px 0 0 0;
    padding: 10px 24px 14px;
    max-width: 100%;
    overflow: hidden;
    color: #fff;
    text-decoration: none !important;
    font-weight: 600;
    line-height: 1.6;
    text-align: center;
    text-overflow: ellipsis;
    vertical-align: top;
    z-index: 1;
    border: 0;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-new-portal {
    background-color:#F16752 !important;
	font-weight: 700 !important;
	border-color:#F16752 !important;
}
.btn-new-portal:hover {
    background-color:#C73800 !important;
	border-color:#C73800 !important;
}
.btn-new-portal:active {
    background-color:#C73800 !important;
}

.spacing-hor-s {
    padding-bottom: 3rem;
}

.feather {
	color: #293F96;
    stroke-width: 1;
	width: 20px;
    height: 20px;
}

a.br-contact-link {
    position: relative;
    top: -6px;
}