@import "https://use.fontawesome.com/ede1f9233a.css";
@import url("https://fonts.googleapis.com/css?family=Montserrat:400,700|Roboto:400,700,400i");

meta.foundation-version {
    font-family: "/5.5.3/"
}

meta.foundation-mq-small {
    font-family: "/only screen/";
    width: 0
}

meta.foundation-mq-small-only {
    font-family: "/only screen and (max-width: 40em)/";
    width: 0
}

meta.foundation-mq-medium {
    font-family: "/only screen and (min-width:40.0625em)/";
    width: 40.0625em
}

meta.foundation-mq-medium-only {
    font-family: "/only screen and (min-width:40.0625em) and (max-width:64em)/";
    width: 40.0625em
}

meta.foundation-mq-large {
    font-family: "/only screen and (min-width:64.0625em)/";
    width: 64.0625em
}

meta.foundation-mq-large-only {
    font-family: "/only screen and (min-width:64.0625em) and (max-width:90em)/";
    width: 64.0625em
}

meta.foundation-mq-xlarge {
    font-family: "/only screen and (min-width:90.0625em)/";
    width: 90.0625em
}

meta.foundation-mq-xlarge-only {
    font-family: "/only screen and (min-width:90.0625em) and (max-width:120em)/";
    width: 90.0625em
}

meta.foundation-mq-xxlarge {
    font-family: "/only screen and (min-width:120.0625em)/";
    width: 120.0625em
}

meta.foundation-data-attribute-namespace {
    font-family: false
}

html,
body {
    height: 100%
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html,
body {
    font-size: 100%
}

body {
    background: #fff;
    color: #222;
    cursor: auto;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    line-height: 1.5;
    margin: 0;
    padding: 0;
    position: relative
}

a:hover {
    cursor: pointer
}

img {
    max-width: 100%;
    height: auto
}

img {
    -ms-interpolation-mode: bicubic
}

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
    max-width: none !important
}

.left {
    float: left !important
}

.right {
    float: right !important
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.hide {
    display: none
}

.invisible {
    visibility: hidden
}

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

img {
    display: inline-block;
    vertical-align: middle
}

textarea {
    height: auto;
    min-height: 50px
}

select {
    width: 100%
}

.row {
    margin: 0 auto;
    max-width: 62.5rem;
    width: 100%
}

.row:before,
.row:after {
    content: " ";
    display: table
}

.row:after {
    clear: both
}

.row.collapse>.column,
.row.collapse>.columns {
    padding-left: 0;
    padding-right: 0
}

.row.collapse .row {
    margin-left: 0;
    margin-right: 0
}

.row .row {
    margin: 0 -.9375rem;
    max-width: none;
    width: auto
}

.row .row:before,
.row .row:after {
    content: " ";
    display: table
}

.row .row:after {
    clear: both
}

.row .row.collapse {
    margin: 0;
    max-width: none;
    width: auto
}

.row .row.collapse:before,
.row .row.collapse:after {
    content: " ";
    display: table
}

.row .row.collapse:after {
    clear: both
}

.column,
.columns {
    padding-left: .9375rem;
    padding-right: .9375rem;
    width: 100%;
    float: left
}

.column+.column:last-child,
.columns+.column:last-child,
.column+.columns:last-child,
.columns+.columns:last-child {
    float: right
}

.column+.column.end,
.columns+.column.end,
.column+.columns.end,
.columns+.columns.end {
    float: left
}

@media only screen {
    .small-push-0 {
        position: relative;
        left: 0;
        right: auto
    }

    .small-pull-0 {
        position: relative;
        right: 0;
        left: auto
    }

    .small-push-1 {
        position: relative;
        left: 8.33333%;
        right: auto
    }

    .small-pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto
    }

    .small-push-2 {
        position: relative;
        left: 16.66667%;
        right: auto
    }

    .small-pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto
    }

    .small-push-3 {
        position: relative;
        left: 25%;
        right: auto
    }

    .small-pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }

    .small-push-4 {
        position: relative;
        left: 33.33333%;
        right: auto
    }

    .small-pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto
    }

    .small-push-5 {
        position: relative;
        left: 41.66667%;
        right: auto
    }

    .small-pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto
    }

    .small-push-6 {
        position: relative;
        left: 50%;
        right: auto
    }

    .small-pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }

    .small-push-7 {
        position: relative;
        left: 58.33333%;
        right: auto
    }

    .small-pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto
    }

    .small-push-8 {
        position: relative;
        left: 66.66667%;
        right: auto
    }

    .small-pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto
    }

    .small-push-9 {
        position: relative;
        left: 75%;
        right: auto
    }

    .small-pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }

    .small-push-10 {
        position: relative;
        left: 83.33333%;
        right: auto
    }

    .small-pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto
    }

    .small-push-11 {
        position: relative;
        left: 91.66667%;
        right: auto
    }

    .small-pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto
    }

    .column,
    .columns {
        position: relative;
        padding-left: .9375rem;
        padding-right: .9375rem;
        float: left
    }

    .small-1 {
        width: 8.33333%
    }

    .small-2 {
        width: 16.66667%
    }

    .small-3 {
        width: 25%
    }

    .small-4 {
        width: 33.33333%
    }

    .small-5 {
        width: 41.66667%
    }

    .small-6 {
        width: 50%
    }

    .small-7 {
        width: 58.33333%
    }

    .small-8 {
        width: 66.66667%
    }

    .small-9 {
        width: 75%
    }

    .small-10 {
        width: 83.33333%
    }

    .small-11 {
        width: 91.66667%
    }

    .small-12 {
        width: 100%
    }

    .small-offset-0 {
        margin-left: 0 !important
    }

    .small-offset-1 {
        margin-left: 8.33333% !important
    }

    .small-offset-2 {
        margin-left: 16.66667% !important
    }

    .small-offset-3 {
        margin-left: 25% !important
    }

    .small-offset-4 {
        margin-left: 33.33333% !important
    }

    .small-offset-5 {
        margin-left: 41.66667% !important
    }

    .small-offset-6 {
        margin-left: 50% !important
    }

    .small-offset-7 {
        margin-left: 58.33333% !important
    }

    .small-offset-8 {
        margin-left: 66.66667% !important
    }

    .small-offset-9 {
        margin-left: 75% !important
    }

    .small-offset-10 {
        margin-left: 83.33333% !important
    }

    .small-offset-11 {
        margin-left: 91.66667% !important
    }

    .small-reset-order {
        float: left;
        left: auto;
        margin-left: 0;
        margin-right: 0;
        right: auto
    }

    .column.small-centered,
    .columns.small-centered {
        margin-left: auto;
        margin-right: auto;
        float: none
    }

    .column.small-uncentered,
    .columns.small-uncentered {
        float: left;
        margin-left: 0;
        margin-right: 0
    }

    .column.small-centered:last-child,
    .columns.small-centered:last-child {
        float: none
    }

    .column.small-uncentered:last-child,
    .columns.small-uncentered:last-child {
        float: left
    }

    .column.small-uncentered.opposite,
    .columns.small-uncentered.opposite {
        float: right
    }

    .row.small-collapse>.column,
    .row.small-collapse>.columns {
        padding-left: 0;
        padding-right: 0
    }

    .row.small-collapse .row {
        margin-left: 0;
        margin-right: 0
    }

    .row.small-uncollapse>.column,
    .row.small-uncollapse>.columns {
        padding-left: .9375rem;
        padding-right: .9375rem;
        float: left
    }
}

@media only screen and (min-width: 40.0625em) {
    .medium-push-0 {
        position: relative;
        left: 0;
        right: auto
    }

    .medium-pull-0 {
        position: relative;
        right: 0;
        left: auto
    }

    .medium-push-1 {
        position: relative;
        left: 8.33333%;
        right: auto
    }

    .medium-pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto
    }

    .medium-push-2 {
        position: relative;
        left: 16.66667%;
        right: auto
    }

    .medium-pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto
    }

    .medium-push-3 {
        position: relative;
        left: 25%;
        right: auto
    }

    .medium-pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }

    .medium-push-4 {
        position: relative;
        left: 33.33333%;
        right: auto
    }

    .medium-pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto
    }

    .medium-push-5 {
        position: relative;
        left: 41.66667%;
        right: auto
    }

    .medium-pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto
    }

    .medium-push-6 {
        position: relative;
        left: 50%;
        right: auto
    }

    .medium-pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }

    .medium-push-7 {
        position: relative;
        left: 58.33333%;
        right: auto
    }

    .medium-pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto
    }

    .medium-push-8 {
        position: relative;
        left: 66.66667%;
        right: auto
    }

    .medium-pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto
    }

    .medium-push-9 {
        position: relative;
        left: 75%;
        right: auto
    }

    .medium-pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }

    .medium-push-10 {
        position: relative;
        left: 83.33333%;
        right: auto
    }

    .medium-pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto
    }

    .medium-push-11 {
        position: relative;
        left: 91.66667%;
        right: auto
    }

    .medium-pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto
    }

    .column,
    .columns {
        position: relative;
        padding-left: .9375rem;
        padding-right: .9375rem;
        float: left
    }

    .medium-1 {
        width: 8.33333%
    }

    .medium-2 {
        width: 16.66667%
    }

    .medium-3 {
        width: 25%
    }

    .medium-4 {
        width: 33.33333%
    }

    .medium-5 {
        width: 41.66667%
    }

    .medium-6 {
        width: 50%
    }

    .medium-7 {
        width: 58.33333%
    }

    .medium-8 {
        width: 66.66667%
    }

    .medium-9 {
        width: 75%
    }

    .medium-10 {
        width: 83.33333%
    }

    .medium-11 {
        width: 91.66667%
    }

    .medium-12 {
        width: 100%
    }

    .medium-offset-0 {
        margin-left: 0 !important
    }

    .medium-offset-1 {
        margin-left: 8.33333% !important
    }

    .medium-offset-2 {
        margin-left: 16.66667% !important
    }

    .medium-offset-3 {
        margin-left: 25% !important
    }

    .medium-offset-4 {
        margin-left: 33.33333% !important
    }

    .medium-offset-5 {
        margin-left: 41.66667% !important
    }

    .medium-offset-6 {
        margin-left: 50% !important
    }

    .medium-offset-7 {
        margin-left: 58.33333% !important
    }

    .medium-offset-8 {
        margin-left: 66.66667% !important
    }

    .medium-offset-9 {
        margin-left: 75% !important
    }

    .medium-offset-10 {
        margin-left: 83.33333% !important
    }

    .medium-offset-11 {
        margin-left: 91.66667% !important
    }

    .medium-reset-order {
        float: left;
        left: auto;
        margin-left: 0;
        margin-right: 0;
        right: auto
    }

    .column.medium-centered,
    .columns.medium-centered {
        margin-left: auto;
        margin-right: auto;
        float: none
    }

    .column.medium-uncentered,
    .columns.medium-uncentered {
        float: left;
        margin-left: 0;
        margin-right: 0
    }

    .column.medium-centered:last-child,
    .columns.medium-centered:last-child {
        float: none
    }

    .column.medium-uncentered:last-child,
    .columns.medium-uncentered:last-child {
        float: left
    }

    .column.medium-uncentered.opposite,
    .columns.medium-uncentered.opposite {
        float: right
    }

    .row.medium-collapse>.column,
    .row.medium-collapse>.columns {
        padding-left: 0;
        padding-right: 0
    }

    .row.medium-collapse .row {
        margin-left: 0;
        margin-right: 0
    }

    .row.medium-uncollapse>.column,
    .row.medium-uncollapse>.columns {
        padding-left: .9375rem;
        padding-right: .9375rem;
        float: left
    }

    .push-0 {
        position: relative;
        left: 0;
        right: auto
    }

    .pull-0 {
        position: relative;
        right: 0;
        left: auto
    }

    .push-1 {
        position: relative;
        left: 8.33333%;
        right: auto
    }

    .pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto
    }

    .push-2 {
        position: relative;
        left: 16.66667%;
        right: auto
    }

    .pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto
    }

    .push-3 {
        position: relative;
        left: 25%;
        right: auto
    }

    .pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }

    .push-4 {
        position: relative;
        left: 33.33333%;
        right: auto
    }

    .pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto
    }

    .push-5 {
        position: relative;
        left: 41.66667%;
        right: auto
    }

    .pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto
    }

    .push-6 {
        position: relative;
        left: 50%;
        right: auto
    }

    .pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }

    .push-7 {
        position: relative;
        left: 58.33333%;
        right: auto
    }

    .pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto
    }

    .push-8 {
        position: relative;
        left: 66.66667%;
        right: auto
    }

    .pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto
    }

    .push-9 {
        position: relative;
        left: 75%;
        right: auto
    }

    .pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }

    .push-10 {
        position: relative;
        left: 83.33333%;
        right: auto
    }

    .pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto
    }

    .push-11 {
        position: relative;
        left: 91.66667%;
        right: auto
    }

    .pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto
    }
}

@media only screen and (min-width: 64.0625em) {
    .large-push-0 {
        position: relative;
        left: 0;
        right: auto
    }

    .large-pull-0 {
        position: relative;
        right: 0;
        left: auto
    }

    .large-push-1 {
        position: relative;
        left: 8.33333%;
        right: auto
    }

    .large-pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto
    }

    .large-push-2 {
        position: relative;
        left: 16.66667%;
        right: auto
    }

    .large-pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto
    }

    .large-push-3 {
        position: relative;
        left: 25%;
        right: auto
    }

    .large-pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }

    .large-push-4 {
        position: relative;
        left: 33.33333%;
        right: auto
    }

    .large-pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto
    }

    .large-push-5 {
        position: relative;
        left: 41.66667%;
        right: auto
    }

    .large-pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto
    }

    .large-push-6 {
        position: relative;
        left: 50%;
        right: auto
    }

    .large-pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }

    .large-push-7 {
        position: relative;
        left: 58.33333%;
        right: auto
    }

    .large-pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto
    }

    .large-push-8 {
        position: relative;
        left: 66.66667%;
        right: auto
    }

    .large-pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto
    }

    .large-push-9 {
        position: relative;
        left: 75%;
        right: auto
    }

    .large-pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }

    .large-push-10 {
        position: relative;
        left: 83.33333%;
        right: auto
    }

    .large-pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto
    }

    .large-push-11 {
        position: relative;
        left: 91.66667%;
        right: auto
    }

    .large-pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto
    }

    .column,
    .columns {
        position: relative;
        padding-left: .9375rem;
        padding-right: .9375rem;
        float: left
    }

    .large-1 {
        width: 8.33333%
    }

    .large-2 {
        width: 16.66667%
    }

    .large-3 {
        width: 25%
    }

    .large-4 {
        width: 33.33333%
    }

    .large-5 {
        width: 41.66667%
    }

    .large-6 {
        width: 50%
    }

    .large-7 {
        width: 58.33333%
    }

    .large-8 {
        width: 66.66667%
    }

    .large-9 {
        width: 75%
    }

    .large-10 {
        width: 83.33333%
    }

    .large-11 {
        width: 91.66667%
    }

    .large-12 {
        width: 100%
    }

    .large-offset-0 {
        margin-left: 0 !important
    }

    .large-offset-1 {
        margin-left: 8.33333% !important
    }

    .large-offset-2 {
        margin-left: 16.66667% !important
    }

    .large-offset-3 {
        margin-left: 25% !important
    }

    .large-offset-4 {
        margin-left: 33.33333% !important
    }

    .large-offset-5 {
        margin-left: 41.66667% !important
    }

    .large-offset-6 {
        margin-left: 50% !important
    }

    .large-offset-7 {
        margin-left: 58.33333% !important
    }

    .large-offset-8 {
        margin-left: 66.66667% !important
    }

    .large-offset-9 {
        margin-left: 75% !important
    }

    .large-offset-10 {
        margin-left: 83.33333% !important
    }

    .large-offset-11 {
        margin-left: 91.66667% !important
    }

    .large-reset-order {
        float: left;
        left: auto;
        margin-left: 0;
        margin-right: 0;
        right: auto
    }

    .column.large-centered,
    .columns.large-centered {
        margin-left: auto;
        margin-right: auto;
        float: none
    }

    .column.large-uncentered,
    .columns.large-uncentered {
        float: left;
        margin-left: 0;
        margin-right: 0
    }

    .column.large-centered:last-child,
    .columns.large-centered:last-child {
        float: none
    }

    .column.large-uncentered:last-child,
    .columns.large-uncentered:last-child {
        float: left
    }

    .column.large-uncentered.opposite,
    .columns.large-uncentered.opposite {
        float: right
    }

    .row.large-collapse>.column,
    .row.large-collapse>.columns {
        padding-left: 0;
        padding-right: 0
    }

    .row.large-collapse .row {
        margin-left: 0;
        margin-right: 0
    }

    .row.large-uncollapse>.column,
    .row.large-uncollapse>.columns {
        padding-left: .9375rem;
        padding-right: .9375rem;
        float: left
    }

    .push-0 {
        position: relative;
        left: 0;
        right: auto
    }

    .pull-0 {
        position: relative;
        right: 0;
        left: auto
    }

    .push-1 {
        position: relative;
        left: 8.33333%;
        right: auto
    }

    .pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto
    }

    .push-2 {
        position: relative;
        left: 16.66667%;
        right: auto
    }

    .pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto
    }

    .push-3 {
        position: relative;
        left: 25%;
        right: auto
    }

    .pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }

    .push-4 {
        position: relative;
        left: 33.33333%;
        right: auto
    }

    .pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto
    }

    .push-5 {
        position: relative;
        left: 41.66667%;
        right: auto
    }

    .pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto
    }

    .push-6 {
        position: relative;
        left: 50%;
        right: auto
    }

    .pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }

    .push-7 {
        position: relative;
        left: 58.33333%;
        right: auto
    }

    .pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto
    }

    .push-8 {
        position: relative;
        left: 66.66667%;
        right: auto
    }

    .pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto
    }

    .push-9 {
        position: relative;
        left: 75%;
        right: auto
    }

    .pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }

    .push-10 {
        position: relative;
        left: 83.33333%;
        right: auto
    }

    .pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto
    }

    .push-11 {
        position: relative;
        left: 91.66667%;
        right: auto
    }

    .pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto
    }
}

@-webkit-keyframes logoBarCenterAnimation {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(1.4)
    }
}

@-moz-keyframes logoBarCenterAnimation {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(1.4)
    }
}

@-o-keyframes logoBarCenterAnimation {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(1.4)
    }
}

@keyframes logoBarCenterAnimation {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(1.4)
    }
}

@-webkit-keyframes logoBarCenterOutAnimation {
    0% {
        transform: scale(1.4)
    }

    100% {
        transform: scale(1)
    }
}

@-moz-keyframes logoBarCenterOutAnimation {
    0% {
        transform: scale(1.4)
    }

    100% {
        transform: scale(1)
    }
}

@-o-keyframes logoBarCenterOutAnimation {
    0% {
        transform: scale(1.4)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes logoBarCenterOutAnimation {
    0% {
        transform: scale(1.4)
    }

    100% {
        transform: scale(1)
    }
}

.form.variant1 .formbuilder_form_submit_button input:hover,
.changeAttributes.variant1 #btn_submit input:hover,
input[type="submit"]:hover,
.changePersonInformation.variant1 .input_container input.button:hover,
.meetingsSubscriptionFlow.variant1 button:hover,
.meetingsSubscriptionFlow.variant1 .meetingSubscription .button-group.large .button:hover,
.login.variant1 #btn_login input:hover,
.login.variant1 #input_container_retrievebutton input:hover {
    background-position: 0 100%
}

.meetingsSubscriptionFlow.variant1 .button.light {
    border-radius: 0
}

.btn a:hover,
.button-group.large.right a:hover {
    background-position: 0 100%
}

input[type="submit"] {
    background: #259b9a;
    background: linear-gradient(180deg, #259b9a 0%, #259b9a 50%, #9b3a95 50%, #9b3a95 100%);
    background-size: 100% 200%;
    background-position: 0 0;
    border: none;
    color: #fff;
    font-size: 1.25rem;
    padding: .5rem 1.5rem;
    margin-top: .9375rem;
    margin-bottom: .9375rem;
    white-space: normal;
    font-weight: 400;
    min-width: 20rem;
    transition: background-position .2s ease-in-out
}

.button-group.large.right a {
    background: #259b9a;
    background: linear-gradient(180deg, #259b9a 0%, #259b9a 50%, #9b3a95 50%, #9b3a95 100%);
    background-size: 100% 200%;
    background-position: 0 0;
    border: none;
    color: #fff;
    font-size: 1.25rem;
    padding: .5rem 1.5rem;
    margin-top: .9375rem;
    margin-bottom: .9375rem;
    white-space: normal;
    font-weight: 400;
    min-width: 20rem;
    transition: background-position .2s ease-in-out
}

.row {
    max-width: 90rem
}

.header.variant2 .top-bar-section>ul>li.last>a {
    padding-right: .9375rem !important
}

main>.row {
    display: flex;
    flex-flow: row wrap;
    width: 100%
}

main>.row #CCIPlaceHolder_Content {
    flex: 1
}

aside .btn a {
    min-width: 100%
}

aside.large-4 {
    width: 100%
}

aside .block.navigation.variant1 ul {
    margin: 0;
    padding: 0
}

.block.login.variant1 {
    min-height: 50rem
}

#Block_Header_Uitloggen_pnlLogout {
    display: none
}

#CCIPlaceHolder_Sidebar {
    display: none;
    position: fixed;
    left: -20rem;
    top: 50vh;
    transform: translateY(-50%);
    transition: left .3s ease-in-out;
    width: 20rem
}

#CCIPlaceHolder_Sidebar:after {
    background: #259b9a;
    border-left: 1px solid #fff;
    color: #fff;
    content: ">";
    cursor: pointer;
    font-size: 2.5rem;
    font-weight: 700;
    height: 4rem;
    position: absolute;
    text-align: center;
    width: 4rem
}

#CCIPlaceHolder_Sidebar.open {
    left: 0
}

#CCIPlaceHolder_Sidebar.open:after {
    content: "<"
}

#CCIPlaceHolder_Sidebar.show {
    display: block
}

#CCIPlaceHolder_Sidebar aside {
    background: #259b9a;
    color: #fff;
    padding: 1rem
}

#CCIPlaceHolder_Sidebar aside h3,
#CCIPlaceHolder_Sidebar aside h4 {
    font-size: 1.5rem;
    margin-bottom: 1rem
}

#CCIPlaceHolder_Sidebar aside h3,
#CCIPlaceHolder_Sidebar aside ul,
#CCIPlaceHolder_Sidebar aside p,
#CCIPlaceHolder_Sidebar aside a {
    color: #fff
}

.navigation.variant1 ul li {
    border: none
}

.navigation.variant1 ul li.active>a {
    color: #fff;
    font-weight: 700
}

.small-12.medium-12.large-12.columns,
.small-12.medium-7.large-8.columns,
.formsApp {
    margin-right: auto;
    margin-left: auto;
    max-width: 50rem;
    float: none
}

label.text-right.ng-binding {
    text-align: left !important
}

header li.active a {
    color: #222
}

header .bottomWrapper .top-bar-section li>a:not(.button) {
    line-height: 1 !important;
    padding: .5rem 1rem !important
}

header .bottomWrapper .top-bar-section li.active:not(.has-form)>a:not(.button) {
    background: #00a9d8;
    color: #222;
    padding: .5rem 1rem !important
}

header .bottomWrapper.fixed .top-bar-section li.active:not(.has-form) a:not(.button) {
    color: #222;
    line-height: 2.5em;
    transition: color .3s
}

header .top-bar {
    display: flex;
    flex-flow: row wrap;
    height: auto
}

header .top-bar .left,
header .top-bar .top-bar-section {
    flex: 1
}

#CCIPlaceHolder_Before_Content .fullWidth {
    max-height: 18.75rem;
    overflow: hidden;
    position: relative;
    top: -90px
}

#CCIPlaceHolder_Before_Content .fullWidth img {
    width: 100%
}

.top-bar-section {
    align-self: center
}

.top-bar-section ul li>a {
    color: #fff
}

.header.variant2 .bottom .toggle-topbar.menu-icon+.left img {
    max-height: 2.5rem
}

.header.variant2 .bottom .logo img {
    margin: .75em 0
}

.video-hero {
    background: #000;
    min-height: 18.75rem;
    height: 80vh;
    overflow: hidden;
    position: relative
}

video {
    height: auto;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    opacity: .7;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    z-index: 800
}

.caption {
    left: 33.333%;
    position: absolute;
    top: 66.666%;
    transform: translate(-50%, -50%);
    z-index: 900
}

.caption h1 {
    color: #fff;
    font-size: 4.25rem;
    line-height: 1;
    max-width: 37.5rem
}

h3,
h2 {
    font-size: 2.25rem
}

.intro,
.intro p {
    font-size: 1.325rem;
    line-height: 1.5
}

.home #CCIPlaceHolder_Before_Content .fullWidth {
    max-height: none
}

.home #CCIPlaceHolder_Row_4 .row {
    display: flex;
    flex-flow: row wrap;
    justify-content: center
}

.home #CCIPlaceHolder_Row_4 .large-4.columns {
    width: 60%
}

.home #CCIPlaceHolder_Row_4 .large-4.columns>section {
    border-bottom: 1px solid #ccc
}

.home #CCIPlaceHolder_Row_4 .large-4.columns img {
    float: left;
    height: auto;
    width: 20rem
}

.home #CCIPlaceHolder_Row_4 .large-4.columns img+p {
    padding-top: 10rem
}

.home .sidebar.variant1 {
    display: flex;
    flex-flow: row wrap;
    max-width: 88.125rem;
    margin: 0 auto
}

.home .sidebar.variant1>section {
    width: 100%
}

.home #CCIPlaceHolder_Row_1_FullWidth .fullWidth .sidebar>section {
    flex: 1;
    padding: 0 2rem
}

.home #CCIPlaceHolder_Before_Content {
    margin-bottom: -2.5rem
}

.home #CCIPlaceHolder_Row_1_FullWidth .row {
    display: flex;
    flex-flow: row wrap;
    justify-content: center
}

.home #CCIPlaceHolder_Row_1_FullWidth .block.formV3.variant1,
.home .block.welcome.variant1 {
    background: #fff;
    box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.25);
    border-radius: 1rem;
    padding: 1rem 2rem;
    position: relative;
    text-align: center;
    top: -10rem;
    z-index: 999
}

.home #CCIPlaceHolder_Row_1_FullWidth .block.formV3.variant1 h3,
.home .block.welcome.variant1 h3 {
    color: #259b9a
}

.home .block.welcome.variant1 {
    text-align: left
}

.home #CCIPlaceHolder_Row_1_FullWidth .columns+.columns .columns,
.home #CCIPlaceHolder_Row_1_FullWidth .columns+.columns+.columns {
    background: none;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
    text-align: left;
    top: 0
}

.home .text-right.ng-binding {
    text-align: left !important
}

.home .fullWidth.highlightRow {
    background: #259b9a;
    background: -webkit-linear-gradient(280deg, #259b9a 0%, #a8cdcd 100%);
    background: -o-linear-gradient(280deg, #259b9a 0%, #a8cdcd 100%);
    background: linear-gradient(10deg, #259b9a 0%, #a8cdcd 100%)
}

.home .fullWidth.highlightRow .large-4 {
    float: none;
    margin: 0 auto;
    max-width: 66.666%;
    width: auto
}

.home .fullWidth.highlightRow .large-4 h2 {
    font-size: 1.725rem;
    font-weight: 400;
    line-height: 1.75
}

.home #Row_1_Block_1_Widget_2_CCIPlaceHolder_Block_FormV3_Variant_1,
.home #Row_1_Block_1_Widget_4_CCIPlaceHolder_Block_Welcome_Variant_1 {
    overflow: inherit
}

.home #Row_1_Block_1_Widget_2_CCIPlaceHolder_Block_FormV3_Variant_1 .columns,
.home #Row_1_Block_1_Widget_4_CCIPlaceHolder_Block_Welcome_Variant_1 .columns {
    margin: 0
}

.home #Row_1_Block_1_Widget_2_CCIPlaceHolder_Block_FormV3_Variant_1 .button-group.large.right,
.home #Row_1_Block_1_Widget_4_CCIPlaceHolder_Block_Welcome_Variant_1 .button-group.large.right {
    float: none !important
}

.home #Row_1_Block_1_Widget_4_CCIPlaceHolder_Block_Welcome_Variant_1 {
    max-width: 40%
}

.home #CCIPlaceHolder_After_Content .block.pages.variant1.blockSettings {
    margin-top: 4rem
}

.home #CCIPlaceHolder_After_Content .block.pages.variant1.blockSettings h3 {
    text-align: center
}

.home #CCIPlaceHolder_After_Content .block.pages.variant1.blockSettings #After_Content_Block_Widget_1_Pages {
    display: flex !important;
    flex-flow: row wrap
}

.home #CCIPlaceHolder_After_Content .block.pages.variant1.blockSettings #After_Content_Block_Widget_1_Pages article {
    flex: 1
}

.home #CCIPlaceHolder_After_Content .fullWidth {
    position: relative
}

.home #CCIPlaceHolder_After_Content .fullWidth h3 {
    background: #00a9d8;
    color: #fff;
    font-size: 4rem;
    left: 50%;
    padding: 0 1rem .5rem;
    position: absolute;
    text-align: center;
    transform: translate(-50%, -50%);
    top: 80%;
    z-index: 700
}

.home .small-12.medium-12.large-12.columns {
    max-width: 100%
}

.home #After_Content_Block_Widget_2_CCIPlaceHolder_Block_Meetings_Variant_1 {
    margin-bottom: 4rem;
    width: 100%
}

.home #After_Content_Block_Widget_2_CCIPlaceHolder_Block_Meetings_Variant_1 h3 {
    padding-bottom: .9375rem;
    text-align: center
}

.home #After_Content_Block_Widget_2_CCIPlaceHolder_Block_Meetings_Variant_1 .overzicht.kort.agenda {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    width: 100%
}

.home #After_Content_Block_Widget_2_CCIPlaceHolder_Block_Meetings_Variant_1 .overzicht.kort.agenda article {
    border-bottom: none;
    padding: 0 1rem;
    width: 15rem
}

.home #After_Content_Block_Widget_2_CCIPlaceHolder_Block_Meetings_Variant_1 .overzicht.kort.agenda article .column.content {
    display: flex;
    flex-flow: column wrap
}

.home #After_Content_Block_Widget_2_CCIPlaceHolder_Block_Meetings_Variant_1 .overzicht.kort.agenda article time {
    align-self: center;
    background: #00a9d8;
    color: #fff;
    font-weight: 700;
    height: 6rem;
    line-height: 6;
    text-align: center;
    width: 6rem
}

.home #After_Content_Block_Widget_2_CCIPlaceHolder_Block_Meetings_Variant_1 .overzicht.kort.agenda article h5 {
    padding: 0 1rem;
    text-align: center
}

.home footer {
    margin-top: 0
}

.btn {
    text-align: center
}

.btn a {
    display: inline-block;
    float: none;
    width:100%;
}

.header.variant2 .topWrapper {
    background: #333
}

.header.variant2 .topBar p,
.header.variant2 .topBar a {
    font-size: .725rem
}

footer p,
footer h4,
.footer.variant2 .bottom p,
.footer.variant2 .bottom a {
    font-size: .75rem
}

.footer.variant2 .top {
    padding: 3rem 0
}

.footer.variant2 .top img {
    max-height: 2.5rem;
    padding: 0 0 1rem 0;
    width: auto
}

.large-4 .pages.variant1 span.btn,
.large-4 .pages.variant1 .img {
    display: block
}

.pages.variant1 article {
    border: none;
    padding-left: 0;
    padding-right: 0
}

.pages.variant1 article .column.content {
    padding: 0 1.5rem 0 0
}

.pages.variant1 article .column.content .btn {
    display: none
}

.home .header.variant2 .bottomWrapper,
.home .header.variant2 .top-bar,
.home .header.variant2 .bottom,
.home .header.variant2 .bottomWrapper .top-bar,
.home .header.variant2 .bottomWrapper .top-bar-section ul li {
    background: none
}

.header.variant2 .bottomWrapper,
.header.variant2 .top-bar,
.header.variant2 .bottom,
.header.variant2 .bottomWrapper .top-bar {
    background: #00a9d8
}

.header.variant2 .bottomWrapper .top-bar-section ul li {
  background:none;
}

.home .header.variant2 .bottomWrapper {
    background: rgba(0, 0, 0, 0.4);
    transition: background .3s ease-in
}

.home .header.variant2 .bottomWrapper.fixed {
    background: #00a9d8
}

.contentHolder .content {
    width: 100%
}

body.article #CCIPlaceHolder_After_Content .small-12.medium-12.large-12.columns {
    max-width: 100%
}

body.article #CCIPlaceHolder_After_Content .block.pages.variant1.blockSettings {
    margin-bottom: 4rem
}

body.article #CCIPlaceHolder_After_Content .block.pages.variant1.blockSettings h3 {
    display: none
}

body.article #CCIPlaceHolder_After_Content .block.pages.variant1.blockSettings #After_Content_Block_Pages {
    display: flex;
    flex-flow: row wrap
}

body.article #CCIPlaceHolder_After_Content .block.pages.variant1.blockSettings #After_Content_Block_Pages article {
    flex: 1
}

body.article #CCIPlaceHolder_After_Content .block.pages.variant1.blockSettings #After_Content_Block_Pages article h4 {
    margin-top: 0
}

body.article .main-img,
body.article .intro {
    margin-bottom: 2rem
}

body.article h1 {
    line-height: 1.2;
    margin: 0 auto
}

body.article .contentHolder {
    margin: 4rem auto 2rem auto
}

body.article .contentHolder>.content:last-of-type {
    border-bottom: 1px solid #ccc;
    padding-bottom: 4rem
}

body.article .content p,
body.article .content ul,
body.article .content ol,
body.article .content h1,
body.article .content h2,
body.article .content h3,
body.article .content h4,
body.article .content h5,
body.article .content h6,
body.article .content time {
    margin-right: auto;
    margin-left: auto;
    max-width: 50rem
}

body.article .content h3 {
    margin-top: 4rem
}

body.article .content h4 {
    margin-top: 2rem
}

body.article .content time {
    color: #aaa;
    display: block;
    padding: .5rem 0 1rem 0
}

body.article .ondertitel {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
    bottom: 0;
    color: #fff;
    font-style: italic;
    left: 0;
    padding: 3rem 1rem .5rem 1rem;
    position: absolute;
    text-align: right;
    width: 100%
}

body.article .afbeelding {
    margin-top: 4rem;
    margin-bottom: 4rem;
    position: relative
}

body.article article figure {
    max-height: 60vh;
    margin: 0 0 2rem 0;
    min-height: 18.75rem;
    overflow: hidden;
    padding: 0;
    position: relative
}

body.article article figure img {
    width: 100%
}

body.article article figure .afbeelding {
    margin-top: 0;
    margin-bottom: 0;
    position: initial
}

#CCIPlaceHolder_After_Content .block.pages.variant1 article:nth-child(n+4) {
    display: none
}

.sidebar.variant1 section+section {
    margin-top: 4rem
}

footer {
    margin-top: 4rem
}

#CCIPlaceHolder_Before_Content .small-12.medium-12.large-12.columns {
    max-width: 100%;
    margin-bottom: 2rem;
    padding: 0
}

#CCIPlaceHolder_Before_Content .small-12.medium-12.large-12.columns h1 {
    margin: 4rem auto 2rem auto;
    max-width: 50rem
}

.small-12.medium-7.large-8.columns.medium-push-5.large-push-4 {
    left: 0
}

body.article #CCIPlaceHolder_Content h1 {
    margin-top: 0
}

#CCIPlaceHolder_Sidebar {
    margin-top: 4rem;
    margin-bottom: 4rem
}

#CCIPlaceHolder_Content h1 {
    margin: 4rem auto 2rem auto;
    max-width: 50rem
}

.pages.variant1 time {
    color: #aaa
}

.wide #CCIPlaceHolder_Content h1 {
    margin-top: 4rem;
    margin-bottom: 2rem;
    max-width: 100%
}

.wide .small-12.medium-12.large-12.columns {
    max-width: 100%
}

.wide .block.pages.variant1.blockSettings #Block_Pages {
    display: flex;
    flex-flow: row wrap
}

.wide .block.pages.variant1.blockSettings #Block_Pages article {
    padding-top: 0;
    padding-bottom: 2rem;
    width: 33.333%
}

.wide .block.pages.variant1.blockSettings #Block_Pages article:nth-child(3n+1) {
    padding-right: 2rem
}

.wide .block.pages.variant1.blockSettings #Block_Pages article:nth-child(3n+2) {
    padding: 0 1rem 2rem 1rem
}

.wide .block.pages.variant1.blockSettings #Block_Pages article:nth-child(3n+3) {
    padding-left: 2rem
}

.wide .block.pages.variant1.blockSettings #Block_Pages article .column.img {
    background: #ccc;
    height: 10.625rem;
    overflow: hidden;
    position: relative;
    width: 100%
}

.wide .block.pages.variant1.blockSettings #Block_Pages article .column.img+.column.content {
    width: 100%
}

.wide .block.pages.variant1.blockSettings #Block_Pages article .column.img+.column.content h4 {
    font-size: 1.325rem;
    line-height: 1.2;
    margin-top: 1rem
}

.wide .block.pages.variant1.blockSettings #Block_Pages article .column.img+.column.content p {
    display: none
}

.wide .block.pages.variant1.blockSettings #Block_Pages article .column.img a {
    display: block;
    height: 100%
}

.wide .block.pages.variant1.blockSettings #Block_Pages article .column.img img {
    height: auto;
    left: 50%;
    max-width: none;
    opacity: 1;
    padding: 0;
    position: relative;
    transform: translate(-50%, -50%);
    transition: opacity .3s ease-in;
    top: 50%;
    width: 110%
}

.wide .block.pages.variant1.blockSettings #Block_Pages article .column.img img:hover {
    opacity: .8
}

p+.btn,
ul+.btn {
    text-align: left
}

p+.btn a,
ul+.btn a {
    text-align: center
}

.block.accordion.variant1 h3 {
    margin: 4rem 0 2rem 0
}

.small-12.medium-7.large-8.columns {
    padding: 0
}

.small-12.medium-7.large-8.columns .block.formV3.variant1 {
    margin-top: 4rem
}

#SN_Prive_RadioButton_Wrapper,
#SN_NietTonen_RadioButton_Wrapper,
#SN_Medewerkers_Label,
.mutation_link+span,
.SNEditProfileSiteProfielViaForm #SN_FormField_Submit {
    display: none
}

.changePersonInformation.variant1 .element_container {
    display: flex;
    flex-flow: row wrap
}

.changePersonInformation.variant1 .element_container .label_container {
    flex: 0 1 12.5rem
}

.changePersonInformation.variant1 .element_container .input_container {
    flex: 1
}

#cookieMsg {
    z-index: 999
}

main section {
    overflow: inherit
}

.top-bar.expanded .title-area {
    background: none
}

@media all and (max-width: 64.063em) {
  .caption h1 {
    font-size:2.325rem;
    padding:0 1rem;
  }
    .wide .block.pages.variant1.blockSettings #Block_Pages article {
        width: 100%
    }

    .home #CCIPlaceHolder_After_Content .block.pages.variant1.blockSettings #After_Content_Block_Widget_1_Pages article {
        flex: 0 0 100%
    }

    .top-bar-section {
        display: none
    }

    .expanded .top-bar-section {
        display: block
    }
}

.waarde.formatDateFromTill {
    max-width: 20rem
}
.row.componentCaptcha {
  overflow:hidden;
}

@media all and (max-width: 40.0625em) {
  .btn a {
    min-width: 100%;
  }
  #CCIPlaceHolder_Before_Content .small-12.medium-12.large-12.columns h1 {
    padding:0 1rem;
  }
  .small-12.medium-7.large-8.columns {
    max-width:80vw;
  }
  .home #CCIPlaceHolder_Row_1_FullWidth .block.formV3.variant1,
  .home .block.welcome.variant1 {
    margin-bottom:2rem;
    padding:0;
    top:0;
  }
  .home #CCIPlaceHolder_Row_1_FullWidth .fullWidth .sidebar > section {
    min-width: 20rem;
    padding:0 1rem;
  }
  .video-hero {
    height: 50vh;
    min-height:50vh;
  }
}

iframe {
  max-width: 100%;
}

@media all and (max-width:55em) {
  body.article .content p, body.article .content ul, body.article .content ol, body.article .content h1, body.article .content h2, body.article .content h3, body.article .content h4, body.article .content h5, body.article .content h6, body.article .content time,
  #CCIPlaceHolder_Content h1 {
    max-width: 80vw;
  }
}

@media all and (max-width: 64.063em) {
  body.article article figure {
    min-height: 0;
  }
  .top-bar nav {
    position: absolute;
    top:4rem;
    right:0;
    z-index: 999;
  }
  .top-bar {
    overflow:inherit;
  }
  .top-bar.expanded nav {
    background:#346c90;
    padding:0 1rem;
  }
  .header.variant2 .column {
    padding-left:0;
    padding-right:0;
  }
  .top-bar .logo {
    padding-left:1rem;
  }
  .topBar.right {
    padding-right: 1rem;
  }
  .wide .block.pages.variant1.blockSettings #Block_Pages article:nth-child(3n+1),
  .wide .block.pages.variant1.blockSettings #Block_Pages article:nth-child(3n+2),
  .wide .block.pages.variant1.blockSettings #Block_Pages article:nth-child(3n+3) {
    padding-right: 0;
    padding-left: 0;
  }
}

@media all and (max-width: 52.5rem) {
  .home #CCIPlaceHolder_After_Content .fullWidth h3 {
    left:0;
    margin:0;
    position: relative;
    transform:translate(0,0);
    top:0;
  }
}

#workgroupDocumentsList .fileIcon {
    box-shadow:0 1px 10px rgba(0,0,0,.5);
}

/*# sourceMappingURL=custom.css.map */