@charset "UTF-8";
@import "//hello.myfonts.net/count/34fb4e";

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:em-calc(1200))/";
    width: 64.0625em
}

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

meta.foundation-mq-xlarge-only {
    font-family: "/only screen and (min-width:em-calc(1200)0.0625em) and (max-width:120em)/";
    width: em-calc(1200) 0.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 {
    box-sizing: border-box
}

html, body {
    font-size: 100%
}

body {
    background: #cde7d7;
    color: #464646;
    cursor: auto;
    font-family: OfficinaSans-Book, serif;
    font-style: normal;
    font-weight: 400;
    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: 75rem;
    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 -10px;
    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: 10px;
    padding-right: 10px;
    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.3333333333%;
        right: auto
    }

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

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

    .small-pull-2 {
        position: relative;
        right: 16.6666666667%;
        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.3333333333%;
        right: auto
    }

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

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

    .small-pull-5 {
        position: relative;
        right: 41.6666666667%;
        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.3333333333%;
        right: auto
    }

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

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

    .small-pull-8 {
        position: relative;
        right: 66.6666666667%;
        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.3333333333%;
        right: auto
    }

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

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

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

    .column, .columns {
        position: relative;
        padding-left: 10px;
        padding-right: 10px;
        float: left
    }

    .small-1 {
        width: 8.3333333333%
    }

    .small-2 {
        width: 16.6666666667%
    }

    .small-3 {
        width: 25%
    }

    .small-4 {
        width: 33.3333333333%
    }

    .small-5 {
        width: 41.6666666667%
    }

    .small-6 {
        width: 50%
    }

    .small-7 {
        width: 58.3333333333%
    }

    .small-8 {
        width: 66.6666666667%
    }

    .small-9 {
        width: 75%
    }

    .small-10 {
        width: 83.3333333333%
    }

    .small-11 {
        width: 91.6666666667%
    }

    .small-12 {
        width: 100%
    }

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

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

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

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

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

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

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

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

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

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

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

    .small-offset-11 {
        margin-left: 91.6666666667% !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: 10px;
        padding-right: 10px;
        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.3333333333%;
        right: auto
    }

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

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

    .medium-pull-2 {
        position: relative;
        right: 16.6666666667%;
        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.3333333333%;
        right: auto
    }

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

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

    .medium-pull-5 {
        position: relative;
        right: 41.6666666667%;
        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.3333333333%;
        right: auto
    }

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

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

    .medium-pull-8 {
        position: relative;
        right: 66.6666666667%;
        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.3333333333%;
        right: auto
    }

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

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

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

    .column, .columns {
        position: relative;
        padding-left: 10px;
        padding-right: 10px;
        float: left
    }

    .medium-1 {
        width: 8.3333333333%
    }

    .medium-2 {
        width: 16.6666666667%
    }

    .medium-3 {
        width: 25%
    }

    .medium-4 {
        width: 33.3333333333%
    }

    .medium-5 {
        width: 41.6666666667%
    }

    .medium-6 {
        width: 50%
    }

    .medium-7 {
        width: 58.3333333333%
    }

    .medium-8 {
        width: 66.6666666667%
    }

    .medium-9 {
        width: 75%
    }

    .medium-10 {
        width: 83.3333333333%
    }

    .medium-11 {
        width: 91.6666666667%
    }

    .medium-12 {
        width: 100%
    }

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

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

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

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

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

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

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

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

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

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

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

    .medium-offset-11 {
        margin-left: 91.6666666667% !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: 10px;
        padding-right: 10px;
        float: left
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pull-11 {
        position: relative;
        right: 91.6666666667%;
        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.3333333333%;
        right: auto
    }

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

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

    .large-pull-2 {
        position: relative;
        right: 16.6666666667%;
        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.3333333333%;
        right: auto
    }

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

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

    .large-pull-5 {
        position: relative;
        right: 41.6666666667%;
        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.3333333333%;
        right: auto
    }

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

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

    .large-pull-8 {
        position: relative;
        right: 66.6666666667%;
        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.3333333333%;
        right: auto
    }

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

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

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

    .column, .columns {
        position: relative;
        padding-left: 10px;
        padding-right: 10px;
        float: left
    }

    .large-1 {
        width: 8.3333333333%
    }

    .large-2 {
        width: 16.6666666667%
    }

    .large-3 {
        width: 25%
    }

    .large-4 {
        width: 33.3333333333%
    }

    .large-5 {
        width: 41.6666666667%
    }

    .large-6 {
        width: 50%
    }

    .large-7 {
        width: 58.3333333333%
    }

    .large-8 {
        width: 66.6666666667%
    }

    .large-9 {
        width: 75%
    }

    .large-10 {
        width: 83.3333333333%
    }

    .large-11 {
        width: 91.6666666667%
    }

    .large-12 {
        width: 100%
    }

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

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

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

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

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

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

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

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

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

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

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

    .large-offset-11 {
        margin-left: 91.6666666667% !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: 10px;
        padding-right: 10px;
        float: left
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media only screen {
    .show-for-small-only, .show-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
        display: inherit !important
    }

    .hide-for-small-only, .hide-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
        display: none !important
    }

    .visible-for-small-only, .visible-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto
    }

    .hidden-for-small-only, .hidden-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px
    }

    table.show-for-small-only, table.show-for-small-up, table.show-for-small, table.show-for-small-down, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
        display: table !important
    }

    thead.show-for-small-only, thead.show-for-small-up, thead.show-for-small, thead.show-for-small-down, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
        display: table-header-group !important
    }

    tbody.show-for-small-only, tbody.show-for-small-up, tbody.show-for-small, tbody.show-for-small-down, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
        display: table-row-group !important
    }

    tr.show-for-small-only, tr.show-for-small-up, tr.show-for-small, tr.show-for-small-down, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
        display: table-row
    }

    th.show-for-small-only, td.show-for-small-only, th.show-for-small-up, td.show-for-small-up, th.show-for-small, td.show-for-small, th.show-for-small-down, td.show-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.hide-for-medium-up, td.hide-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
        display: table-cell !important
    }
}

@media only screen and (min-width: 40.0625em) {
    .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
        display: inherit !important
    }

    .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
        display: none !important
    }

    .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto
    }

    .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px
    }

    table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.show-for-medium-only, table.show-for-medium-up, table.show-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
        display: table !important
    }

    thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.show-for-medium-only, thead.show-for-medium-up, thead.show-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
        display: table-header-group !important
    }

    tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.show-for-medium-only, tbody.show-for-medium-up, tbody.show-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
        display: table-row-group !important
    }

    tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.show-for-medium-only, tr.show-for-medium-up, tr.show-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
        display: table-row
    }

    th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.show-for-medium-only, td.show-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.show-for-medium, td.show-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
        display: table-cell !important
    }
}

@media only screen and (min-width: 64.0625em) {
    .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
        display: inherit !important
    }

    .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
        display: none !important
    }

    .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto
    }

    .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px
    }

    table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.show-for-large-only, table.show-for-large-up, table.show-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
        display: table !important
    }

    thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.show-for-large-only, thead.show-for-large-up, thead.show-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
        display: table-header-group !important
    }

    tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.show-for-large-only, tbody.show-for-large-up, tbody.show-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
        display: table-row-group !important
    }

    tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.show-for-large-only, tr.show-for-large-up, tr.show-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
        display: table-row
    }

    th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.show-for-large-only, td.show-for-large-only, th.show-for-large-up, td.show-for-large-up, th.show-for-large, td.show-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
        display: table-cell !important
    }
}

@media only screen and (min-width: 75em) {
    .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
        display: inherit !important
    }

    .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
        display: none !important
    }

    .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto
    }

    .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px
    }

    table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.show-for-xlarge-only, table.show-for-xlarge-up, table.show-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
        display: table !important
    }

    thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.show-for-xlarge-only, thead.show-for-xlarge-up, thead.show-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
        display: table-header-group !important
    }

    tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.show-for-xlarge-only, tbody.show-for-xlarge-up, tbody.show-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
        display: table-row-group !important
    }

    tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.show-for-xlarge-only, tr.show-for-xlarge-up, tr.show-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
        display: table-row
    }

    th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.show-for-xlarge-only, td.show-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.show-for-xlarge, td.show-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
        display: table-cell !important
    }
}

@media only screen and (min-width: 120.0625em) {
    .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .hide-for-xlarge-only, .show-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .show-for-xxlarge-down {
        display: inherit !important
    }

    .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .show-for-xlarge-only, .hide-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-down {
        display: none !important
    }

    .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .hidden-for-xlarge-only, .visible-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto
    }

    .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .visible-for-xlarge-only, .hidden-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-down {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px
    }

    table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.hide-for-xlarge-only, table.show-for-xlarge-up, table.hide-for-xlarge, table.hide-for-xlarge-down, table.show-for-xxlarge-only, table.show-for-xxlarge-up, table.show-for-xxlarge, table.show-for-xxlarge-down {
        display: table !important
    }

    thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-xlarge-only, thead.show-for-xlarge-up, thead.hide-for-xlarge, thead.hide-for-xlarge-down, thead.show-for-xxlarge-only, thead.show-for-xxlarge-up, thead.show-for-xxlarge, thead.show-for-xxlarge-down {
        display: table-header-group !important
    }

    tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-xlarge-only, tbody.show-for-xlarge-up, tbody.hide-for-xlarge, tbody.hide-for-xlarge-down, tbody.show-for-xxlarge-only, tbody.show-for-xxlarge-up, tbody.show-for-xxlarge, tbody.show-for-xxlarge-down {
        display: table-row-group !important
    }

    tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-xlarge-only, tr.show-for-xlarge-up, tr.hide-for-xlarge, tr.hide-for-xlarge-down, tr.show-for-xxlarge-only, tr.show-for-xxlarge-up, tr.show-for-xxlarge, tr.show-for-xxlarge-down {
        display: table-row
    }

    th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.hide-for-xlarge-down, td.hide-for-xlarge-down, th.show-for-xxlarge-only, td.show-for-xxlarge-only, th.show-for-xxlarge-up, td.show-for-xxlarge-up, th.show-for-xxlarge, td.show-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
        display: table-cell !important
    }
}

.show-for-landscape, .hide-for-portrait {
    display: inherit !important
}

.hide-for-landscape, .show-for-portrait {
    display: none !important
}

table.hide-for-landscape, table.show-for-portrait {
    display: table !important
}

thead.hide-for-landscape, thead.show-for-portrait {
    display: table-header-group !important
}

tbody.hide-for-landscape, tbody.show-for-portrait {
    display: table-row-group !important
}

tr.hide-for-landscape, tr.show-for-portrait {
    display: table-row !important
}

td.hide-for-landscape, td.show-for-portrait, th.hide-for-landscape, th.show-for-portrait {
    display: table-cell !important
}

@media only screen and (orientation: landscape) {
    .show-for-landscape, .hide-for-portrait {
        display: inherit !important
    }

    .hide-for-landscape, .show-for-portrait {
        display: none !important
    }

    table.show-for-landscape, table.hide-for-portrait {
        display: table !important
    }

    thead.show-for-landscape, thead.hide-for-portrait {
        display: table-header-group !important
    }

    tbody.show-for-landscape, tbody.hide-for-portrait {
        display: table-row-group !important
    }

    tr.show-for-landscape, tr.hide-for-portrait {
        display: table-row !important
    }

    td.show-for-landscape, td.hide-for-portrait, th.show-for-landscape, th.hide-for-portrait {
        display: table-cell !important
    }
}

@media only screen and (orientation: portrait) {
    .show-for-portrait, .hide-for-landscape {
        display: inherit !important
    }

    .hide-for-portrait, .show-for-landscape {
        display: none !important
    }

    table.show-for-portrait, table.hide-for-landscape {
        display: table !important
    }

    thead.show-for-portrait, thead.hide-for-landscape {
        display: table-header-group !important
    }

    tbody.show-for-portrait, tbody.hide-for-landscape {
        display: table-row-group !important
    }

    tr.show-for-portrait, tr.hide-for-landscape {
        display: table-row !important
    }

    td.show-for-portrait, td.hide-for-landscape, th.show-for-portrait, th.hide-for-landscape {
        display: table-cell !important
    }
}

.show-for-touch {
    display: none !important
}

.hide-for-touch {
    display: inherit !important
}

.touch .show-for-touch {
    display: inherit !important
}

.touch .hide-for-touch {
    display: none !important
}

table.hide-for-touch {
    display: table !important
}

.touch table.show-for-touch {
    display: table !important
}

thead.hide-for-touch {
    display: table-header-group !important
}

.touch thead.show-for-touch {
    display: table-header-group !important
}

tbody.hide-for-touch {
    display: table-row-group !important
}

.touch tbody.show-for-touch {
    display: table-row-group !important
}

tr.hide-for-touch {
    display: table-row !important
}

.touch tr.show-for-touch {
    display: table-row !important
}

td.hide-for-touch {
    display: table-cell !important
}

.touch td.show-for-touch {
    display: table-cell !important
}

th.hide-for-touch {
    display: table-cell !important
}

.touch th.show-for-touch {
    display: table-cell !important
}

.show-for-sr {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px
}

.show-on-focus {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px
}

.show-on-focus:focus, .show-on-focus:active {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto
}

table {
    background: #fff;
    border: solid 1px #ddd;
    margin-bottom: 1.25rem;
    table-layout: auto
}

table caption {
    background: transparent;
    color: #222;
    font-size: 1rem;
    font-weight: 700
}

table thead {
    background: #f5f5f5
}

table thead tr th, table thead tr td {
    color: #222;
    font-size: .875rem;
    font-weight: 700;
    padding: .5rem .625rem .625rem
}

table tfoot {
    background: #f5f5f5
}

table tfoot tr th, table tfoot tr td {
    color: #222;
    font-size: .875rem;
    font-weight: 700;
    padding: .5rem .625rem .625rem
}

table tr th, table tr td {
    color: #222;
    font-size: .875rem;
    padding: .5625rem .625rem;
    text-align: left
}

table tr.even, table tr.alt, table tr:nth-of-type(even) {
    background: #eee
}

table thead tr th, table tfoot tr th, table tfoot tr td, table tbody tr th, table tbody tr td, table tr td {
    display: table-cell;
    line-height: 1.125rem
}

.csc-header-alignment-center {
    text-align: center
}

.csc-header-alignment-right {
    text-align: right
}

.csc-header-alignment-left {
    text-align: left
}

.csc-textpic-responsive {
    box-sizing: border-box
}

.csc-textpic-responsive * {
    box-sizing: border-box
}

.csc-uploads {
    padding: 0
}

.csc-uploads li {
    list-style: none outside none;
    margin: 1em 0;
    overflow: hidden
}

.csc-uploads img {
    float: left;
    margin-right: 1em;
    vertical-align: top
}

.csc-uploads span {
    display: block
}

.csc-uploads span.csc-uploads-fileName a {
    color: #5b2182;
    text-decoration: none;
    transition: all .2s cubic-bezier(.44, 1.01, 1, 1)
}

.csc-uploads span.csc-uploads-fileName a:link, .csc-uploads span.csc-uploads-fileName a:visited {
    background: #d9d0e2;
    padding: .15rem .25rem .1rem
}

.csc-uploads span.csc-uploads-fileName a:hover, .csc-uploads span.csc-uploads-fileName a:active {
    background: #5b2182;
    color: #d9d0e2
}

.csc-textpic {
    overflow: hidden
}

.csc-textpic .csc-textpic-imagerow {
    overflow: hidden
}

.csc-textpic .csc-textpic-imagerow-last, .csc-textpic .csc-textpic-imagerow-none .csc-textpic-last {
    margin-bottom: 0
}

.csc-textpic .csc-textpic-imagecolumn {
    float: left
}

.csc-textpic .csc-textpic-imagewrap {
    display: table;
    margin: 0
}

.csc-textpic .csc-textpic-imagewrap table {
    border-collapse: collapse;
    border-spacing: 0
}

.csc-textpic .csc-textpic-imagewrap td {
    padding: 0;
    vertical-align: top
}

.csc-textpic .csc-textpic-imagewrap figure {
    display: table;
    margin: 0
}

.csc-textpic .csc-textpic-imagewrap img {
    border: 0;
    display: table;
    height: auto;
    width: 100%
}

.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
    margin-bottom: 10px
}

.csc-textpic .csc-textpic-imagewrap .csc-textpic-image a {
    cursor: pointer
}

.csc-textpic .csc-textpic-imagewrap .csc-textpic-imagerow-last .csc-textpic-image {
    margin-bottom: 0
}

.csc-textpic-caption {
    caption-side: bottom;
    display: table-caption;
    font-family: OfficinaSans-Book, serif;
    font-size: 1rem;
    padding-top: 5px;
    text-align: left
}

.csc-textpic-caption-c .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-c {
    text-align: center
}

.csc-textpic-caption-r .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-r {
    text-align: right
}

.csc-textpic-caption-l .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-l {
    text-align: left
}

.csc-textpic-border .csc-textpic-imagewrap img {
    border: 1px solid #000;
    padding: 0
}

.csc-textpic-imagecolumn {
    margin-right: 10px
}

.csc-textpic-imagecolumn .csc-textpic-image {
    margin-right: 10px
}

.csc-textpic-imagecolumn.csc-textpic-lastcol, .csc-textpic-imagecolumn.csc-textpic-lastcol .csc-textpic-image {
    margin-right: 0
}

.csc-textpic-intext-left .csc-textpic-imagewrap, .csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
    margin-right: 10px
}

.csc-textpic-intext-right .csc-textpic-imagewrap, .csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
    float: right;
    margin-left: 10px
}

.csc-textpic-center .csc-textpic-imagewrap {
    overflow: hidden
}

.csc-textpic-center .csc-textpic-center-outer {
    float: right;
    position: relative;
    right: 50%
}

.csc-textpic-center .csc-textpic-center-inner {
    float: right;
    position: relative;
    right: -50%
}

.csc-textpic-right .csc-textpic-imagewrap {
    float: right
}

.csc-textpic-right .csc-textpic-text {
    clear: right
}

.csc-textpic-left .csc-textpic-imagewrap {
    float: left
}

.csc-textpic-left .csc-textpic-text {
    clear: left
}

.csc-textpic-intext-left .csc-textpic-text p, .csc-textpic-intext-right .csc-textpic-text p {
    position: static
}

.csc-textpic-intext-left ol, .csc-textpic-intext-left ul {
    overflow: auto;
    padding-left: 40px
}

.csc-textpic-intext-left .csc-textpic-imagewrap {
    float: left
}

.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
    float: left
}

table.contenttable-color-1 {
    background-color: #edebf1
}

table.contenttable-color-2 {
    background-color: #f5ffaa
}

table.contenttable-color-240 {
    background-color: #000
}

table.contenttable-color-241 {
    background-color: #fff
}

table.contenttable-color-242 {
    background-color: #333
}

table.contenttable-color-243 {
    background-color: gray
}

table.contenttable-color-244 {
    background-color: silver
}

@media only screen and (max-width: 40em) {
    .csc-textpic .csc-textpic-imagewrap, .csc-textpic .csc-textpic-text {
        display: block;
        float: none;
        margin: 0
    }
}

.ce-align-left {
    text-align: left
}

.ce-align-center {
    text-align: center
}

.ce-align-right {
    text-align: right
}

.ce-table {
    border: 0;
    border-collapse: collapse;
    font-size: 1.25rem;
    width: 100%
}

.ce-table th {
    font-weight: 700
}

.ce-table td, .ce-table th {
    vertical-align: top
}

.ce-textpic .ce-gallery, .ce-textpic .ce-bodytext {
    position: relative
}

.ce-textpic .ce-gallery {
    z-index: 1
}

.ce-textpic .ce-bodytext {
    z-index: 0
}

.ce-textpic, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row {
    overflow: hidden
}

.ce-uploads {
    margin: 0;
    padding: 0
}

.ce-uploads li, .ce-uploads div {
    overflow: hidden
}

.ce-uploads li {
    list-style: none outside none;
    margin: 1em 0
}

.ce-uploads img {
    float: left;
    padding-right: 1em;
    vertical-align: top
}

.ce-uploads span {
    display: block
}

.ce-left .ce-gallery, .ce-column {
    float: left
}

.ce-center .ce-outer {
    float: right;
    position: relative;
    right: 50%
}

.ce-center .ce-inner {
    float: right;
    position: relative;
    right: -50%
}

.ce-right .ce-gallery {
    float: right
}

.ce-gallery figure {
    display: table;
    margin: 0
}

.ce-gallery figcaption {
    caption-side: bottom;
    display: table-caption;
    font-size: .875rem;
    margin-bottom: .75rem;
    padding-top: .25rem
}

.ce-gallery img {
    display: block
}

.ce-gallery iframe {
    border-width: 0
}

.ce-border img, .ce-border iframe {
    border: 2px solid #000;
    padding: 0
}

.ce-above .ce-gallery {
    margin-bottom: 10px
}

.ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery {
    margin-bottom: 10px
}

.ce-intext.ce-right .ce-gallery {
    margin-left: 10px
}

.ce-intext.ce-left ol, .ce-intext.ce-left ul {
    overflow: auto;
    padding-left: 40px
}

.ce-intext.ce-left .ce-gallery {
    margin-right: 10px
}

.ce-below .ce-gallery {
    margin-top: 10px
}

.ce-column {
    margin-right: 10px
}

.ce-column:last-child {
    margin-right: 0
}

.ce-row {
    margin-bottom: 10px
}

.ce-row:last-child {
    margin-bottom: 0
}

.ce-above .ce-bodytext {
    clear: both
}

.contentgrid {
    margin: 80px 30px 0
}

.row {
    margin-bottom: 30px;
    margin-top: 30px
}

.row--separated .columns:first-child {
    border-right: 1px solid #979797
}

.row--fullwidth {
    margin: 30px -30px;
    max-width: 1200px;
    width: auto
}

.row--fullwidth .row {
    max-width: 1140px
}

@font-face {
    font-family: OfficinaSans-Book;
    src: url(../Fonts/34FB4E_0_0.eot);
    src: url(../Fonts/34FB4E_0_0.eot?#iefix) format("embedded-opentype"), url(../Fonts/34FB4E_0_0.woff2) format("woff2"), url(../Fonts/34FB4E_0_0.woff) format("woff"), url(../Fonts/34FB4E_0_0.ttf) format("truetype")
}

@font-face {
    font-family: OfficinaSans-Bold;
    src: url(../Fonts/34FB4E_1_0.eot);
    src: url(../Fonts/34FB4E_1_0.eot?#iefix) format("embedded-opentype"), url(../Fonts/34FB4E_1_0.woff2) format("woff2"), url(../Fonts/34FB4E_1_0.woff) format("woff"), url(../Fonts/34FB4E_1_0.ttf) format("truetype")
}

@font-face {
    font-family: OfficinaSans-BookItalic;
    src: url(../Fonts/34FB4E_2_0.eot);
    src: url(../Fonts/34FB4E_2_0.eot?#iefix) format("embedded-opentype"), url(../Fonts/34FB4E_2_0.woff2) format("woff2"), url(../Fonts/34FB4E_2_0.woff) format("woff"), url(../Fonts/34FB4E_2_0.ttf) format("truetype")
}

@font-face {
    font-family: OfficinaSans-BoldItalic;
    src: url(../Fonts/34FB4E_3_0.eot);
    src: url(../Fonts/34FB4E_3_0.eot?#iefix) format("embedded-opentype"), url(../Fonts/34FB4E_3_0.woff2) format("woff2"), url(../Fonts/34FB4E_3_0.woff) format("woff"), url(../Fonts/34FB4E_3_0.ttf) format("truetype")
}

@font-face {
    font-family: icomoon;
    src: url(../Fonts/icomoon.eot?-w34n5v);
    src: url(../Fonts/icomoon.eot?#iefix-w34n5v) format("embedded-opentype"), url(../Fonts/icomoon.ttf?-w34n5v) format("truetype"), url(../Fonts/icomoon.woff?-w34n5v) format("woff"), url(../Fonts/icomoon.svg?-w34n5v#icomoon) format("svg")
}

@-webkit-keyframes hvr-pop {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@keyframes hvr-pop {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

* {
    box-sizing: border-box
}

html {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility
}

body {
    color: #464646;
    font-family: OfficinaSans-Book, serif;
    font-size: 1.125rem;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.449rem;
    margin: 0;
    padding: 0
}

.header-wrapper {
    background: #fff url(../Images/bg-gras-large.jpg) no-repeat center top;
    background-attachment: fixed;
    background-size: cover
}

header {
    height: 600px;
    position: relative;
    z-index: 2
}

.header__claim {
    left: 4rem;
    max-width: 500px;
    position: absolute;
    top: 150px;
    width: 40vw
}

.header__claim h1, .header__claim span {
    color: #f69c00;
    font-family: OfficinaSans-Bold, sans-serif;
    margin: 0
}

.header__claim span {
    display: block;
    font-family: OfficinaSans-Bold, sans-serif;
    margin-top: .5rem
}

.logo {
    height: 121px;
    position: absolute;
    right: 3rem;
    top: 10px;
    width: 282px
}

.page--fullscreen {
    background: #fff;
    position: relative
}

.page--fullscreen .logo {
    top: 90px
}

.page--fullscreen header {
    margin: 0 auto;
    max-width: 1200px
}

.page--fullscreen.fullscreen-enabled .fullscreen__image {
    bottom: 0;
    height: auto;
    left: 0;
    margin: auto;
    max-width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.page--content {
    margin: 0 auto;
    max-width: 1200px;
    position: relative
}

.page--content header {
    background: #fff url(../Images/bg-gras-content.jpg) no-repeat bottom left;
    background-size: contain;
    height: 216px;
    margin-top: 70px
}

.stagelink {
    color: #464646;
    text-decoration: none
}

.stagelink cite {
    color: #5b2182
}

.stagelink:hover {
    color: #f69c00
}

.stage {
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    overflow: hidden;
    position: absolute;
    width: 100%
}

.stage .quote {
    font-size: 1.5rem;
    left: 30%;
    line-height: 1.75rem;
    padding: 20px;
    position: absolute;
    top: 30%;
    width: 22rem
}

.stage .quote cite {
    display: block;
    font-size: .85rem;
    font-style: normal;
    margin-top: .5rem
}

.stage .quote--bright {
    color: #5b2182
}

.stage .quote--bright a, .stage .quote--bright cite {
    color: #5b2182
}

.stage .quote--dark {
    color: #fff
}

.stage .quote--dark a, .stage .quote--dark cite {
    color: #fff
}

.stage .quote:after {
    content: ''
}

footer {
    background: #fff url(../Images/bg-gras-footer.png) bottom right no-repeat;
    font-family: OfficinaSans-Book, serif;
    height: 245px;
    margin: 70px auto 0;
    max-width: 1200px;
    padding: 30px 0 0;
    position: relative
}

footer address {
    bottom: 45px;
    font-style: normal;
    position: absolute
}

footer address a {
    color: #5b2182;
    text-decoration: none;
    transition: all .2s cubic-bezier(.44, 1.01, 1, 1)
}

footer address a:link, footer address a:visited {
    background: #d9d0e2;
    padding: .15rem .25rem .1rem
}

footer address a:hover, footer address a:active {
    background: #5b2182;
    color: #d9d0e2
}

footer address [itemprop] {
    display: inline-block;
    padding-right: 15px
}

footer address [itemprop=address] {
    display: inline-block
}

footer address [itemprop=postalCode] {
    padding-right: 0
}

footer address [itemprop=email] {
    display: inline-block;
    margin-right: 10px
}

footer .nav {
    margin-top: 5px
}

footer .nav a {
    color: #5b2182;
    text-decoration: none;
    transition: all .2s cubic-bezier(.44, 1.01, 1, 1);
    display: inline-block;
    font-size: 1rem;
    line-height: 1.25rem;
    margin-right: 10px
}

footer .nav a:link, footer .nav a:visited {
    background: #d9d0e2;
    padding: .15rem .25rem .1rem
}

footer .nav a:hover, footer .nav a:active {
    background: #5b2182;
    color: #d9d0e2
}

footer .partner {
    position: absolute;
    right: 0
}

footer .partner a {
    display: inline-block
}

.social {
    font-size: 0;
    position: absolute;
    right: 0;
    top: 28px
}

.social__link {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #eee;
    border-radius: 5px;
    display: inline-block;
    font: 0/0 a;
    -moz-osx-font-smoothing: grayscale;
    height: 34px;
    margin: 0 8px 0 0;
    position: relative;
    text-decoration: none;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 34px
}

.social__link:after {
    color: #fff;
    font-family: icomoon;
    font-size: 24px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    position: absolute;
    speak: none;
    text-transform: none
}

.social__link:hover {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-name: hvr-pop;
    animation-name: hvr-pop;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.social__link:last-child {
    margin-right: 0
}

.social__link--facebook {
    background-color: #3a5897
}

.social__link--facebook:after {
    content: '\ea8c';
    left: 3px;
    top: 3px
}

.social__link--twitter {
    background-color: #00acec
}

.social__link--twitter:after {
    content: '\ea91';
    left: 5px;
    top: 5px
}

.social__link--youtube {
    background-color: #e62117
}

.social__link--youtube:after {
    content: '\ea97';
    left: 5px;
    top: 5px
}

@media only screen and (max-width: 40em) {
    .header-wrapper {
        background: #fff url(../Images/bg-gras.jpg) no-repeat bottom center;
        background-attachment: scroll;
        background-size: cover
    }

    .header__claim {
        left: 5vw;
        max-width: auto;
        top: 30vh;
        width: 90vw
    }

    .header__claim h1 {
        font-size: 1.5rem
    }

    .logo {
        height: 80px;
        right: 5vw;
        top: 50px;
        width: 186px
    }

    .page--fullscreen .logo {
        top: 60px
    }

    .page--content header {
        height: 160px;
        margin-top: 0
    }

    footer .partner a img {
        margin-right: 10px;
        width: 220px
    }
}

@media (min-width: 40.063em) and (max-width: 63.938em) {
    .header-wrapper {
        background: #fff url(../Images/bg-gras-large.jpg) no-repeat center 12vw;
        background-attachment: fixed;
        background-size: cover
    }

    .header__claim {
        left: 5vw;
        max-width: auto;
        top: 15vh;
        width: 60vw
    }

    .header__claim h1 {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .logo {
        right: 5vw;
        top: 30px;
        width: 200px
    }
}

@media (min-width: 64em) and (max-width: 93.75em) {
    .header-wrapper {
        background: #fff url(../Images/bg-gras-large.jpg) no-repeat center 10vw;
        background-attachment: fixed;
        background-size: cover
    }
}

@media (min-width: 125em) {
    .header-wrapper {
        background: #fff url(../Images/bg-gras-large.jpg) no-repeat center -5vw;
        background-attachment: fixed;
        background-size: cover
    }
}

h1, h2, h3, h4 {
    font-weight: 400
}

h1 {
    color: #5b2182;
    font-family: OfficinaSans-Bold, sans-serif;
    font-size: 2.25rem;
    line-height: 2.898rem;
    margin-bottom: 15px;
    margin-left: -2px;
    margin-top: 3px
}

h2 {
    border-left: 5px solid #f69c00;
    color: #f69c00;
    font-family: OfficinaSans-Bold, sans-serif;
    font-size: 1.375rem;
    line-height: 1.771rem;
    margin: 0 0 35px -20px;
    max-width: 90%;
    padding-left: 15px
}

h3 {
    color: #f69c00;
    font-family: OfficinaSans-Book, serif;
    font-size: 1.375rem;
    font-weight: 400;
    line-height: 1.771rem;
    margin: 3rem 0 .5rem;
    position: relative
}

h3:before {
    content: url("../Images/headline-points.svg");
    display: block;
    height: 5px;
    left: 0;
    line-height: 0;
    position: absolute;
    top: -1rem;
    width: 78px
}

h3.sectiontitle {
    color: #f69c00;
    font-size: 1.25rem;
    margin-bottom: 10px
}

h3.sectiontitle:before {
    background-color: #f69c00;
    content: '';
    display: inline-block;
    height: 15px;
    margin-right: 10px;
    position: relative;
    top: 1px;
    width: 15px
}

h4 {
    color: #5b2182;
    font-family: OfficinaSans-Book, serif;
    font-size: 1rem;
    line-height: 1.771rem;
    margin-bottom: 0
}

h5 {
    color: #f69c00;
    font-family: OfficinaSans-Book, serif;
    font-size: 1.125rem;
    font-weight: 400;
    margin: 0
}

.show-more {
    color: #5b2182;
    padding-left: 20px;
    position: relative;
    text-decoration: none
}

.show-more:before {
    background-color: #5b2182;
    content: '';
    height: 15px;
    left: 0;
    position: absolute;
    top: 3px;
    width: 15px
}

.show-more:after {
    color: #fff;
    content: '\e619';
    font-family: icomoon;
    font-size: .5625rem;
    left: 3.5px;
    position: absolute;
    top: 0
}

.show-more:hover {
    color: #f69c00
}

.show-more:hover:before {
    background-color: #f69c00
}

.content {
    font-family: OfficinaSans-Book, serif
}

.content p {
    line-height: 1.5rem;
    margin-top: 0;
    padding-right: 14%;
    position: relative
}

.content li {
    line-height: 1.5rem
}

.ce-bodytext {
    font-family: OfficinaSans-Book, serif
}

.ce-bodytext p {
    line-height: 1.5rem;
    margin-top: 0;
    padding-right: 14%;
    position: relative
}

.ce-bodytext li {
    line-height: 1.5rem
}

.bodytext {
    font-family: OfficinaSans-Book, serif;
    line-height: 1.5rem;
    margin-top: 0;
    padding-right: 14%;
    position: relative
}

.tx-getintegrate a {
    color: #5b2182;
    text-decoration: none;
    transition: all .2s cubic-bezier(.44, 1.01, 1, 1)
}

.tx-getintegrate a:link, .tx-getintegrate a:visited {
    background: #d9d0e2;
    padding: .15rem .25rem .1rem
}

.tx-getintegrate a:hover, .tx-getintegrate a:active {
    background: #5b2182;
    color: #d9d0e2
}

.internal-link, .document, .mail {
    color: #5b2182;
    text-decoration: none;
    transition: all .2s cubic-bezier(.44, 1.01, 1, 1)
}

.internal-link:link, .internal-link:visited, .document:link, .document:visited, .mail:link, .mail:visited {
    background: #d9d0e2;
    padding: .15rem .25rem .1rem
}

.internal-link:hover, .internal-link:active, .document:hover, .document:active, .mail:hover, .mail:active {
    background: #5b2182;
    color: #d9d0e2
}

.external-link, .external-link-new-window {
    color: #5b2182;
    text-decoration: none;
    transition: all .2s cubic-bezier(.44, 1.01, 1, 1)
}

.external-link:link, .external-link:visited, .external-link-new-window:link, .external-link-new-window:visited {
    background: #d9d0e2;
    padding: .15rem .25rem .1rem
}

.external-link:hover, .external-link:active, .external-link-new-window:hover, .external-link-new-window:active {
    background: #5b2182;
    color: #d9d0e2
}

.external-link:after, .external-link-new-window:after {
    content: '\ea7e';
    font-family: icomoon;
    font-size: 1rem;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    padding-left: 5px;
    speak: none;
    text-transform: none
}

.box .internal-link, .box .mail, .row--fullwidth .internal-link, .row--fullwidth .mail {
    color: #3f1759;
    text-decoration: none;
    transition: all .2s cubic-bezier(.44, 1.01, 1, 1)
}

.box .internal-link:link, .box .internal-link:visited, .box .mail:link, .box .mail:visited, .row--fullwidth .internal-link:link, .row--fullwidth .internal-link:visited, .row--fullwidth .mail:link, .row--fullwidth .mail:visited {
    background: #c0b0cf;
    padding: .15rem .25rem .1rem
}

.box .internal-link:hover, .box .internal-link:active, .box .mail:hover, .box .mail:active, .row--fullwidth .internal-link:hover, .row--fullwidth .internal-link:active, .row--fullwidth .mail:hover, .row--fullwidth .mail:active {
    background: #3f1759;
    color: #c0b0cf
}

.box .external-link, .box .external-link-new-window, .row--fullwidth .external-link, .row--fullwidth .external-link-new-window {
    color: #3f1759;
    text-decoration: none;
    transition: all .2s cubic-bezier(.44, 1.01, 1, 1)
}

.box .external-link:link, .box .external-link:visited, .box .external-link-new-window:link, .box .external-link-new-window:visited, .row--fullwidth .external-link:link, .row--fullwidth .external-link:visited, .row--fullwidth .external-link-new-window:link, .row--fullwidth .external-link-new-window:visited {
    background: #c0b0cf;
    padding: .15rem .25rem .1rem
}

.box .external-link:hover, .box .external-link:active, .box .external-link-new-window:hover, .box .external-link-new-window:active, .row--fullwidth .external-link:hover, .row--fullwidth .external-link:active, .row--fullwidth .external-link-new-window:hover, .row--fullwidth .external-link-new-window:active {
    background: #3f1759;
    color: #c0b0cf
}

.align-left {
    text-align: left
}

.align-right {
    text-align: right
}

.align-center {
    text-align: center
}

.indent {
    margin-left: 25px
}

span.highlight-orange {
    color: orange
}

span.highlight-blue {
    color: blue
}

span.highlight-green {
    color: green
}

span.highlight-white {
    color: #fff
}

span.small {
    font-size: .75rem
}

.nav--main {
    background-color: #fff;
    font-size: 0;
    margin: -160px auto 0;
    max-width: 1200px;
    padding: 10px 10px 0;
    position: relative
}

.nav--main .mainnav__wrapper {
    margin: 0 -5px
}

.nav--main .mainnav__wrap {
    border-color: #fff;
    border-style: solid;
    border-width: 0 5px;
    display: inline-block;
    width: 25%
}

.nav--main .mainnav__el {
    color: #fff;
    display: block;
    max-height: 140px;
    min-height: 110px;
    overflow: hidden;
    position: relative;
    text-decoration: none
}

.nav--main .mainnav__el__title {
    background-color: rgba(91, 33, 130, .9);
    bottom: 0;
    display: block;
    font-family: OfficinaSans-Book, serif;
    font-size: 1.25rem;
    left: 0;
    padding: 8px 10px 10px;
    position: absolute;
    transition: all .2s cubic-bezier(.44, 1.01, 1, 1);
    width: 100%
}

.nav--main .mainnav__el__img {
    display: block;
    height: auto;
    -ms-interpolation-mode: bicubic;
    max-width: 100%;
    position: relative;
    top: -10px;
    transition: all .2s cubic-bezier(.44, 1.01, 1, 1)
}

.nav--main .mainnav__el:hover .mainnav__el__title {
    background-color: #5b2182
}

.nav--main .mainnav__el:hover .mainnav__el__img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.topnav {
    font-size: 0;
    position: fixed;
    top: 0;
    z-index: 999
}

.topnav__item {
    display: inline-block;
    position: relative
}

.topnav__item .trigger {
    background-color: #5b2182;
    color: #fff;
    display: block;
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    transition: all .2s cubic-bezier(.44, 1.01, 1, 1)
}

.topnav__item .trigger:hover {
    background-color: #5b2182
}

.topnav__item .trigger:after {
    background: #5b2182;
    bottom: -8px;
    content: '';
    height: 8px;
    left: 0;
    opacity: 0;
    position: absolute;
    transition: all .2s cubic-bezier(.44, 1.01, 1, 1);
    width: 100%
}

.topnav__item .trigger--act:after {
    opacity: 1
}

.topnav__item--search, .topnav__item--font-larger, .topnav__item--font-smaller {
    margin-left: 12px
}

.topnav__item--search .trigger, .topnav__item--font-larger .trigger, .topnav__item--font-smaller .trigger {
    background-color: #d9d0e2;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    padding: 0;
    text-indent: -9999px;
    width: 40px
}

.topnav__item--search .trigger {
    background-image: url(../Images/magnifier.svg)
}

.topnav__item--search:hover .trigger {
    background-image: url(../Images/magnifier-hover.svg)
}

.topnav__item--font-larger {
    margin-left: 0
}

.topnav__item--font-larger .trigger {
    background-image: url(../Images/font-larger.svg)
}

.topnav__item--font-larger:hover .trigger {
    background-image: url(../Images/font-larger-hover.svg)
}

.topnav__item--font-smaller .trigger {
    background-image: url(../Images/font-smaller.svg)
}

.topnav__item--font-smaller:hover .trigger {
    background-image: url(../Images/font-smaller-hover.svg)
}

.topnav__item.topnav__item--act.topnav__item--search .trigger {
    background-image: url(../Images/magnifier-hover.svg)
}

.topnav__item--settings .trigger {
    background-image: url(../Images/settings.svg)
}

.topnav__item--settings:hover .trigger {
    background-image: url(../Images/settings-hover.svg)
}

.topnav__item.topnav__item--act.topnav__item--settings .trigger {
    background-image: url(../Images/settings-hover.svg)
}

.topnav__item--act .trigger:after {
    opacity: 1
}

.topnav__item--act .popup {
    opacity: 1;
    visibility: visible;
    z-index: 100
}

.popup {
    background-color: rgba(91, 33, 130, .95);
    color: #fff;
    font-size: 1.25rem;
    left: 0;
    opacity: 0;
    padding: 20px 0 16px;
    position: absolute;
    top: 48px;
    transition: all .2s cubic-bezier(.44, 1.01, 1, 1);
    visibility: hidden;
    width: 350px
}

.popup.popup--wide {
    padding: 40px 20px 10px
}

.popup.popup--searchbox {
    background: none;
    padding: 0
}

.reverse-popup .popup {
    left: auto;
    right: 0
}

.popup__header {
    text-transform: uppercase
}

.popup__list {
    list-style: none;
    margin: 20px 0 0;
    padding: 0
}

.popup__list__item {
    padding-bottom: 10px;
    position: relative
}

.popup__list__item a {
    color: #fff;
    padding-left: 34px;
    text-decoration: none
}

.popup__list__item a:hover {
    text-decoration: underline
}

.popup__list__item [class^=icon-]:before, .popup__list__item [class*=' icon-']:before {
    font-size: 1.125rem;
    left: 0;
    margin: -14px 0 0
}

.navlist {
    font-size: 1.25rem;
    list-style: none;
    margin: 0 0 10px;
    padding: 0
}

.navlist a {
    border-left: 5px solid transparent;
    color: #fff;
    display: block;
    padding-right: 20px;
    text-decoration: none
}

.navlist a:hover {
    background-color: rgba(255, 255, 255, .25);
    border-left: 5px solid #fff;
    margin-left: 0
}

.navlist .item--current > a {
    background-color: rgba(255, 255, 255, .25);
    border-left: 5px solid #fff;
    margin-left: 0
}

.navlist--level2 {
    margin-left: 15px
}

.navlist__link--level1, .navlist__link--level2, .navlist__link--level3, .navlist__link--level4 {
    display: block;
    padding: 2px 5px 3px 15px
}

.navlist__link--level3 {
    padding-left: 20px
}

.navlist__link--level4 {
    padding-left: 40px
}

.navlist__item {
    margin-bottom: 4px
}

.navlist__item.item--active > a {
    border-left: 5px solid #fff
}

.topnav__item--mobile {
    display: none;
    width: 100px
}

.topnav__item--mobile .trigger {
    padding-left: 40px
}

.topnav__item--mobile .popup {
    padding-top: 0
}

.topnav__item--mobile .navlist--level1 {
    margin: 25px 0 0 20px
}

.topnav__item--mobile .navlist--level2, .topnav__item--mobile .navlist--level3, .topnav__item--mobile .navlist--level4 {
    margin: 0
}

.topnav__item--mobile .navlist__link--level1 {
    text-transform: uppercase
}

.topnav__item--mobile .navlist__link--level2 {
    padding-left: 25px
}

.topnav__item--mobile .navlist__link--level3 {
    padding-left: 40px
}

.topnav__item--mobile .navlist__link--level4 {
    padding-left: 55px
}

.breadcrumb {
    margin: 0 0 0 40px;
    padding-top: 20px;
    position: relative
}

.breadcrumb__home {
    background: url(../Images/icon-breadcrumb.svg) 50% 50% no-repeat;
    font: 0/0 a;
    height: 17px;
    left: 0;
    position: absolute;
    top: 20px;
    transition: all .2s cubic-bezier(.44, 1.01, 1, 1);
    width: 16px
}

.breadcrumb__home:hover {
    background-image: url(../Images/icon-breadcrumb-hover.svg)
}

.breadcrumb__itemlist {
    font-size: 1.25rem;
    list-style-type: none;
    margin: 0 0 0 26px;
    padding: 0
}

.breadcrumb__itemlist li {
    display: inline-block
}

.breadcrumb__link {
    color: #585858;
    font-size: 1.125rem;
    line-height: 1.125rem;
    text-decoration: none;
    transition: all .2s cubic-bezier(.44, 1.01, 1, 1)
}

.breadcrumb__link:hover {
    color: #f69c00
}

.breadcrumb__link:before {
    content: '/ '
}

.breadcrumb__link:hover:before {
    color: #5b2182
}

.hamburger-icon {
    box-sizing: border-box;
    display: block;
    height: 20px;
    left: 10px;
    position: absolute;
    width: 22px;
    z-index: 10000
}

.hamburger-icon:before {
    top: 10px
}

.hamburger-icon:after {
    top: 26px
}

.hamburger-icon span {
    top: 18px
}

.hamburger-icon:before, .hamburger-icon:after, .hamburger-icon span {
    background: #fff;
    content: '';
    display: block;
    height: 4px;
    left: 0;
    position: absolute;
    width: 20px
}

@media only screen and (max-width: 40em) {
    .popup {
        width: 100%
    }
}

.btn, .form-group .form-navigation input, .form-group .form-navigation button {
    background-color: #f69c00;
    border-color: #f69c00;
    -o-border-image: linear-gradient(170deg, #f69c00 0, #c37d03 100%);
    border-image: linear-gradient(170deg, #f69c00 0, #c37d03 100%);
    border-image-slice: 1;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    display: inline-block;
    font-family: OfficinaSans-Book, serif;
    font-size: 1.125rem;
    margin-bottom: 1rem;
    margin-right: 20px;
    overflow: hidden;
    padding: 8px 25px 9px;
    text-decoration: none;
    transition: all .2s cubic-bezier(.44, 1.01, 1, 1)
}

.btn:hover, .form-group .form-navigation input:hover, .form-group .form-navigation button:hover {
    background-color: #c37d03;
    cursor: pointer
}

.btn--icon.btn, .form-group .form-navigation input.btn--icon, .form-group .form-navigation button.btn--icon {
    padding-left: 55px;
    position: relative
}

.btn--icon.btn i, .form-group .form-navigation input.btn--icon i, .form-group .form-navigation button.btn--icon i {
    background-color: #af7208;
    background-repeat: no-repeat;
    height: 40px;
    left: 0;
    padding: 2px;
    position: absolute;
    top: 0;
    transition: all .2s cubic-bezier(.44, 1.01, 1, 1);
    width: 40px
}

.btn--block.btn, .form-group .form-navigation input.btn--block, .form-group .form-navigation button.btn--block {
    display: block;
    margin-right: 0;
    text-align: center;
    width: 100%
}

.btn--icon.btn:hover i, .form-group .form-navigation input.btn--icon:hover i, .form-group .form-navigation button.btn--icon:hover i {
    width: 101%
}

.btn--alternative.btn, .form-group .form-navigation input.btn--alternative, .form-group .form-navigation button.btn--alternative {
    background-color: #d9d0e2;
    -o-border-image: linear-gradient(170deg, #d9d0e2 0, #d4e0ec 100%);
    border-image: linear-gradient(170deg, #d9d0e2 0, #d4e0ec 100%);
    border-image-slice: 1;
    color: #5b2182
}

.btn--alternative.btn:hover, .form-group .form-navigation input.btn--alternative:hover, .form-group .form-navigation button.btn--alternative:hover, .btn--alternative.btn i, .form-group .form-navigation input.btn--alternative i, .form-group .form-navigation button.btn--alternative i {
    background-color: #5b2182;
    color: #fff
}

[class^=icon-], [class*=' icon-'] {
    font-family: icomoon;
    font-size: 1.313rem;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none
}

[class^=icon-]:before, [class*=' icon-']:before {
    left: 50%;
    margin-left: -11px;
    margin-top: -12px;
    position: absolute;
    top: 50%
}

.icon-1:before {
    content: '\e600'
}

.icon-2:before {
    content: '\e601'
}

.icon-3:before {
    content: '\e602'
}

.icon-4:before {
    content: '\e603'
}

.icon-5:before {
    content: '\e620'
}

.icon-6:before {
    content: '\e604'
}

.icon-7:before {
    content: '\e605'
}

.icon-8:before {
    content: '\e606'
}

.icon-9:before {
    content: '\e607'
}

.icon-10:before {
    content: '\e608'
}

.icon-11:before {
    content: '\e609'
}

.icon-12:before {
    content: '\e60a'
}

.icon-13:before {
    content: '\e60b'
}

.icon-14:before {
    content: '\e60c'
}

.icon-15:before {
    content: '\e60d'
}

.icon-16:before {
    content: '\e60e'
}

.icon-17:before {
    content: '\e60f'
}

.icon-18:before {
    content: '\e610'
}

.icon-19:before {
    content: '\e611'
}

.icon-20:before {
    content: '\e612'
}

.icon-21:before {
    content: '\e613'
}

.icon-22:before {
    content: '\e614'
}

.icon-23:before {
    content: '\e615'
}

.icon-24:before {
    content: '\e616'
}

.icon-25:before {
    content: '\e621'
}

.icon-26:before {
    content: '\e617'
}

.icon-27:before {
    content: '\e618'
}

.icon-28:before {
    content: '\e619'
}

.icon-29:before {
    content: '\e61a'
}

.icon-30:before {
    content: '\e61b'
}

.icon-31:before {
    content: '\e61c'
}

.icon-32:before {
    content: '\e61d'
}

.icon-33:before {
    content: '\ea1e'
}

.icon-34:before {
    content: '\e61f'
}

.icon-35:before {
    content: '\e622'
}

.icon-36:before {
    content: '\e623'
}

.icon-37:before {
    content: '\e624'
}

.icon-38:before {
    content: '\ea8c'
}

.icon-39:before {
    content: '\ea91'
}

.icon-40:before {
    content: '\ea97'
}

.icon-41:before {
    content: '\e61e'
}

.icon-42:before {
    content: '\e625'
}

.icon-43:before {
    content: '\e626'
}

.icon-44:before {
    content: '\ea7e'
}

.icon-45:before {
    content: '\e900'
}

.box__content .btn {
    margin-bottom: 10px
}

.attentionbox .btn {
    display: inline-block
}

.slider {
    overflow: hidden;
    padding-bottom: 60px
}

.slider__items {
    position: relative
}

.slider__item__content__container {
    margin: 0 30px;
    max-width: 1150px;
    position: relative
}

.slider__item__content {
    background-clip: content-box;
    background-color: rgba(91, 33, 130, .9);
    border-color: rgba(255, 255, 255, .9);
    border-style: solid;
    border-width: 10px 10px 0;
    bottom: -114px;
    color: #fff;
    font-family: OfficinaSans-Book, serif;
    font-size: 36px;
    height: 160px;
    line-height: 39px;
    position: absolute;
    right: 0;
    text-decoration: none;
    transition: all .2s cubic-bezier(.44, 1.01, 1, 1);
    width: 50%
}

.slider__item__content:hover {
    background-color: #5b2182;
    border-color: #fff
}

.slider__item__content span {
    bottom: 20px;
    left: 10px;
    position: absolute
}

.slider__nav__container {
    margin: 0 40px
}

.slider__nav {
    border-left: 5px solid #f69c00;
    font-size: 1.25rem;
    margin-top: 20px;
    padding: 0 0 4px 15px;
    width: 50%
}

.slider__nav__title {
    color: #f69c00
}

.slider__nav__items {
    color: #5b2182;
    width: 70%
}

.slider__nav__items a:link, .slider__nav__items a:visited {
    color: #5b2182
}

.slider__nav__items a:hover, .slider__nav__items a:active {
    color: #f69c00
}

.slider__nav__items a {
    text-decoration: none
}

.slider__nav__items a.act {
    color: #f69c00
}

.where {
    display: table;
    margin: 80px 0 40px;
    padding-top: 40px
}

.where__img {
    display: table-cell
}

.where__title {
    color: #f69c00;
    display: table-cell;
    font-family: OfficinaSans-Book, serif;
    font-size: 1.25rem;
    margin: 0;
    padding-left: 15px;
    vertical-align: bottom
}

.where__area {
    display: block;
    font-size: 2.25rem;
    font-style: normal;
    padding-top: 5px
}

.teaser__item__container {
    overflow: hidden
}

.teaser__item {
    background-color: #d9d0e2;
    color: #5b2182;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.125rem;
    height: 74px;
    margin-bottom: 10px;
    overflow: hidden;
    text-decoration: none;
    transition: all .2s cubic-bezier(.44, 1.01, 1, 1)
}

.teaser__item:hover {
    background-color: #5b2182;
    color: #fff
}

.teaser__item__img {
    float: left;
    height: 74px;
    width: 74px
}

.teaser__item__text {
    float: left;
    margin: 0;
    padding: 10px
}

.linklist {
    border-left: 5px solid #5b2182;
    list-style: none;
    margin: 0;
    padding: 0
}

.linklist__item {
    margin: 0;
    padding: 0
}

.linklist__item__link {
    background-color: #d9d0e2;
    border-left: 5px solid #5b2182;
    color: #5b2182;
    display: block;
    font-size: 1.125rem;
    height: 37px;
    line-height: 37px;
    margin-bottom: 4px;
    margin-left: -5px;
    overflow: hidden;
    padding: 0 10px 0 15px;
    text-decoration: none;
    text-overflow: ellipsis;
    transition: all .2s cubic-bezier(.44, 1.01, 1, 1);
    white-space: nowrap
}

.linklist__item__link:hover {
    background-color: #5b2182;
    border-color: #f69c00;
    color: #fff
}

.box {
    margin-bottom: 40px;
    position: relative
}

.box a {
    text-decoration: none
}

.box__headline {
    border-left: 5px solid #f69c00;
    color: #5b2182;
    font-family: OfficinaSans-Book, serif;
    font-size: 1.125rem;
    line-height: 1.25rem;
    margin: 0 0 5px;
    max-width: 100%;
    padding: 6px 0 5px 15px
}

.box__content {
    background: #d9d0e2;
    border-left: 5px solid #5b2182;
    color: #5b2182;
    font-size: 1rem;
    padding: 1px 15px;
    z-index: 1
}

.box__content--fullWidth {
    padding: 1px 0
}

.box__linkcollection {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.box__linkcollection a {
    background-color: #d9d0e2;
    border-bottom: 4px solid #fff;
    color: #5b2182;
    display: block;
    font-size: 1.125rem;
    line-height: 1.5rem;
    padding: .75rem 0 .75rem 1rem;
    transition: all .2s cubic-bezier(.44, 1.01, 1, 1)
}

.box__linkcollection a:hover {
    background-color: #c0b0cf
}

.box__linkcollection li:last-child a {
    border-bottom: 0
}

.box__content__text {
    font-family: OfficinaSans-Book, serif;
    font-size: 1.125rem;
    overflow: hidden;
    padding: 18px 12px
}

.box__content__text + .btn {
    margin-top: 0
}

.box__link:hover .box__headline {
    background-color: #d9d0e2;
    border-color: #5b2182
}

.box--question {
    overflow: hidden
}

.box--question:after {
    bottom: 65px;
    color: rgba(0, 49, 123, .1);
    content: '?';
    font-family: OfficinaSans-Book, serif;
    font-size: 18.75rem;
    position: absolute;
    right: -20px
}

.box--button {
    overflow: hidden
}

.box--button .box__content__text {
    padding-bottom: 0
}

.box--button .btn {
    margin: 18px 10px
}

.box--linklist .box__content {
    padding: 10px 15px
}

.box--linklist ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.box--linklist li {
    margin: 0;
    padding: 0
}

.box--linklist small {
    display: block
}

.box--linklist a {
    display: block;
    padding: 4px 0;
    position: relative
}

.box--linklist a:link, .box--linklist a:visited {
    color: #5b2182
}

.box--linklist a:hover, .box--linklist a:active {
    color: #f69c00
}

.box--linklist a:after {
    border-color: transparent transparent transparent #f69c00;
    border-style: solid;
    border-width: 5px 0 5px 8.7px;
    content: '';
    height: 0;
    position: absolute;
    right: 0;
    top: 30%;
    width: 0
}

.box--image .box__content {
    padding: 0
}

.box--image .box__content__img {
    display: block
}

.box--image .fancybox .icon {
    background-color: rgba(255, 255, 255, .85);
    border-radius: 14px;
    bottom: 12px;
    color: #5b2182;
    font-size: 1rem;
    height: 28px;
    position: absolute;
    right: 12px;
    transition: all .2s cubic-bezier(.44, 1.01, 1, 1);
    width: 28px
}

.box--image .fancybox .icon:before {
    margin-left: -8px;
    margin-top: -9px
}

.box--image .fancybox:hover .icon {
    background-color: rgba(255, 255, 255, .95);
    color: #f69c00
}

.box--linked .box__headline {
    transition: all .2s cubic-bezier(.44, 1.01, 1, 1)
}

.box--contact {
    max-width: 360px
}

.box--contact strong {
    color: #f69c00;
    display: block;
    font-weight: 400;
    padding-top: 5px
}

.box--contact .box__content__text p {
    margin-top: 0
}

.row--fullwidth .box {
    margin-top: 40px
}

.row--fullwidth .box__content {
    background-color: #fff
}

.quotebox {
    display: inline-block;
    margin-bottom: 40px
}

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

.quotebox:after {
    clear: both
}

.quotebox__img {
    float: left
}

.quotebox__quote {
    float: left;
    font-family: OfficinaSans-BookItalic, serif;
    font-size: 1rem;
    font-style: normal;
    line-height: 1.449rem;
    margin: 0 0 0 30px;
    max-width: 320px
}

.quotebox__quote__cite {
    color: #5b2182;
    display: block
}

.headpic {
    margin-bottom: 1.5rem;
    position: relative
}

.headpic__content__container {
    margin: 0 30px;
    max-width: 1150px;
    position: relative
}

.headpic__content {
    background-clip: content-box;
    background-color: rgba(91, 33, 130, .9);
    border-color: rgba(255, 255, 255, .9);
    border-style: solid;
    border-width: 10px 10px 0;
    bottom: -20px;
    color: #fff;
    font-size: 1.125rem;
    position: absolute;
    right: 0;
    text-decoration: none;
    transition: all .2s cubic-bezier(.44, 1.01, 1, 1);
    width: 50%
}

.headpic__content span {
    display: block;
    padding: 20px 0 20px 10px
}

.quote {
    margin: -5px 0 40px -30px;
    position: relative
}

.quote:after {
    color: #5b2182;
    content: '\201e';
    font-family: OfficinaSans-Bold, sans-serif;
    font-size: 2.5rem;
    font-style: italic;
    left: 11px;
    position: absolute;
    top: -28px
}

.quote__image {
    background: #eee;
    border-left: 5px solid #5b2182;
    height: 57px;
    left: 30px;
    position: absolute;
    top: 0;
    width: 52px
}

.quote__text {
    font-family: OfficinaSans-BookItalic, serif;
    font-style: normal;
    margin: 0;
    padding-left: 105px
}

.quote__author {
    font-family: OfficinaSans-Book, serif;
    font-size: 1.125rem;
    font-style: normal;
    padding-left: 105px
}

.quote__author:before {
    content: '- '
}

.attentionbox {
    font-family: OfficinaSans-Book, serif;
    margin-bottom: 40px
}

.attentionbox h3 {
    margin-bottom: 15px
}

.attentionbox p {
    margin: 0 0 1rem;
    max-width: 85%
}

.gallery {
    margin-bottom: 40px
}

.gallery__headline {
    border-left: 5px solid #f69c00;
    color: #5b2182;
    font-family: OfficinaSans-Book, serif;
    font-size: 1.125rem;
    line-height: 1.25rem;
    margin-bottom: 5px;
    margin-left: 0;
    padding: 6px 0 5px 15px
}

.gallery__items {
    background-color: #e9edf4;
    border-left: 5px solid #5b2182;
    font-size: 0;
    overflow: hidden;
    position: relative;
    white-space: nowrap
}

.gallery__items button {
    background-color: transparent;
    border: 0;
    cursor: pointer;
    font: 0/0 a;
    height: 100%;
    margin: 0;
    outline: none;
    position: absolute;
    top: 0;
    width: 50px;
    z-index: 1
}

.gallery__items button span {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 50px
}

.gallery__items .slick-prev {
    left: 0
}

.gallery__items .slick-prev span {
    background: url(../Images/slick-arrow-left.svg) 50% 50% no-repeat
}

.gallery__items .slick-prev:hover span {
    background-image: url(../Images/slick-arrow-left-hover.svg)
}

.gallery__items .slick-prev:after {
    background-image: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .95) 100%);
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 90px;
    z-index: -1
}

.gallery__items .slick-next {
    right: 0
}

.gallery__items .slick-next span {
    background: url(../Images/slick-arrow-right.svg) 50% 50% no-repeat
}

.gallery__items .slick-next:hover span {
    background-image: url(../Images/slick-arrow-right-hover.svg)
}

.gallery__items .slick-next:after {
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .95) 100%);
    content: '';
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 90px;
    z-index: -1
}

.gallery__items .slick-slide {
    height: auto;
    outline: none
}

.gallery__item {
    border-color: #e9edf4;
    border-style: solid;
    border-width: 0 1px;
    display: inline-block;
    width: 260px
}

.row--fullwidth {
    background-color: #e9edf4;
    font-family: OfficinaSans-Book, serif
}

.row--fullwidth .list li {
    line-height: 1.5rem;
    margin-bottom: 5px
}

.contentgrid .medium-4 .tx-teaser-boxes {
    margin-bottom: 25px
}

.contentgrid .medium-4 .sectiontitle {
    border-left: 5px solid #f69c00;
    color: #5b2182;
    font-family: OfficinaSans-Book, serif;
    font-size: 1.125rem;
    line-height: 1.25rem;
    margin: 0 0 5px;
    max-width: 100%;
    padding: 6px 0 5px 15px
}

.contentgrid .medium-4 .sectiontitle:before {
    display: none
}

.row .row--area-management {
    margin-bottom: 40px
}

.row .row--area-management .medium-9 {
    font-size: 1.25rem;
    line-height: 1.449
}

.row .row--area-management .box__content a {
    display: none !important
}

.media .embed-container {
    height: 0;
    margin-bottom: 40px;
    max-width: 100%;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative
}

.media .embed-container iframe, .media .embed-container object, .media .embed-container embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.subscribe {
    margin-bottom: 40px
}

.subscribe h2 {
    border: 0;
    font-size: 1.375rem;
    margin: 0 0 .75rem;
    padding: 0
}

.subscribe p {
    margin: 0 0 .75rem
}

.subscribe input[type=email] {
    background-color: #d9d0e2;
    border: 0;
    border-left: 2px solid #5b2182;
    color: #5b2182;
    font-family: OfficinaSans-Book, serif;
    font-size: 1.125rem;
    height: 33px;
    line-height: 33px;
    margin-bottom: 1.5rem;
    padding-left: 10px;
    transition: all 50ms linear;
    width: 100%
}

.subscribe input[type=email]:focus {
    border-left-width: 5px;
    outline: none;
    padding-left: 7px
}

.form-group {
    color: #5b2182;
    font-family: OfficinaSans-Book, serif;
    max-width: 100%;
    overflow: hidden;
    padding: 5px 5px 10px 0;
    position: relative;
    width: 460px
}

.form-group ol {
    list-style: none;
    margin: 0;
    padding: 0
}

.form-group fieldset {
    border: 0;
    margin: 0;
    padding: 10px 0 0
}

.form-group fieldset legend {
    color: #f69c00;
    font-size: 1.25rem
}

.form-group label {
    float: left;
    font-size: 1.125rem;
    width: 185px
}

.form-group em {
    font-size: .875rem
}

.form-group strong {
    background: #f69c00;
    font: 0/0 a;
    height: 33px;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 33px
}

.form-group strong:before {
    color: #fff;
    content: '!';
    font-size: 1.625rem;
    font-weight: 700;
    height: 33px;
    left: 0;
    line-height: 33px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 33px
}

.form-group strong:after {
    background: #f69c00;
    content: '';
    height: 33px;
    left: -237px;
    position: absolute;
    top: 0;
    width: 5px
}

.form-group .clearfix {
    font-size: 1.125rem
}

.form-group .form-group {
    padding: 5px 0 10px
}

.form-group .form-group .input input, .form-group .csc-form-element-textline input {
    background-color: #d9d0e2;
    border: 0;
    border-left: 2px solid #5b2182;
    color: #5b2182;
    font-family: OfficinaSans-Book, serif;
    font-size: 1.125rem;
    height: 33px;
    line-height: 33px;
    padding-left: 10px;
    transition: all 50ms linear;
    width: 270px
}

.form-group .form-group .input input[size="4"], .form-group .csc-form-element-textline input[size="4"] {
    width: 150px
}

.form-group .form-group .input input:focus, .form-group .csc-form-element-textline input:focus {
    border-left-width: 5px;
    outline: none;
    padding-left: 7px
}

.form-group .form-group .input .error, .form-group .form-group .input .help-block, .form-group .csc-form-element-textline .error, .form-group .csc-form-element-textline .help-block {
    background: rgba(246, 156, 0, .8);
    border: 2px solid #f69c00;
    color: #fff;
    display: inline-block;
    margin-top: 4px;
    padding: 5px 10px 4px;
    text-align: center;
    width: 100%
}

.form-group .form-group .input textarea, .form-group .csc-form-element-textline textarea {
    background-color: #d9d0e2;
    border: 0;
    border-left: 2px solid #5b2182;
    color: #5b2182;
    font-family: OfficinaSans-Book, serif;
    font-size: 1.125rem;
    height: auto;
    min-height: 150px;
    padding: 6px 10px;
    width: 270px
}

.form-group .form-group .input select, .form-group .csc-form-element-textline select {
    width: 270px
}

.form-group .csc-firstHeader h1 {
    margin-bottom: 0
}

.form-group .form-navigation {
    margin-top: 20px
}

.form-group .form-navigation:before {
    clear: both;
    content: '';
    display: block
}

@media only screen and (max-width: 40em) {
    .form-group {
        width: 100%
    }

    .form-group .input input, .form-group .input textarea, .form-group .input select {
        width: 100%
    }
}

.search__form {
    background: #d9d0e2;
    border-left: 5px solid #f69c00;
    color: #5b2182;
    font-size: 1rem;
    margin-bottom: 20px;
    padding: 15px;
    z-index: 1
}

.search__form input {
    background: #fff !important;
    border: 0;
    border-left: 2px solid #5b2182;
    color: #5b2182;
    font-family: OfficinaSans-Book, serif;
    font-size: 1.125rem;
    height: 33px;
    line-height: 33px;
    padding-left: 10px;
    transition: all 50ms linear;
    width: 330px
}

.search__form input:focus {
    border-left-width: 5px;
    outline: none;
    padding-left: 7px
}

.search__form input:disabled {
    opacity: .5
}

.search__form div {
    margin-bottom: 15px
}

.search__form label {
    float: left;
    height: 33px;
    line-height: 33px;
    width: 100px
}

.search__form .medium-4 label {
    width: 120px
}

.search__form .medium-4 input {
    width: 75px
}

.search__result {
    margin-bottom: 20px;
    min-height: 300px;
    position: relative
}

.search__result--popup {
    display: none;
    margin-top: -15px
}

.search__result--popup:before {
    border-color: transparent transparent #fff;
    border-style: solid;
    border-width: 0 17px 15px;
    content: '';
    height: 0;
    left: 24px;
    position: absolute;
    top: -20px;
    width: 0
}

.search__result--popup .search__result__content {
    padding-bottom: 15px
}

.search__result--popup .search__result__content strong {
    color: #f69c00;
    font-family: OfficinaSans-Book, serif;
    font-size: 1.125rem;
    font-weight: 400
}

.search__result__headline {
    border-left: 5px solid #f69c00;
    color: #f69c00;
    font-family: OfficinaSans-Book, serif;
    font-size: 1.125rem;
    line-height: 1.25rem;
    margin: 0 0 5px;
    max-width: 100%;
    padding: 6px 0 5px 15px
}

.search__result__content {
    background: #d9d0e2;
    border-left: 5px solid #5b2182;
    color: #5b2182;
    font-size: .875rem;
    overflow: hidden;
    padding: 1px 15px 25px;
    z-index: 1
}

.search__result__mail {
    color: #5b2182;
    text-decoration: none
}

.search__result__mail:hover {
    color: #f69c00
}

.search__result__more {
    color: #5b2182;
    display: block;
    margin-top: 15px;
    padding-left: 60px;
    position: relative;
    text-decoration: none;
    transition: all .2s cubic-bezier(.44, 1.01, 1, 1)
}

.search__result__more strong {
    font-weight: 400
}

.search__result__more span {
    position: relative;
    z-index: 1
}

.search__result__more:before {
    background: #5b2182;
    content: '';
    height: 45px;
    left: 0;
    position: absolute;
    top: 0;
    transition: all .2s cubic-bezier(.44, 1.01, 1, 1);
    width: 45px
}

.search__result__more:after {
    color: #fff;
    content: 'i';
    font-size: 2.4rem;
    font-style: italic;
    left: 14px;
    position: absolute;
    top: 12px
}

.search__result__more:hover {
    color: #f69c00
}

.search__result__more:hover:before {
    background-color: #f69c00
}

.search__result__container--active .search__result--popup {
    display: block
}

.search__result__container--active .search__result__more:before {
    background-color: #f69c00
}

.search__results__count {
    color: #5b2182;
    font-family: OfficinaSans-Book, serif
}

.search__messages__headline {
    border-left: 5px solid #f69c00;
    color: #5b2182;
    font-family: OfficinaSans-Book, serif;
    font-size: 1.125rem;
    line-height: 1.25rem;
    margin: 0 0 5px;
    max-width: 100%;
    padding: 6px 0 5px 15px
}

.search__messages__items {
    background: #d9d0e2;
    border-left: 5px solid #5b2182;
    color: #5b2182;
    font-size: .875rem;
    overflow: hidden;
    padding: 15px 25px 15px 15px;
    z-index: 1
}

.search__messages__item {
    margin: 0
}

.search__input__typeahead {
    position: relative
}

.twitter-typeahead .tt-query, .twitter-typeahead .tt-hint {
    margin-bottom: 0
}

.tt-hint {
    visibility: hidden
}

.tt-dropdown-menu {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #5b2182;
    font-family: OfficinaSans-Book, serif;
    font-size: 1rem;
    left: 100px !important;
    margin-top: 2px;
    min-width: 260px;
    padding: 0;
    top: 36px !important
}

.tt-dropdown-menu div {
    margin: 0
}

.tt-suggestion {
    display: block;
    padding: 3px 10px
}

.tt-suggestion p {
    margin: 0
}

.tt-suggestion.tt-is-under-cursor {
    background-color: #5b2182;
    color: #fff
}

.tt-suggestion.tt-is-under-cursor a {
    color: #fff
}

#kesearch_results {
    color: #5b2182;
    font-size: 1.5rem;
    margin-top: 3rem
}

.datepicker td, .datepicker th {
    background: #fff;
    border: 0;
    cursor: pointer;
    height: 20px;
    padding: 4px 8px;
    text-align: center;
    width: 20px
}

.datepicker {
    direction: ltr;
    display: none;
    padding: 4px;
    margin-top: 2px;
    position: absolute
}

.datepicker.dropdown-menu {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #5b2182;
    border-left-width: 5px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    display: none;
    float: left;
    left: 0;
    line-height: 18px;
    list-style: none;
    min-width: 160px;
    position: absolute;
    top: 100%;
    z-index: 1000
}

.datepicker.dropdown-menu th {
    padding: 4px 5px;
    color: #5b2182;
    font-weight: 400
}

.datepicker.dropdown-menu td {
    padding: 4px 5px
}

.datepicker .prev i {
    font-style: normal
}

.datepicker .prev i:after {
    content: '«'
}

.datepicker .next i {
    font-style: normal
}

.datepicker .next i:after {
    content: '»'
}

.datepicker table {
    border: 0;
    margin: 0
}

.datepicker table tr td span {
    cursor: pointer;
    display: block;
    float: left;
    height: 54px;
    line-height: 54px;
    margin: 1%;
    width: 23%
}

.datepicker td.active.day {
    background: #f69c00;
    color: #fff
}

.datepicker td.active.year {
    background: #f69c00;
    color: #fff
}

.datepicker td.old {
    color: #ccc
}

.datepicker td.new {
    color: #999
}

.datepicker td span.active {
    background: #f69c00;
    color: #fff
}

.datepicker td.day.disabled {
    color: #fafafa
}

.datepicker th.active.day {
    background: #f69c00;
    color: #fff
}

.datepicker th.active.year {
    background: #f69c00;
    color: #fff
}

.datepicker th.date-switch {
    width: 145px
}

.datepicker th span.active {
    background: #f69c00;
    color: #fff
}

.datepicker .cw {
    font-size: 10px;
    padding: 0 2px 0 5px;
    vertical-align: middle;
    width: 12px
}

.datepicker.days div.datepicker-days {
    display: block
}

.datepicker.months div.datepicker-months {
    display: block
}

.datepicker.years div.datepicker-years {
    display: block
}

.datepicker thead tr:first-child th {
    cursor: pointer
}

.datepicker thead tr:first-child th.cw {
    cursor: default;
    background-color: transparent
}

.datepicker tfoot tr:first-child th {
    cursor: pointer
}

.datepicker-inline {
    width: 220px
}

.datepicker-rtl {
    direction: rtl
}

.datepicker-rtl table tr td span {
    float: right
}

.datepicker-dropdown {
    top: 0;
    left: 0
}

.datepicker > div {
    display: none
}

.datepicker-close {
    display: none;
    height: 30px;
    padding: 0;
    position: absolute;
    right: 0;
    top: -30px;
    width: 15px
}

.table-striped .datepicker table tr td {
    background-color: transparent
}

.table-striped .datepicker table tr th {
    background-color: transparent
}

.searchbox__top {
    background-color: rgba(91, 33, 130, .95);
    padding: 40px 20px 10px
}

.searchbox__searchword__container {
    background-color: rgba(91, 33, 130, .95);
    color: #fff;
    overflow: hidden;
    padding: 15px 20px;
    position: relative;
    z-index: 100
}

.searchbox__searchword__container label {
    float: left;
    font-size: 1.125rem;
    height: 33px;
    line-height: 33px;
    width: 100px
}

.searchbox__searchword__input {
    background-color: #fff;
    border-color: #5b2182;
    border-style: solid;
    border-width: 0 0 0 2px;
    font-family: OfficinaSans-Book, serif;
    font-size: 1rem;
    height: 33px;
    line-height: 33px;
    padding-left: 10px;
    width: 210px
}

.searchbox__searchword__input:focus {
    border-left-width: 5px;
    outline: none;
    padding-left: 7px
}

.popup--searchbox .popup__list__item {
    font-size: 1.25rem
}

.popup--searchbox .popup__list__item a {
    color: #fff;
    display: block;
    opacity: .8;
    padding-left: 34px;
    text-decoration: none;
    transition: all .2s cubic-bezier(.44, 1.01, 1, 1)
}

.popup--searchbox .popup__list__item a:hover {
    font-weight: 700;
    opacity: 1
}

.popup--searchbox .popup__list__item label {
    cursor: pointer;
    display: block;
    opacity: .8;
    padding-left: 34px;
    transition: all .2s cubic-bezier(.44, 1.01, 1, 1)
}

.popup--searchbox .popup__list__item label:hover {
    font-weight: 700;
    opacity: 1
}

.popup--searchbox .popup__list__item input {
    left: 0;
    position: absolute;
    visibility: hidden
}

.popup--searchbox .popup__list__item input:checked + label {
    font-weight: 700;
    opacity: 1
}

.popup--searchbox .popup__list__item [class^=icon-]:before, .popup--searchbox .popup__list__item [class*=' icon-']:before {
    font-size: 1.5rem;
    left: 0;
    margin: -16px 0 0
}

.ce-workfields h1 {
    color: #5b2182;
    font-family: OfficinaSans-Bold, sans-serif;
    font-weight: 400;
    margin-bottom: 10px;
    margin-top: -12px
}

.ce-workfields ul {
    display: -ms-grid;
    display: grid;
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    -ms-grid-columns:(1fr) [ 4 ];
    grid-template-columns:repeat(4, 1fr);
    margin: 0;
    padding: 0
}

.ce-workfields li {
    display: block;
    height: 0;
    list-style-type: none;
    overflow: hidden;
    padding-bottom: 100%;
    position: relative
}

.ce-workfields a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: OfficinaSans-Bold, sans-serif;
    font-size: 1.375rem;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 10px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    transition: all .2s cubic-bezier(.44, 1.01, 1, 1);
    width: 100%
}

.ce-workfields .background {
    background-position: 50% 50%;
    background-size: cover;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all .2s cubic-bezier(.44, 1.01, 1, 1);
    width: 100%
}

.ce-workfields li:hover .background {
    -webkit-filter: blur(4px);
    filter: blur(4px);
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

@media only screen and (max-width: 40em) {
    .ce-workfields ul {
        -ms-grid-columns:(1fr) [ 2 ];
        grid-template-columns:repeat(2, 1fr)
    }
}

.ce-smallbox ul {
    display: -ms-grid;
    display: grid;
    grid-column-gap: 15px;
    grid-row-gap: 30px;
    -ms-grid-columns:(1fr) [ 4 ];
    grid-template-columns:repeat(4, 1fr);
    margin: 0;
    padding: 0
}

.ce-smallbox li {
    display: block;
    height: 166px;
    list-style-type: none;
    overflow: hidden;
    position: relative
}

.ce-smallbox .background {
    background-position: 50% 50%;
    background-size: cover;
    height: 166px;
    left: 0;
    position: absolute;
    top: 0;
    transition: all .2s cubic-bezier(.44, 1.01, 1, 1);
    width: 100%
}

.ce-smallbox a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    display: block;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    position: relative;
    text-decoration: none;
    transition: all .2s cubic-bezier(.44, 1.01, 1, 1);
    width: 100%
}

.ce-smallbox a span {
    background: rgba(246, 156, 0, .9);
    bottom: 0;
    display: block;
    font-family: OfficinaSans-Bold, sans-serif;
    font-size: 1.25rem;
    line-height: 1.5rem;
    padding: 10px 10px 8px;
    position: absolute;
    width: 100%
}

.ce-smallbox li:hover .background {
    -webkit-filter: contrast(1.125);
    filter: contrast(1.125);
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

@media only screen and (max-width: 64em) {
    .ce-smallbox ul {
        -ms-grid-columns:(1fr) [ 3 ];
        grid-template-columns:repeat(3, 1fr)
    }
}

@media only screen and (max-width: 40em) {
    .ce-smallbox ul {
        -ms-grid-columns:(1fr) [ 2 ];
        grid-template-columns:repeat(2, 1fr)
    }

    .ce-smallbox a span {
        font-size: .875rem;
        padding: 5px 0;
        text-align: center
    }
}

.ce-link-image-collection {
    margin: 0 0 40px
}

.ce-link-image-collection h2 {
    border: 0;
    font-family: OfficinaSans-Book, serif;
    margin: 0 0 1rem;
    padding: 0
}

.ce-link-image-collection ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.ce-link-image-collection ul li {
    background-color: #d9d0e2;
    margin-bottom: 10px
}

.ce-link-image-collection ul a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #5b2182;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.125rem;
    text-decoration: none;
    transition: all .2s cubic-bezier(.44, 1.01, 1, 1)
}

.ce-link-image-collection ul a:hover {
    background-color: #c0b0cf
}

.ce-link-image-collection ul img {
    height: 75px;
    margin-right: 1rem;
    width: 75px
}

.ce-link-image-collection--border ul li {
    padding: 3px
}

.ce-link-image-collection--no-border ul li {
    padding: 0
}

.mejs-offscreen {
    position: absolute !important;
    top: -10000px;
    left: -10000px;
    overflow: hidden;
    width: 1px;
    height: 1px
}

.mejs-container {
    position: relative;
    background: #000;
    font-family: Helvetica, Arial;
    text-align: left;
    vertical-align: top;
    text-indent: 0
}

.me-plugin {
    position: absolute
}

.mejs-embed, .mejs-embed body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: #000;
    overflow: hidden
}

.mejs-fullscreen {
    overflow: hidden !important
}

.mejs-container-fullscreen {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 1000
}

.mejs-container-fullscreen .mejs-mediaelement, .mejs-container-fullscreen video {
    width: 100%;
    height: 100%
}

.mejs-clear {
    clear: both
}

.mejs-background {
    position: absolute;
    top: 0;
    left: 0
}

.mejs-mediaelement {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.mejs-poster {
    position: absolute;
    top: 0;
    left: 0;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

:root .mejs-poster img {
    display: none
}

.mejs-poster img {
    padding: 0;
    border: 0
}

.mejs-overlay {
    position: absolute;
    top: 0;
    left: 0
}

.mejs-overlay-play {
    cursor: pointer
}

.mejs-overlay-button {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px;
    background: url(../Images/mediaelementjs/bigplay.svg) no-repeat
}

.no-svg .mejs-overlay-button {
    background-image: url(../Images/mediaelementjs/bigplay.svg)
}

.mejs-overlay:hover .mejs-overlay-button {
    background-position: 0 -100px
}

.mejs-overlay-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    margin: -40px 0 0 -40px;
    background: #333;
    background: url(../Images/mediaelementjs/background.png);
    background: rgba(0, 0, 0, .9);
    background: linear-gradient(rgba(50, 50, 50, .9), rgba(0, 0, 0, .9))
}

.mejs-overlay-loading span {
    display: block;
    width: 80px;
    height: 80px;
    background: transparent url(../Images/mediaelementjs/loading.gif) 50% 50% no-repeat
}

.mejs-container .mejs-controls {
    position: absolute;
    list-style-type: none;
    margin: 0;
    padding: 0;
    bottom: 0;
    left: 0;
    background: url(../Images/mediaelementjs/background.png);
    background: rgba(0, 0, 0, .7);
    background: linear-gradient(rgba(50, 50, 50, .7), rgba(0, 0, 0, .7));
    height: 30px;
    width: 100%
}

.mejs-container .mejs-controls div {
    list-style-type: none;
    background-image: none;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 26px;
    height: 26px;
    font-size: .6875rem;
    line-height: 11px;
    font-family: Helvetica, Arial;
    border: 0
}

.mejs-controls .mejs-button button {
    cursor: pointer;
    display: block;
    font-size: 0;
    line-height: 0;
    text-decoration: none;
    margin: 7px 5px;
    padding: 0;
    position: absolute;
    height: 16px;
    width: 16px;
    border: 0;
    background: transparent url(../Images/mediaelementjs/controls.svg) no-repeat
}

.no-svg .mejs-controls .mejs-button button {
    background-image: url(../Images/mediaelementjs/controls.png)
}

.mejs-controls .mejs-button button:focus {
    outline: dotted 1px #999
}

.mejs-container .mejs-controls .mejs-time {
    color: #fff;
    display: block;
    height: 17px;
    width: auto;
    padding: 10px 3px 0;
    overflow: hidden;
    text-align: center;
    box-sizing: content-box
}

.mejs-container .mejs-controls .mejs-time a {
    color: #fff;
    font-size: .6875rem;
    line-height: 12px;
    display: block;
    float: left;
    margin: 1px 2px 0 0;
    width: auto
}

.mejs-controls .mejs-play button {
    background-position: 0 0
}

.mejs-controls .mejs-pause button {
    background-position: 0 -16px
}

.mejs-controls .mejs-stop button {
    background-position: -112px 0
}

.mejs-controls div.mejs-time-rail {
    direction: ltr;
    width: 200px;
    padding-top: 5px
}

.mejs-controls .mejs-time-rail span, .mejs-controls .mejs-time-rail a {
    display: block;
    position: absolute;
    width: 180px;
    height: 10px;
    border-radius: 2px;
    cursor: pointer
}

.mejs-controls .mejs-time-rail .mejs-time-total {
    margin: 5px;
    background: #333;
    background: rgba(50, 50, 50, .8);
    background: linear-gradient(rgba(30, 30, 30, .8), rgba(60, 60, 60, .8))
}

.mejs-controls .mejs-time-rail .mejs-time-buffering {
    width: 100%;
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 15px 15px;
    -webkit-animation: buffering-stripes 2s linear infinite;
    animation: buffering-stripes 2s linear infinite
}

@-webkit-keyframes buffering-stripes {
    from {
        background-position: 0 0
    }
    to {
        background-position: 30px 0
    }
}

@keyframes buffering-stripes {
    from {
        background-position: 0 0
    }
    to {
        background-position: 30px 0
    }
}

.mejs-controls .mejs-time-rail .mejs-time-loaded {
    background: #3caac8;
    background: rgba(60, 170, 200, .8);
    background: linear-gradient(rgba(44, 124, 145, .8), rgba(78, 183, 212, .8));
    width: 0
}

.mejs-controls .mejs-time-rail .mejs-time-current {
    background: #fff;
    background: rgba(255, 255, 255, .8);
    background: linear-gradient(rgba(255, 255, 255, .9), rgba(200, 200, 200, .8));
    width: 0
}

.mejs-controls .mejs-time-rail .mejs-time-handle {
    display: none;
    position: absolute;
    margin: 0;
    width: 10px;
    background: #fff;
    border-radius: 5px;
    cursor: pointer;
    border: solid 2px #333;
    top: -2px;
    text-align: center
}

.mejs-controls .mejs-time-rail .mejs-time-float {
    position: absolute;
    display: none;
    background: #eee;
    width: 36px;
    height: 17px;
    border: solid 1px #333;
    top: -26px;
    margin-left: -18px;
    text-align: center;
    color: #111
}

.mejs-controls .mejs-time-rail .mejs-time-float-current {
    margin: 2px;
    width: 30px;
    display: block;
    text-align: center;
    left: 0
}

.mejs-controls .mejs-time-rail .mejs-time-float-corner {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    line-height: 0;
    border: solid 5px #eee;
    border-color: #eee transparent transparent;
    border-radius: 0;
    top: 15px;
    left: 13px
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float {
    width: 48px
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current {
    width: 44px
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner {
    left: 18px
}

.mejs-controls .mejs-fullscreen-button button {
    background-position: -32px 0
}

.mejs-controls .mejs-unfullscreen button {
    background-position: -32px -16px
}

.mejs-controls .mejs-mute button {
    background-position: -16px -16px
}

.mejs-controls .mejs-unmute button {
    background-position: -16px 0
}

.mejs-controls .mejs-volume-button {
    position: relative
}

.mejs-controls .mejs-volume-button .mejs-volume-slider {
    display: none;
    height: 115px;
    width: 25px;
    background: url(../Images/mediaelementjs/background.png);
    background: rgba(50, 50, 50, .7);
    border-radius: 0;
    top: -115px;
    left: 0;
    z-index: 1;
    position: absolute;
    margin: 0
}

.mejs-controls .mejs-volume-button:hover {
    border-radius: 0 0 4px 4px
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
    position: absolute;
    left: 11px;
    top: 8px;
    width: 2px;
    height: 100px;
    background: #ddd;
    background: rgba(255, 255, 255, .5);
    margin: 0
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
    position: absolute;
    left: 11px;
    top: 8px;
    width: 2px;
    height: 100px;
    background: #ddd;
    background: rgba(255, 255, 255, .9);
    margin: 0
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
    position: absolute;
    left: 4px;
    top: -3px;
    width: 16px;
    height: 6px;
    background: #ddd;
    background: rgba(255, 255, 255, .9);
    cursor: N-resize;
    border-radius: 1px;
    margin: 0
}

.mejs-controls a.mejs-horizontal-volume-slider {
    height: 26px;
    width: 56px;
    position: relative;
    display: block;
    float: left;
    vertical-align: middle
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
    position: absolute;
    left: 0;
    top: 11px;
    width: 50px;
    height: 8px;
    margin: 0;
    padding: 0;
    font-size: .0625rem;
    border-radius: 2px;
    background: #333;
    background: rgba(50, 50, 50, .8);
    background: linear-gradient(rgba(30, 30, 30, .8), rgba(60, 60, 60, .8))
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
    position: absolute;
    left: 0;
    top: 11px;
    width: 50px;
    height: 8px;
    margin: 0;
    padding: 0;
    font-size: .0625rem;
    border-radius: 2px;
    background: #fff;
    background: rgba(255, 255, 255, .8);
    background: linear-gradient(rgba(255, 255, 255, .9), rgba(200, 200, 200, .8))
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
    display: none
}

.mejs-controls .mejs-captions-button {
    position: relative
}

.mejs-controls .mejs-captions-button button {
    background-position: -48px 0
}

.mejs-controls .mejs-captions-button .mejs-captions-selector {
    visibility: hidden;
    position: absolute;
    bottom: 26px;
    right: -51px;
    width: 85px;
    height: 100px;
    background: url(../Images/mediaelementjs/background.png);
    background: rgba(50, 50, 50, .7);
    border: solid 1px transparent;
    padding: 10px 10px 0;
    overflow: hidden;
    border-radius: 0
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul {
    margin: 0;
    padding: 0;
    display: block;
    list-style-type: none !important;
    overflow: hidden
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li {
    margin: 0 0 6px;
    padding: 0;
    list-style-type: none !important;
    display: block;
    color: #fff;
    overflow: hidden
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input {
    clear: both;
    float: left;
    margin: 3px 3px 0 5px
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {
    width: 55px;
    float: left;
    padding: 4px 0 0;
    line-height: 15px;
    font-family: helvetica, arial;
    font-size: .625rem
}

.mejs-controls .mejs-captions-button .mejs-captions-translations {
    font-size: .625rem;
    margin: 0 0 5px
}

.mejs-chapters {
    position: absolute;
    top: 0;
    left: 0;
    -xborder-right: solid 1px #fff;
    width: 10000px;
    z-index: 1
}

.mejs-chapters .mejs-chapter {
    position: absolute;
    float: left;
    background: #222;
    background: rgba(0, 0, 0, .7);
    background: linear-gradient(rgba(50, 50, 50, .7), rgba(0, 0, 0, .7));
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232, endColorstr=#000000);
    overflow: hidden;
    border: 0
}

.mejs-chapters .mejs-chapter .mejs-chapter-block {
    font-size: .6875rem;
    color: #fff;
    padding: 5px;
    display: block;
    border-right: solid 1px #333;
    border-bottom: solid 1px #333;
    cursor: pointer
}

.mejs-chapters .mejs-chapter .mejs-chapter-block-last {
    border-right: none
}

.mejs-chapters .mejs-chapter .mejs-chapter-block:hover {
    background: #666;
    background: rgba(102, 102, 102, .7);
    background: linear-gradient(rgba(102, 102, 102, .7), rgba(50, 50, 50, .6));
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666, endColorstr=#323232)
}

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title {
    font-size: .75rem;
    font-weight: 700;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0 0 3px;
    line-height: 12px
}

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan {
    font-size: .75rem;
    line-height: 12px;
    margin: 3px 0 4px;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis
}

.mejs-captions-layer {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    line-height: 20px;
    font-size: 1rem;
    color: #fff
}

.mejs-captions-layer a {
    color: #fff;
    text-decoration: underline
}

.mejs-captions-layer[lang=ar] {
    font-size: 1.25rem;
    font-weight: 400
}

.mejs-captions-position {
    position: absolute;
    width: 100%;
    bottom: 15px;
    left: 0
}

.mejs-captions-position-hover {
    bottom: 35px
}

.mejs-captions-text {
    padding: 3px 5px;
    background: url(../Images/mediaelementjs/background.png);
    background: rgba(20, 20, 20, .5);
    white-space: pre-wrap
}

.me-cannotplay a {
    color: #fff;
    font-weight: 700
}

.me-cannotplay span {
    padding: 15px;
    display: block
}

.mejs-controls .mejs-loop-off button {
    background-position: -64px -16px
}

.mejs-controls .mejs-loop-on button {
    background-position: -64px 0
}

.mejs-controls .mejs-backlight-off button {
    background-position: -80px -16px
}

.mejs-controls .mejs-backlight-on button {
    background-position: -80px 0
}

.mejs-controls .mejs-picturecontrols-button {
    background-position: -96px 0
}

.mejs-contextmenu {
    position: absolute;
    width: 150px;
    padding: 10px;
    border-radius: 4px;
    top: 0;
    left: 0;
    background: #fff;
    border: solid 1px #999;
    z-index: 1001
}

.mejs-contextmenu .mejs-contextmenu-separator {
    height: 1px;
    font-size: 0;
    margin: 5px 6px;
    background: #333
}

.mejs-contextmenu .mejs-contextmenu-item {
    font-family: Helvetica, Arial;
    font-size: .75rem;
    padding: 4px 6px;
    cursor: pointer;
    color: #333
}

.mejs-contextmenu .mejs-contextmenu-item:hover {
    background: #2c7c91;
    color: #fff
}

.mejs-controls .mejs-sourcechooser-button {
    position: relative
}

.mejs-controls .mejs-sourcechooser-button button {
    background-position: -128px 0
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector {
    visibility: hidden;
    position: absolute;
    bottom: 26px;
    right: -10px;
    width: 130px;
    height: 100px;
    background: url(../Images/mediaelementjs/background.png);
    background: rgba(50, 50, 50, .7);
    border: solid 1px transparent;
    padding: 10px;
    overflow: hidden;
    border-radius: 0
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul {
    margin: 0;
    padding: 0;
    display: block;
    list-style-type: none !important;
    overflow: hidden
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li {
    margin: 0 0 6px;
    padding: 0;
    list-style-type: none !important;
    display: block;
    color: #fff;
    overflow: hidden
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input {
    clear: both;
    float: left;
    margin: 3px 3px 0 5px
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label {
    width: 100px;
    float: left;
    padding: 4px 0 0;
    line-height: 15px;
    font-family: helvetica, arial;
    font-size: .625rem
}

.mejs-postroll-layer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../Images/mediaelementjs/background.png);
    background: rgba(50, 50, 50, .7);
    z-index: 1000;
    overflow: hidden
}

.mejs-postroll-layer-content {
    width: 100%;
    height: 100%
}

.mejs-postroll-close {
    position: absolute;
    right: 0;
    top: 0;
    background: url(../Images/mediaelementjs/background.png);
    background: rgba(50, 50, 50, .7);
    color: #fff;
    padding: 4px;
    z-index: 100;
    cursor: pointer
}

div.mejs-speed-button {
    width: 46px !important;
    position: relative
}

.mejs-controls .mejs-button.mejs-speed-button button {
    background: transparent;
    width: 36px;
    font-size: .6875rem;
    line-height: normal;
    color: #fff
}

.mejs-controls .mejs-speed-button .mejs-speed-selector {
    visibility: hidden;
    position: absolute;
    top: -100px;
    left: -10px;
    width: 60px;
    height: 100px;
    background: url(../Images/mediaelementjs/background.png);
    background: rgba(50, 50, 50, .7);
    border: solid 1px transparent;
    padding: 0;
    overflow: hidden;
    border-radius: 0
}

.mejs-controls .mejs-speed-button:hover > .mejs-speed-selector {
    visibility: visible
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label.mejs-speed-selected {
    color: #21f8f8
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul {
    margin: 0;
    padding: 0;
    display: block;
    list-style-type: none !important;
    overflow: hidden
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li {
    margin: 0 0 6px;
    padding: 0 10px;
    list-style-type: none !important;
    display: block;
    color: #fff;
    overflow: hidden
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li input {
    clear: both;
    float: left;
    margin: 3px 3px 0 5px;
    display: none
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label {
    width: 60px;
    float: left;
    padding: 4px 0 0;
    line-height: 15px;
    font-family: helvetica, arial;
    font-size: .6875rem;
    color: white;
    margin-left: 5px;
    cursor: pointer
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li:hover {
    background-color: #c8c8c8 !important;
    background-color: rgba(255, 255, 255, .4) !important
}

.mejs-controls .mejs-button.mejs-skip-back-button {
    background: transparent url(../Images/mediaelementjs/skipback.png) no-repeat;
    background-position: 3px 3px
}

.mejs-controls .mejs-button.mejs-skip-back-button button {
    background: transparent;
    font-size: .5625rem;
    line-height: normal;
    color: #fff
}

.videobox {
    position: relative
}

.videobox .open-modal {
    border-left: 5px solid #5b2182;
    display: block;
    position: relative
}

.videobox .icon {
    background-color: rgba(255, 255, 255, .85);
    border-radius: 43px;
    color: #5b2182;
    font-size: 3rem;
    height: 86px;
    left: 50%;
    margin-left: -43px;
    margin-top: -43px;
    position: absolute;
    top: 50%;
    transition: all .2s cubic-bezier(.44, 1.01, 1, 1);
    width: 86px
}

.videobox .icon:before {
    margin-left: -18px;
    margin-top: -22px
}

.videobox:hover .icon {
    background-color: rgba(255, 255, 255, .95);
    color: #f69c00
}

.videobox__headline {
    border-left: 5px solid #f69c00;
    color: #5b2182;
    font-family: OfficinaSans-Book, serif;
    font-size: 1.125rem;
    line-height: 1.25rem;
    margin-bottom: 5px;
    margin-left: 0;
    padding: 6px 0 5px 15px
}

.videobox__preview {
    height: auto;
    max-width: 100%;
    width: 100%
}

.video-layer {
    display: inline-block;
    overflow: hidden;
    position: relative
}

.video-layer .component[data-component="layer/modal"] {
    z-index: 0
}

.active-modal .component[data-component="layer/modal"] {
    opacity: 1;
    visibility: visible
}

.component[data-component="layer/modal"] {
    margin: auto;
    opacity: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    position: fixed;
    text-align: center;
    transition: opacity .35s ease 0s;
    visibility: hidden;
    width: 100%;
    z-index: -1
}

.component[data-component="layer/modal"].active {
    background: transparent url(../Images/menu_overlay.png);
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: 1;
    right: 0;
    top: 0;
    visibility: visible;
    width: 100%;
    z-index: 9999
}

.component[data-component="layer/modal"] [data-element="content-container"] {
    background-color: transparent;
    height: 100%;
    min-height: 100%
}

.component[data-component="layer/modal"] > [data-element="content-container"] {
    display: inline-block;
    position: relative;
    text-align: left;
    vertical-align: middle;
    width: 100%;
    z-index: 10000
}

.component[data-component="layer/modal"] .background {
    height: 100%;
    position: absolute !important;
    width: 100%
}

.component[data-component="layer/modal"] .content {
    height: 100% !important;
    height: 1px;
    min-height: 100%;
    overflow-y: visible
}

.close-modal {
    background-color: rgba(0, 0, 0, .4);
    border-radius: 50%;
    color: #fff;
    height: 52px;
    padding: 14px 5px;
    position: absolute;
    right: 25px;
    text-align: center;
    top: 25px;
    transition: all .35s ease 0s;
    width: 52px;
    z-index: 9999
}

.close-modal:hover {
    background-color: rgba(0, 0, 0, .8)
}

.asset[data-asset=video] {
    overflow: hidden;
    padding-top: 56.25%;
    position: relative;
    width: 100%;
    z-index: 0
}

.asset[data-asset=video] .mejs-container {
    height: 100% !important;
    position: absolute;
    top: 0;
    width: 100%
}

.asset[data-asset=video] video {
    display: block;
    height: 100%;
    max-width: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

.device-desktop .component[data-component="layer/modal"] .background {
    display: none
}

.no-phone .video-layer .component[data-component="layer/modal"].active {
    opacity: 1;
    visibility: visible
}

@media (min-width: 768px) {
    .component[data-component="layer/modal"] .limitHeight {
        bottom: 0;
        overflow: hidden;
        position: absolute;
        top: 0;
        width: 100%
    }
}

@media (min-width: 768px) {
    .component[data-component="layer/modal"] .limitHeight .huge {
        display: table;
        height: 10000px;
        margin: -5000px auto 0;
        position: absolute;
        top: 50%;
        width: 100%
    }
}

@media (min-width: 768px) {
    .component[data-component="layer/modal"] .limitHeight .huge > * {
        display: table-cell;
        float: none;
        vertical-align: middle;
        width: 100%
    }
}

.slick-slider {
    box-sizing: border-box;
    display: block;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.slick-list {
    display: block;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: hand
}

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    display: block;
    left: 0;
    position: relative;
    top: 0
}

.slick-track:before, .slick-track:after {
    content: '';
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    border: 1px solid transparent;
    display: block;
    height: auto
}

.slick-arrow.slick-hidden {
    display: none
}

.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image {
    border: 0;
    margin: 0;
    outline: none;
    padding: 0;
    vertical-align: top
}

.fancybox-wrap {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 8020
}

.fancybox-wrap iframe, .fancybox-wrap object {
    border: 0;
    margin: 0;
    outline: none;
    padding: 0;
    vertical-align: top
}

.fancybox-tmp {
    border: 0;
    left: -99999px;
    margin: 0;
    max-height: 99999px;
    max-width: 99999px;
    outline: none;
    overflow: visible !important;
    padding: 0;
    position: absolute;
    top: -99999px;
    vertical-align: top;
    visibility: hidden
}

.fancybox-skin {
    background: #f9f9f9;
    border-radius: 4px;
    color: #444;
    position: relative;
    text-shadow: none
}

.fancybox-outer {
    position: relative
}

.fancybox-inner {
    overflow: hidden;
    position: relative
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap
}

.fancybox-image, .fancybox-iframe {
    display: block;
    height: 100%;
    width: 100%
}

.fancybox-image {
    max-height: 100%;
    max-width: 100%
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url(../Images/fancybox/fancybox_sprite.png)
}

#fancybox-loading {
    background-position: 0 -108px;
    cursor: pointer;
    left: 50%;
    margin-left: -22px;
    margin-top: -22px;
    opacity: .8;
    position: fixed;
    top: 50%;
    z-index: 8060
}

#fancybox-loading div {
    background: url(../Images/fancybox/fancybox_loading.gif) center center no-repeat;
    height: 44px;
    width: 44px
}

.fancybox-close {
    cursor: pointer;
    height: 36px;
    position: absolute;
    right: -18px;
    top: -18px;
    width: 36px;
    z-index: 8040
}

.fancybox-nav {
    background: transparent url(../Images/fancybox/blank.gif);
    border: 0;
    cursor: pointer;
    height: 100%;
    margin: 0;
    outline: none;
    padding: 0;
    position: absolute;
    -webkit-tap-highlight-color: transparent;
    text-decoration: none;
    top: 0;
    vertical-align: top;
    width: 40%;
    z-index: 8040
}

.fancybox-nav span {
    border: 0;
    cursor: pointer;
    height: 34px;
    margin: 0;
    margin-top: -18px;
    outline: none;
    padding: 0;
    position: absolute;
    top: 50%;
    vertical-align: top;
    visibility: hidden;
    width: 36px;
    z-index: 8040
}

.fancybox-nav:hover span {
    visibility: visible
}

.fancybox-prev {
    left: 0
}

.fancybox-prev span {
    background-position: 0 -36px;
    left: 10px
}

.fancybox-next {
    right: 0
}

.fancybox-next span {
    background-position: 0 -72px;
    right: 10px
}

.fancybox-lock {
    overflow: hidden !important;
    width: auto
}

.fancybox-lock body {
    overflow: hidden !important
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll
}

.fancybox-lock-test {
    overflow-y: hidden !important
}

.fancybox-overlay {
    background: url(../Images/fancybox/fancybox_overlay.png);
    display: none;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 8010
}

.fancybox-overlay-fixed {
    bottom: 0;
    position: fixed;
    right: 0
}

.fancybox-title {
    font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    text-shadow: none;
    visibility: hidden;
    z-index: 8050
}

.fancybox-opened {
    z-index: 8030
}

.fancybox-opened .fancybox-skin {
    box-shadow: 0 10px 25px rgba(0, 0, 0, .5)
}

.fancybox-opened .fancybox-title {
    visibility: visible
}

.fancybox-title-float-wrap {
    bottom: 0;
    margin-bottom: -35px;
    position: absolute;
    right: 50%;
    text-align: center;
    z-index: 8050
}

.fancybox-title-float-wrap .child {
    background: rgba(0, 0, 0, .8);
    border-radius: 15px;
    color: #fff;
    display: inline-block;
    font-weight: 700;
    line-height: 24px;
    margin-right: -100%;
    padding: 2px 20px;
    text-shadow: 0 1px 2px #222
}

.fancybox-title-outside-wrap {
    color: #fff;
    margin-top: 10px;
    position: relative
}

.fancybox-title-inside-wrap {
    padding-top: 10px
}

.fancybox-title-over-wrap {
    background: rgba(0, 0, 0, .8);
    bottom: 0;
    color: #fff;
    left: 0;
    padding: 10px;
    position: absolute
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
        background-image: url(../Images/fancybox/fancybox_sprite@2x.png);
        background-size: 44px 152px
    }

    #fancybox-loading div {
        background-image: url(../Images/fancybox/fancybox_loading@2x.gif);
        background-size: 24px 24px
    }
}

.news-index {
    background-color: #fff;
    font-size: 0;
    margin: -160px auto 120px;
    max-width: 1200px;
    padding: 10px 10px 0;
    position: relative;
    z-index: 1
}

.news-index .news {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 0 -5px
}

.news-index .newsteaser__item {
    border-color: #fff;
    border-style: solid;
    border-width: 0 5px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.news-index .newsteaser__item__img {
    display: block;
    width: 100%
}

.news-index .newsteaser__item__text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 15px 0 55px;
    position: relative
}

.news-index .newsteaser__item span {
    color: #f69c00;
    font-size: 1.125rem
}

.news-index .newsteaser__item p {
    color: #5b2182;
    font-family: OfficinaSans-Bold, sans-serif;
    font-size: 1.375rem;
    line-height: 1.5625rem;
    margin: 5px 0;
    max-width: 90%
}

.news-index .newsteaser__item a {
    color: #5b2182;
    text-decoration: none;
    transition: all .2s cubic-bezier(.44, 1.01, 1, 1);
    bottom: 10px;
    font-size: .9375rem;
    left: 0;
    position: absolute
}

.news-index .newsteaser__item a:link, .news-index .newsteaser__item a:visited {
    background: #d9d0e2;
    padding: .15rem .25rem .1rem
}

.news-index .newsteaser__item a:hover, .news-index .newsteaser__item a:active {
    background: #5b2182;
    color: #d9d0e2
}

@media only screen and (max-width: 40em) {
    .news-index {
        margin-bottom: 40px
    }

    .news-index .news {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .news-index .newsteaser__item {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-bottom: 25px
    }

    .news-index .newsteaser__item__text {
        padding-bottom: 40px
    }

    .news--list .news__list__item__header {
        font-size: .875rem
    }
}

.news__list__item {
    background-color: #d9d0e2;
    color: #5b2182;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: OfficinaSans-Book, serif;
    font-size: 1.125rem;
    height: 150px;
    margin-bottom: 10px;
    overflow: hidden;
    text-decoration: none;
    transition: all .2s cubic-bezier(.44, 1.01, 1, 1)
}

.news__list__item:hover {
    background-color: #5b2182;
    color: #fff
}

.news__list__item:hover .news__list__item__wrapper, .news__list__item:hover .news__list__item__header {
    color: #fff
}

.news__list__item a {
    text-decoration: none
}

.news__list__item__img {
    float: left;
    height: 150px;
    margin-right: 25px;
    width: 150px
}

.news__list__item__wrapper {
    color: #5b2182;
    font-size: 1.125rem;
    margin: 0 0 0 150px;
    padding: 10px
}

.news__list__item__meta {
    font-size: .875rem
}

.news__list__item__header {
    color: #5b2182;
    font-family: OfficinaSans-Bold, sans-serif;
    font-size: 1.25rem
}

.news__list__item__text {
    margin: 5px 0 0;
    max-width: 90%
}

.news__item__text {
    font-family: OfficinaSans-Book, serif;
    font-size: 1rem;
    line-height: 1.5rem
}

.news__item__text p {
    padding-right: 14%
}

.news__item__meta {
    margin-top: 30px
}

.news_item__meta__date, .news__item__meta__categories, .news__item__meta__author, .news__item__related__list__item {
    border-left: 5px solid #f69c00;
    color: #5b2182;
    display: block;
    font-family: OfficinaSans-Book, serif;
    font-size: 1rem;
    margin-bottom: 8px;
    padding-left: 10px
}

.news__item__related a {
    color: #5b2182;
    text-decoration: none
}

.news__item__related a:hover {
    color: #f69c00
}

.news__item__related h4 {
    color: #f69c00;
    font-family: OfficinaSans-Book, serif;
    font-size: 1.125rem
}

.news__item__related__list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.news__item__media__element {
    margin-bottom: 10px
}

.news__item__media__element a {
    color: #464646;
    text-decoration: none
}

.news__item__media__element a:hover {
    color: #f69c00
}

.news__item__caption {
    display: block;
    font-family: OfficinaSans-Book, serif;
    font-size: 1rem;
    padding-top: 5px;
    text-align: left
}

.page-navigation {
    color: #5b2182;
    font-family: OfficinaSans-Book, serif;
    margin: 20px 0;
    text-align: center
}

.page-navigation p {
    margin: 0 0 10px
}

.news--list .page-navigation:first-child {
    margin-top: 0
}

.f3-widget-paginator {
    font-size: 0;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.f3-widget-paginator li {
    color: #fff;
    display: inline-block;
    font-size: 1rem;
    height: 24px;
    line-height: 24px;
    margin: 0 4px;
    text-align: center;
    width: 24px
}

.f3-widget-paginator li.current {
    background-color: #5b2182;
    color: #fff
}

.f3-widget-paginator a {
    background-color: #d9d0e2;
    color: #5b2182;
    display: block;
    height: 24px;
    text-align: center;
    text-decoration: none;
    width: 24px
}

.f3-widget-paginator a:hover {
    background-color: #5b2182;
    color: #fff
}

.news-menu-view ul {
    list-style-type: none;
    padding-left: 30px
}

.news-menu-view ul li {
    color: #f69c00;
    font-size: 1.25rem;
    margin-bottom: 2rem
}

.news-menu-view ul ul {
    padding-left: 40px;
    padding-top: 10px
}

.news-menu-view ul ul .item {
    color: #f69c00;
    font-size: 1rem;
    margin-bottom: .25rem
}

.news-menu-view ul ul .item a {
    color: #5b2182;
    text-decoration: none;
    transition: all .2s cubic-bezier(.44, 1.01, 1, 1);
    padding-right: .25rem
}

.news-menu-view ul ul .item a:link, .news-menu-view ul ul .item a:visited {
    background: #d9d0e2;
    padding: .15rem .25rem .1rem
}

.news-menu-view ul ul .item a:hover, .news-menu-view ul ul .item a:active {
    background: #5b2182;
    color: #d9d0e2
}

.flex-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.flex-row .column, .flex-row .columns {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    float: none
}

.flex-row .small-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}

@media only screen and (min-width: 40.0625em) {
    .flex-row .medium-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%
    }
}

@media only screen and (min-width: 64.0625em) {
    .flex-row .large-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%
    }
}

.addressgroup__title {
    border-left: 0;
    font-family: OfficinaSans-Book, serif;
    margin: 0;
    padding-left: 0
}

.addressgroup__description {
    color: #5b2182;
    margin-top: 3px
}

.addressgroup__contacts {
    padding-bottom: 30px
}

.addressgroup__contact {
    margin-bottom: 20px
}

.addressgroup__contact img {
    width: 100%;
}

.addressgroup__contact__img {
    display: block;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition: all .2s cubic-bezier(.44, 1.01, 1, 1)
}

.addressgroup__contact__linkimg {
    border-left: 5px solid #f69c00;
    display: block;
    margin-bottom: 10px;
    overflow: hidden;
    transition: all .2s cubic-bezier(.44, 1.01, 1, 1)
}

.addressgroup__contact__linkimg:hover {
    border-color: #5b2182
}

.addressgroup__contact__linkimg:hover .addressgroup__contact__img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.addressgroup__contact__details {
    background: #d9d0e2;
    border-left: 5px solid #5b2182;
    color: #5b2182;
    font-family: OfficinaSans-Book, serif;
    font-size: .875rem;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    min-height: 280px;
    padding: 10px 15px;
    z-index: 1
}

.addressgroup__contact__details p {
    line-height: 1.1rem
}

.addressgroup__contact__details a {
    text-decoration: none;
    transition: all .2s cubic-bezier(.44, 1.01, 1, 1)
}

.addressgroup__contact__email {
    color: #5b2182;
    text-decoration: none
}

.addressgroup__contact__email:hover {
    color: #f69c00
}

.tx-contactlist .box__content__text .addressgroup__contact__name {
    display: inline-block;
    float: right;
    line-height: 40px
}

.addressgroup__contact__name {
    font-family: OfficinaSans-Bold, sans-serif;
    font-size: 1.125rem
}

.addressgroup__contact__name:link, .addressgroup__contact__name:visited {
    color: #5b2182
}

.addressgroup__contact__name:active, .addressgroup__contact__name:hover {
    color: #5b2182
}

.addressgroup__contact__position {
    color: #5b2182
}

.contact__img {
    border-left: 5px solid #f69c00;
    display: block;
    margin-bottom: 20px
}

.contact__details {
    background: #d9d0e2;
    border-left: 5px solid #5b2182;
    color: #5b2182;
    font-family: OfficinaSans-Book, serif;
    font-size: .875rem;
    padding: 1px 15px
}

.contact__name {
    color: #f69c00;
    font-family: OfficinaSans-Book, serif;
    font-size: 1.125rem
}

.contact__position {
    color: #f69c00
}

.contact__description {
    font-family: OfficinaSans-Book, serif;
    font-size: 1rem;
    margin-top: 20px
}

.csc-frame .tx-kesearch-pi1 form, .csc-frame .tx-kesearch-pi2 form, .csc-frame .tx-kesearch-pi3 form, .frame-default .tx-kesearch-pi1 form, .frame-default .tx-kesearch-pi2 form, .frame-default .tx-kesearch-pi3 form {
    width: 100%
}

.searchform__wrapper {
    background-color: #d9d0e2;
    border-left: 5px solid #f69c00;
    color: #5b2182;
    font-family: OfficinaSans-Book, serif;
    font-size: 1.125rem;
    overflow: hidden;
    padding: 15px;
    padding-right: 0
}

.searchform__wrapper .resetButton {
    color: #5b2182
}

.searchform__wrapper .resetButton:hover {
    color: #f69c00
}

.searchform__label {
    display: inline-block;
    width: 160px
}

.searchform__label--filter {
    margin-right: -24px
}

.searchform__sword {
    background-color: #fff;
    border: 0;
    border-left: 2px solid #5b2182;
    color: #5b2182;
    display: inline-block;
    font-family: OfficinaSans-Book, serif;
    font-size: 1.125rem;
    height: 33px;
    line-height: 33px;
    padding-left: 10px;
    transition: all 50ms linear;
    width: 270px
}

.searchform__sword:focus {
    border-left-width: 5px;
    outline: none;
    padding-left: 7px
}

.searchform__filters__filter {
    display: table;
    margin: 15px 0 0
}

.searchform__filters__filter__list {
    display: inline-block;
    list-style: none;
    margin: 0 0 0 28px;
    padding: 0
}

.searchform__filters__filter__list__item {
    display: inline-block;
    margin-right: 15px
}

.searchform__filters__filter__list__item [type=checkbox]:not(:checked), .searchform__filters__filter__list__item [type=checkbox]:checked {
    left: -9999px;
    position: absolute;
    visibility: hidden
}

.searchform__filters__filter__list__item [type=checkbox] + label {
    cursor: pointer;
    display: inline-block;
    height: 33px;
    line-height: 33px;
    padding-left: 6px;
    padding-right: 35px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.searchform__filters__filter__list__item [type=checkbox] + label:before {
    border: 2px solid #5b2182;
    content: '';
    height: 18px;
    left: -20px;
    margin-top: 7px;
    position: absolute;
    top: 0;
    transition: .2s;
    width: 18px;
    z-index: 0
}

.searchform__filters__filter__list__item [type=checkbox]:not(:checked):disabled + label {
    cursor: not-allowed;
    opacity: .5
}

.searchform__filters__filter__list__item [type=checkbox]:not(:checked):disabled + label:before {
    background-color: rgba(0, 0, 0, .26);
    border: 0
}

.searchform__filters__filter__list__item [type=checkbox]:checked + label:before {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-bottom: 2px solid #f69c00;
    border-left: 2px solid transparent;
    border-right: 2px solid #f69c00;
    border-top: 2px solid transparent;
    height: 22px;
    left: -34px;
    top: -4px;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    width: 12px
}

.searchform__filters__filter__list__item [type=checkbox]:checked + label {
    color: #f69c00
}

.searchform__filters__filter__list__item [type=checkbox]:checked:disabled + label:before {
    border-bottom: 2px solid rgba(0, 0, 0, .26);
    border-right: 2px solid rgba(0, 0, 0, .26)
}

.searchform__filters__filter__list__item:last-child label {
    padding-right: 0
}

.searchform__resultcount {
    color: #5b2182;
    font-family: OfficinaSans-Book, serif;
    font-size: 1.125rem;
    padding: 25px 0 15px
}

.searchform__results {
    margin-top: 15px
}

.searchform__results .general-message img {
    display: none
}

.searchform__result {
    margin-bottom: 25px
}

.kesearch_btn {
    margin-top: 25px
}

.searchform__result__title {
    color: #5b2182;
    display: block;
    font-family: OfficinaSans-Book, serif;
    font-size: 1.125rem;
    height: 36px;
    line-height: 36px;
    margin: 0 0 5px;
    max-width: 100%;
    position: relative
}

.searchform__result__title a {
    color: #f69c00;
    display: block;
    font-family: OfficinaSans-Book, serif;
    overflow: hidden;
    padding-left: 51px;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap
}

.searchform__result__title a .hit {
    background-color: rgba(246, 156, 0, .1)
}

.searchform__result__title a:hover {
    color: #5b2182
}

.searchform__result__title__icon {
    background-color: #f69c00;
    color: #fff;
    display: inline-block;
    font-family: icomoon;
    font-size: 1.313rem;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    height: 36px;
    left: 0;
    line-height: 1;
    position: absolute;
    speak: none;
    text-transform: none;
    top: 0;
    width: 36px
}

.searchform__result__title__icon:before {
    left: 50%;
    margin-left: -11px;
    margin-top: -12px;
    position: absolute;
    top: 50%
}

.searchform__result__title__icon--doc_download:before {
    content: '\e620'
}

.searchform__result__title__icon--tt_address:before {
    content: '\e61e'
}

.searchform__result__title__icon--news:before {
    content: '\e61f'
}

.searchform__result__title__icon--page:before, .searchform__result__title__icon--content:before {
    content: '\e625';
    margin-left: -7px;
    margin-top: -10px
}

.searchform__result__teaser {
    background: #d9d0e2;
    border-left: 5px solid #5b2182;
    color: #5b2182;
    font-size: 1rem;
    padding: 15px 15px 10px;
    z-index: 1
}

.searchform__result__teaser .hit {
    background-color: #5b2182;
    color: #fff
}

.searchform__result__teaser__meta {
    display: block;
    font-size: .875rem;
    padding-top: 5px
}

.searchform__pager {
    font-family: OfficinaSans-Book, serif;
    padding: 15px 0 0
}

.searchform__pager__text {
    color: #5b2182;
    font-size: 1.125rem
}

.searchform__pager__items {
    font-size: 0;
    list-style-type: none;
    margin: 0 0 0 -4px;
    padding: 15px 0 0
}

.searchform__pager__items ul {
    padding-left: 0
}

.searchform__pager__items ul li {
    display: inline-block
}

.searchform__pager__items ul li .prev, .searchform__pager__items ul li .next {
    width: 5rem
}

.searchform__pager__items:after {
    clear: both;
    content: '';
    display: block
}

.searchform__pager__items a {
    background-color: #d9d0e2;
    color: #5b2182;
    display: inline-block;
    font-size: 1rem;
    height: 24px;
    line-height: 24px;
    margin: 0 4px;
    text-align: center;
    text-decoration: none;
    width: 24px
}

.searchform__pager__items a.current, .searchform__pager__items a:hover {
    background-color: #5b2182;
    color: #fff
}

.download-form {
    background-color: #d9d0e2;
    border-left: 5px solid #f69c00;
    color: #5b2182;
    font-family: OfficinaSans-Book, serif;
    font-size: 1.125rem;
    overflow: hidden;
    padding: 15px;
    padding-right: 0
}

.download-form__row {
    margin-bottom: 15px
}

.download-form__row label {
    display: inline-block;
    width: 160px
}

.download-form__row input, .download-form__row select {
    background-color: #fff;
    border: 0;
    border-left: 2px solid #5b2182;
    border-radius: 0;
    color: #5b2182;
    display: inline-block;
    font-family: OfficinaSans-Book, serif;
    font-size: 1.125rem;
    height: 33px;
    line-height: 33px;
    padding-left: 10px;
    transition: all 50ms linear;
    width: 270px
}

.download-form__row input:focus, .download-form__row select:focus {
    border-left-width: 5px;
    outline: none;
    padding-left: 7px
}

.download-results__hits {
    color: #5b2182;
    font-family: OfficinaSans-Book, serif;
    font-size: 1.125rem;
    padding: 25px 0 15px
}

.download-result {
    margin-bottom: 15px
}

.download-result h3 {
    color: #5b2182;
    margin-bottom: 5px
}

.download-result__list {
    list-style: none;
    margin: 0;
    padding: 0
}

.download-result__list li {
    color: #5b2182;
    display: block;
    font-family: OfficinaSans-Book, serif;
    font-size: 1.125rem;
    height: 36px;
    line-height: 36px;
    margin: 0 0 15px;
    max-width: 100%;
    position: relative
}

.download-result__list a {
    color: #f69c00;
    display: block;
    font-family: OfficinaSans-Book, serif;
    padding-left: 51px;
    text-decoration: none
}

.download-result__list a:hover {
    color: #5b2182
}

.download-result__icon {
    background-color: #f69c00;
    color: #fff;
    display: inline-block;
    font-family: icomoon;
    font-size: 1.313rem;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    height: 36px;
    left: 0;
    line-height: 1;
    position: absolute;
    speak: none;
    text-transform: none;
    top: 0;
    width: 36px
}

.download-result__icon:before {
    content: '\e620';
    left: 50%;
    margin-left: -11px;
    margin-top: -12px;
    position: absolute;
    top: 50%
}

.download-item {
    font-family: OfficinaSans-Book, serif
}

.download-item img {
    box-shadow: 2px 3px 6px rgba(0, 0, 0, .3);
    margin-bottom: 15px;
    position: relative
}

.download-item__shipper a {
    color: #5b2182;
    text-decoration: none;
    transition: all .2s cubic-bezier(.44, 1.01, 1, 1)
}

.download-item__shipper a:link, .download-item__shipper a:visited {
    background: #d9d0e2;
    padding: .15rem .25rem .1rem
}

.download-item__shipper a:hover, .download-item__shipper a:active {
    background: #5b2182;
    color: #d9d0e2
}

.tx-doc-download .box--linklist a {
    padding-right: 10px
}

.events__month {
    color: #5b2182
}

.event-item {
    margin-bottom: 30px
}

.event-item__header {
    border-left: 5px solid #f69c00;
    color: #f69c00;
    display: block;
    font-family: OfficinaSans-Book, serif;
    font-size: 1.125rem;
    line-height: 1.375rem;
    margin: 0 0 5px;
    max-width: 100%;
    padding: 6px 0 5px 15px;
    text-decoration: none
}

.event-item__content {
    background: #d9d0e2;
    border-left: 5px solid #5b2182;
    color: #5b2182;
    font-size: .9375rem;
    padding: 10px 15px;
    z-index: 1
}

.event-item__person, .event-item__user {
    display: block;
    margin-top: 10px
}

.event-item__user {
    font-family: OfficinaSans-Book, serif;
    font-size: 1rem
}

.event-searchform {
    background-color: #d9d0e2;
    border-left: 5px solid #f69c00;
    color: #5b2182;
    font-family: OfficinaSans-Book, serif;
    font-size: 1.125rem;
    margin-bottom: 45px;
    overflow: hidden;
    padding: 15px;
    padding-right: 0
}

.event-searchform label {
    display: inline-block;
    width: 140px
}

.event-searchform input, .event-searchform select {
    background-color: #fff;
    border: 0;
    border-left: 2px solid #5b2182;
    color: #5b2182;
    display: inline-block;
    font-family: OfficinaSans-Book, serif;
    font-size: 1.125rem;
    height: 33px;
    line-height: 33px;
    padding-left: 10px;
    transition: all 50ms linear
}

.event-searchform input:focus, .event-searchform select:focus {
    border-left-width: 5px;
    outline: none;
    padding-left: 7px
}

.event-searchform__input--large {
    width: 85%
}

.event-searchform__input--medium {
    width: 140px
}

.event-searchform__input--small {
    width: 75px
}

.event-searchform .columns > div {
    margin-bottom: 15px
}

.event-pager {
    font-size: 0;
    list-style-type: none;
    margin: 0 0 0 -4px;
    padding: 15px 0 0
}

.event-pager span, .event-pager a {
    background-color: #d9d0e2;
    color: #5b2182;
    display: inline-block;
    font-size: 1rem;
    height: 24px;
    line-height: 24px;
    margin: 0 4px;
    text-align: center;
    text-decoration: none;
    width: 24px
}

.event-pager span.current, .event-pager span:hover, .event-pager a.current, .event-pager a:hover {
    background-color: #5b2182;
    color: #fff
}

.event .row {
    margin-bottom: 15px
}

.event .et_event_LINK a {
    color: #5b2182;
    text-decoration: none;
    transition: all .2s cubic-bezier(.44, 1.01, 1, 1)
}

.event .et_event_LINK a:link, .event .et_event_LINK a:visited {
    background: #d9d0e2;
    padding: .15rem .25rem .1rem
}

.event .et_event_LINK a:hover, .event .et_event_LINK a:active {
    background: #5b2182;
    color: #d9d0e2
}

.event .et_event_LINK a:after {
    content: '\ea7e';
    font-family: icomoon;
    font-size: 1rem;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    padding-left: 5px;
    speak: none;
    text-transform: none
}

.event-actions {
    font-size: 0
}

.event-actions__link {
    background: #5b2182;
    color: #fff;
    display: inline-block;
    font-family: icomoon;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    height: 41px;
    line-height: 1;
    margin-right: 4px;
    overflow: hidden;
    position: relative;
    speak: none;
    text-decoration: none;
    text-transform: none;
    transition: all .2s cubic-bezier(.44, 1.01, 1, 1);
    width: 41px
}

.event-actions__link:hover {
    opacity: .8
}

.event-actions__link:after {
    font-size: 1.75rem;
    left: 6px;
    position: absolute;
    top: 6px
}

.event-actions__link--download:after {
    content: '\e607';
    top: 7px
}

.event-actions__link--mail:after {
    content: '\e606'
}

.event-actions__link--facebook {
    background-color: #3a5897
}

.event-actions__link--facebook:after {
    content: '\ea8c';
    left: 3px;
    top: 4px
}

.event-actions__link--twitter {
    background-color: #00acec
}

.event-actions__link--twitter:after {
    content: '\ea91'
}

.social_share_privacy_area {
    clear: both;
    display: block;
    height: 25px;
    list-style-type: none;
    margin: 40px 0 25px;
    padding: 0;
    width: auto
}

.social_share_privacy_area .dummy_btn {
    cursor: pointer;
    float: left;
    height: inherit;
    margin: 0 20px 0 10px;
    padding: 0
}

.social_share_privacy_area .dummy_btn .privacy_dummy {
    vertical-align: bottom
}

.social_share_privacy_area .dummy_btn iframe {
    border-style: none;
    height: inherit;
    overflow: hidden;
    vertical-align: bottom;
    width: inherit
}

.social_share_privacy_area li {
    display: inline-block;
    float: left;
    height: 21px;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.social_share_privacy_area .help_info {
    position: relative
}

.social_share_privacy_area .help_info .info {
    background-color: #d9d0e2;
    border: 1px solid #5b2182;
    bottom: 35px;
    color: #5b2182;
    display: none;
    font-family: OfficinaSans-Book, serif;
    font-size: 1rem;
    left: 0;
    margin: 0;
    padding: 15px 20px;
    position: absolute;
    text-align: left;
    width: 310px;
    z-index: 500
}

.social_share_privacy_area .help_info.display .info {
    display: block
}

.social_share_privacy_area .help_info.icon {
    background: #fff url(../Images/socialshareprivacy/socialshareprivacy_info.png) no-repeat center center scroll;
    border: 2px solid #5b2182;
    display: inline-block;
    height: 25px;
    margin: 0;
    padding: 0;
    position: relative;
    vertical-align: top;
    width: 25px
}

.social_share_privacy_area .switch {
    background: transparent url(../Images/socialshareprivacy/socialshareprivacy_on_off.png) no-repeat 0 0 scroll;
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 12px;
    margin: 4px 0 0;
    overflow: hidden;
    padding: 0;
    text-indent: -9999em;
    width: 23px
}

.social_share_privacy_area .switch.on {
    background-position: 0 -12px
}

.social_share_privacy_area .facebook .fb_like {
    margin-right: 30px;
    width: 80px
}

.social_share_privacy_area .facebook iframe {
    height: 30px;
    width: 130px
}

.social_share_privacy_area .fbshare {
    margin-right: 30px;
    width: 80px
}

.social_share_privacy_area .tweet {
    width: 80px
}

.social_share_privacy_area .twitter iframe {
    height: 20px;
    width: 120px
}

.social_share_privacy_area .whatsapp {
    display: none
}

.social_share_privacy_area .settings_info {
    display: none
}

@media only screen and (max-width: 40em) {
    .social_share_privacy_area li {
        margin-bottom: 1.5rem
    }

    .social_share_privacy_area .whatsapp {
        display: block
    }
}

.cc_banner-wrapper {
    z-index: 9001;
    position: relative
}

.cc_container .cc_btn {
    cursor: pointer;
    text-align: center;
    font-size: .6em;
    transition: font-size 200ms;
    line-height: 1em
}

.cc_container .cc_message {
    font-size: .6em;
    transition: font-size 200ms;
    margin: 0;
    padding: 0;
    line-height: 1.5em
}

.cc_container .cc_logo {
    display: none;
    text-indent: -1000px;
    overflow: hidden;
    width: 100px;
    height: 22px;
    background-size: cover;
    background-image: url(https://s3-eu-west-1.amazonaws.com/assets.cookieconsent.silktide.com/cookie-consent-logo.png);
    opacity: .9;
    transition: opacity 200ms
}

.cc_container .cc_logo:hover, .cc_container .cc_logo:active {
    opacity: 1
}

@media screen and (min-width: 500px) {
    .cc_container .cc_btn {
        font-size: .8em
    }

    .cc_container .cc_message {
        font-size: .8em
    }
}

@media screen and (min-width: 768px) {
    .cc_container .cc_btn {
        font-size: 1em
    }

    .cc_container .cc_message {
        font-size: 1em;
        line-height: 1em
    }
}

@media screen and (min-width: 992px) {
    .cc_container .cc_message {
        font-size: 1em
    }
}

@media print {
    .cc_banner-wrapper, .cc_container {
        display: none
    }
}

.cc_container {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    padding: 10px
}

.cc_container .cc_btn {
    padding: 8px 10px;
    background-color: #f1d600;
    cursor: pointer;
    transition: font-size 200ms;
    text-align: center;
    font-size: .6em;
    display: block;
    width: 33%;
    margin-left: 10px;
    float: right;
    max-width: 120px
}

.cc_container .cc_message {
    transition: font-size 200ms;
    font-size: .6em;
    display: block
}

@media screen and (min-width: 500px) {
    .cc_container .cc_btn {
        font-size: .8em
    }

    .cc_container .cc_message {
        margin-top: .5em;
        font-size: .8em
    }
}

@media screen and (min-width: 768px) {
    .cc_container {
        padding: 15px 30px
    }

    .cc_container .cc_btn {
        font-size: 1em;
        padding: 8px 15px
    }

    .cc_container .cc_message {
        font-size: 1em
    }
}

@media screen and (min-width: 992px) {
    .cc_container .cc_message {
        font-size: 1em
    }
}

.cc_container {
    background: #222;
    color: #fff;
    font-size: 17px;
    font-family: Helvetica Neue Light, HelveticaNeue-Light, Helvetica Neue, Calibri, Helvetica, Arial;
    box-sizing: border-box
}

.cc_container ::-moz-selection {
    background: #ff5e99;
    color: #fff;
    text-shadow: none
}

.cc_container .cc_btn, .cc_container .cc_btn:visited {
    color: #000;
    background-color: #f1d600;
    transition: background 200ms ease-in-out, color 200ms ease-in-out, box-shadow 200ms ease-in-out;
    -webkit-transition: background 200ms ease-in-out, color 200ms ease-in-out, box-shadow 200ms ease-in-out;
    border-radius: 5px;
    -webkit-border-radius: 5px
}

.cc_container .cc_btn:hover, .cc_container .cc_btn:active {
    background-color: #fff;
    color: #000
}

.cc_container a, .cc_container a:visited {
    text-decoration: none;
    color: #31a8f0;
    transition: 200ms color
}

.cc_container a:hover, .cc_container a:active {
    color: #b2f7ff
}

@-webkit-keyframes slideUp {
    0% {
        -webkit-transform: translateY(66px);
        transform: translateY(66px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideUp {
    0% {
        -webkit-transform: translateY(66px);
        transform: translateY(66px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.cc_container, .cc_message, .cc_btn {
    animation-duration: .8s;
    -webkit-animation-duration: .8s;
    -moz-animation-duration: .8s;
    -o-animation-duration: .8s;
    -webkit-animation-name: slideUp;
    animation-name: slideUp
}

.cc_container .cc_btn, .cc_container .cc_btn:visited {
    color: #fff;
    background-color: #f69c00
}

.page--microsite header {
    height: auto !important;
    min-height: 162px
}

.page--microsite .logo {
    height: 121px;
    top: 2px;
    width: 282px
}

.page--microsite .breadcrumb {
    margin: 10px 0 15px 30px
}

.microsite {
    font-size: 0;
    margin: 80px 0 0;
    padding-left: 30px
}

.microsite__img {
    display: inline-block
}

.microsite__title {
    color: #f69c00;
    display: inline-block;
    font-family: OfficinaSans-Book, serif;
    font-size: 2.75rem;
    margin: 0;
    padding-left: 15px;
    position: relative;
    top: 20px
}

@media only screen and (max-width: 40em) {
    .microsite {
        padding-left: 15px;
        margin: 0 0 40px;
        padding-top: 60px
    }

    .microsite__title {
        font-size: 2rem;
        line-height: 2.125rem;
        padding-left: 0;
        top: 35px
    }

    .page--microsite header {
        min-height: auto
    }

    .page--microsite .logo {
        background: url(../Images/logo-signet.svg) 0 0 no-repeat;
        height: 0;
        padding: 40px 26px;
        top: 23px;
        width: 0
    }
}

.zoom-1 {
    font-size: 110%
}

.zoom-2 {
    font-size: 120%
}

.contrast body {
    color: #000
}

.contrast .popup, .contrast .slider__item__content, .contrast .headpic__content {
    background: #5b2182;
    border-color: #fff
}

.contrast .box__content {
    background: #fafafa;
    color: #000
}

.contrast .content p > a {
    color: #000;
    text-decoration: none;
    transition: all .2s cubic-bezier(.44, 1.01, 1, 1)
}

.contrast .content p > a:link, .contrast .content p > a:visited {
    background: #ededed;
    padding: .15rem .25rem .1rem
}

.contrast .content p > a:hover, .contrast .content p > a:active {
    background: #000;
    color: #ededed
}

.contrast footer address a, .contrast footer .nav a {
    color: #000;
    text-decoration: none;
    transition: all .2s cubic-bezier(.44, 1.01, 1, 1)
}

.contrast footer address a:link, .contrast footer address a:visited, .contrast footer .nav a:link, .contrast footer .nav a:visited {
    background: #ededed;
    padding: .15rem .25rem .1rem
}

.contrast footer address a:hover, .contrast footer address a:active, .contrast footer .nav a:hover, .contrast footer .nav a:active {
    background: #000;
    color: #ededed
}

.iphone.landscape body {
    font-size: .875rem;
    line-height: 1.127rem
}

.iphone.landscape h1 {
    font-size: 1.625rem;
    line-height: 2.093rem;
    margin-bottom: 0
}

.iphone.landscape h2 {
    font-size: 1rem;
    line-height: 1.288rem
}

.iphone.landscape h3 {
    font-size: 1rem;
    line-height: 1.288rem;
    margin: 1.25rem 0 .5rem
}

.iphone.landscape h3.sectiontitle {
    font-size: 1.125rem;
    margin-bottom: 5px
}

.iphone.landscape h4 {
    font-size: .875rem;
    line-height: 1.127rem
}

.iphone.landscape .breadcrumb {
    bottom: 5px;
    left: 0;
    margin: 0;
    max-width: auto;
    position: absolute
}

.iphone.landscape .breadcrumb__home {
    background-size: 90%
}

.iphone.landscape .breadcrumb__itemlist {
    font-size: .875rem
}

.iphone.landscape .breadcrumb__itemlist li {
    display: inline
}

.iphone.landscape .headpic__content__container {
    margin: 0
}

.iphone.landscape .headpic__content {
    background-color: #5b2182;
    border: 0;
    font-size: 1rem;
    min-height: inherit;
    position: static;
    width: 100%
}

.iphone.landscape .headpic__content span {
    display: block;
    padding: 7px 10px 5px;
    position: static
}

.iphone.landscape .topnav__item--search .trigger, .iphone.landscape .topnav__item--settings .trigger {
    background-size: 70%;
    width: 33px
}

.iphone.landscape .nav--main {
    background-color: #fff;
    display: block;
    overflow: hidden;
    padding: 10px 5px 0
}

.iphone.landscape .nav--main .mainnav__wrap {
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0;
    float: left;
    margin-bottom: 10px;
    width: 50%
}

.iphone.landscape .nav--main .mainnav__el__title {
    background-color: #5b2182;
    font-size: 1.125rem;
    padding-right: 5px
}

.iphone.landscape .addressgroup__contact__details {
    min-height: 120px
}

.iphone.landscape footer {
    padding: 10px;
    position: relative
}

.iphone.landscape footer .nav--extra a {
    background: transparent;
    display: block
}

.iphone.landscape footer br {
    display: block
}

.iphone.landscape footer .social {
    position: absolute;
    right: 10px;
    top: 0
}

.iphone.landscape footer .social__link {
    display: block;
    margin: 5px 0 0
}

.iphone.landscape .topnav {
    position: absolute;
    width: 100%
}

.iphone.landscape .topnav__item {
    position: static
}

.iphone.landscape .popup.popup--searchbox:after {
    left: 112px;
    width: 33px
}

.iphone.landscape .popup.popup--wide:after {
    left: 157px;
    width: 33px
}

.iphone.landscape .where {
    bottom: 4px;
    left: 0;
    margin: 0;
    position: absolute;
    z-index: -1
}

.iphone.landscape .where__img {
    display: none
}

.iphone.landscape .where__title {
    color: #464646;
    font-size: 1.125rem;
    padding-left: 10px
}

.iphone.landscape .where__area {
    color: #f69c00;
    display: inline;
    font-size: 1.125rem
}

.iphone.landscape .slider {
    margin-bottom: 20px
}

.iphone.landscape .slider__item__content__container {
    margin: 0
}

.iphone.landscape .slider__item__content {
    border: 0;
    display: block;
    font-size: 1rem;
    height: auto;
    line-height: inherit;
    position: static;
    text-align: right;
    width: 100%
}

.iphone.landscape .slider__item__content span {
    display: block;
    padding: 7px 10px 5px;
    position: static
}

.iphone.landscape .slider__nav__container {
    margin: 0 0 0 10px
}

.iphone.landscape .slider__nav {
    font-size: 1rem;
    width: 100%
}

.iphone.landscape .slider__nav__items {
    width: 90%
}

.iphone.landscape .contentgrid {
    margin: 0
}

.iphone.landscape .row--fullwidth {
    margin: 30px 0
}

.iphone.landscape .teaser__item {
    font-size: 1rem
}

.iphone.landscape .teaser__item__text {
    width: 80%
}

.iphone.landscape .linklist__item__link {
    font-size: 1.125rem;
    height: 32px;
    line-height: 32px
}

.iphone.landscape .linklist {
    margin-top: 20px
}

.iphone.landscape .row--separated .columns:first-child {
    border: 0
}

.iphone.landscape .quotebox {
    background-color: #f3f3f3;
    padding: 10px
}

.iphone.landscape .quotebox__img {
    margin: 0 2% 0 0;
    width: 34%
}

.iphone.landscape .quotebox__quote {
    margin: 0;
    width: 64%
}

.iphone.landscape .attention {
    margin-top: 20px
}

.iphone.landscape .nav--meta {
    margin-top: 20px
}

.iphone.landscape .stage .quote {
    display: none
}

.iphone.landscape.portrait .stage .quote {
    display: block;
    padding-left: 10px
}

.iphone.landscape .csc-mailform .csc-form-element {
    width: 100%
}

.iphone.landscape .csc-mailform .csc-form-element label {
    float: none;
    width: 100%
}

.iphone.landscape .csc-mailform .csc-form-element-textline input, .iphone.landscape .csc-mailform .csc-form-element-textarea textarea {
    width: 100%
}

.iphone.landscape .news__list__item {
    position: relative
}

.iphone.landscape .news__list__item__header {
    display: block;
    padding-top: 5px;
    width: 100%
}

.iphone.landscape .news__list__item__wrapper {
    position: absolute;
    width: auto
}

.iphone.landscape .news__list__item__text {
    display: none
}

.iphone.landscape .topnav__item {
    display: none
}

.iphone.landscape .topnav__item--settings, .iphone.landscape .topnav__item--search, .iphone.landscape .topnav__item--mobile {
    display: inline-block
}

@media only screen and (max-width: 40em) {
    body {
        font-size: .875rem;
        line-height: 1.127rem
    }

    h1 {
        font-size: 1.625rem;
        line-height: 2.093rem;
        margin-bottom: 0
    }

    h2 {
        font-size: 1rem;
        line-height: 1.288rem
    }

    h3 {
        font-size: 1rem;
        line-height: 1.288rem;
        margin: 1.25rem 0 .5rem
    }

    h3.sectiontitle {
        font-size: 1.125rem;
        margin-bottom: 5px
    }

    h4 {
        font-size: .875rem;
        line-height: 1.127rem
    }

    .breadcrumb {
        bottom: 5px;
        left: 0;
        margin: 0;
        max-width: auto;
        position: absolute
    }

    .breadcrumb__home {
        background-size: 90%
    }

    .breadcrumb__itemlist {
        font-size: .875rem
    }

    .breadcrumb__itemlist li {
        display: inline
    }

    .headpic__content__container {
        margin: 0
    }

    .headpic__content {
        background-color: #5b2182;
        border: 0;
        font-size: 1rem;
        min-height: inherit;
        position: static;
        width: 100%
    }

    .headpic__content span {
        display: block;
        padding: 7px 10px 5px;
        position: static
    }

    .topnav__item--search .trigger, .topnav__item--settings .trigger {
        background-size: 70%;
        width: 33px
    }

    .nav--main {
        background-color: #fff;
        display: block;
        overflow: hidden;
        padding: 10px 5px 0
    }

    .nav--main .mainnav__wrap {
        -webkit-box-flex: 0;
        -ms-flex: 0;
        flex: 0;
        float: left;
        margin-bottom: 10px;
        width: 50%
    }

    .nav--main .mainnav__el__title {
        background-color: #5b2182;
        font-size: 1.125rem;
        padding-right: 5px
    }

    .addressgroup__contact__details {
        min-height: 120px
    }

    footer {
        padding: 10px;
        position: relative
    }

    footer .nav--extra a {
        background: transparent;
        display: block
    }

    footer br {
        display: block
    }

    footer .social {
        position: absolute;
        right: 10px;
        top: 0
    }

    footer .social__link {
        display: block;
        margin: 5px 0 0
    }

    .topnav {
        position: absolute;
        width: 100%
    }

    .topnav__item {
        position: static
    }

    .popup.popup--searchbox:after {
        left: 112px;
        width: 33px
    }

    .popup.popup--wide:after {
        left: 157px;
        width: 33px
    }

    .where {
        bottom: 4px;
        left: 0;
        margin: 0;
        position: absolute;
        z-index: -1
    }

    .where__img {
        display: none
    }

    .where__title {
        color: #464646;
        font-size: 1.125rem;
        padding-left: 10px
    }

    .where__area {
        color: #f69c00;
        display: inline;
        font-size: 1.125rem
    }

    .slider {
        margin-bottom: 20px
    }

    .slider__item__content__container {
        margin: 0
    }

    .slider__item__content {
        border: 0;
        display: block;
        font-size: 1rem;
        height: auto;
        line-height: inherit;
        position: static;
        text-align: right;
        width: 100%
    }

    .slider__item__content span {
        display: block;
        padding: 7px 10px 5px;
        position: static
    }

    .slider__nav__container {
        margin: 0 0 0 10px
    }

    .slider__nav {
        font-size: 1rem;
        width: 100%
    }

    .slider__nav__items {
        width: 90%
    }

    .contentgrid {
        margin: 0
    }

    .row--fullwidth {
        margin: 30px 0
    }

    .teaser__item {
        font-size: 1rem
    }

    .teaser__item__text {
        width: 80%
    }

    .linklist__item__link {
        font-size: 1.125rem;
        height: 32px;
        line-height: 32px
    }

    .linklist {
        margin-top: 20px
    }

    .row--separated .columns:first-child {
        border: 0
    }

    .quotebox {
        background-color: #f3f3f3;
        padding: 10px
    }

    .quotebox__img {
        margin: 0 2% 0 0;
        width: 34%
    }

    .quotebox__quote {
        margin: 0;
        width: 64%
    }

    .attention {
        margin-top: 20px
    }

    .nav--meta {
        margin-top: 20px
    }

    .stage .quote {
        display: none
    }

    .portrait .stage .quote {
        display: block;
        padding-left: 10px
    }

    .csc-mailform .csc-form-element {
        width: 100%
    }

    .csc-mailform .csc-form-element label {
        float: none;
        width: 100%
    }

    .csc-mailform .csc-form-element-textline input, .csc-mailform .csc-form-element-textarea textarea {
        width: 100%
    }

    .news__list__item {
        position: relative
    }

    .news__list__item__header {
        display: block;
        padding-top: 5px;
        width: 100%
    }

    .news__list__item__wrapper {
        position: absolute;
        width: auto
    }

    .news__list__item__text {
        display: none
    }

    .topnav__item {
        display: none
    }

    .topnav__item--settings, .topnav__item--search, .topnav__item--mobile {
        display: inline-block
    }
}

@media only screen and (max-width: 64em) {
    .stage {
        background-attachment: inherit;
        background-position: center 40%
    }

    .stage .quote {
        background-image: linear-gradient(-180deg, rgba(255, 255, 255, .7) 0, #fff 100%);
        bottom: 150px;
        color: #464646;
        font-size: 1.125rem;
        left: 0 !important;
        line-height: 1.449rem;
        margin: 0;
        padding: 10px 0 5px 40px;
        top: inherit !important;
        width: 100%
    }

    .stage .quote:after {
        display: none
    }

    .stage .quote cite {
        margin-bottom: .25rem
    }

    .stage .quote.quote--dark, .stage .quote.quote--dark a, .stage .quote.quote--dark cite {
        color: #fff
    }

    .stage .quote.quote--bright, .stage .quote.quote--bright a, .stage .quote.quote--bright cite {
        color: #5b2182
    }

    .quote {
        margin: 30px 0 30px -10px
    }

    footer {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
    .where__title {
        font-size: 1.125rem;
        line-height: 1.449rem
    }

    .where__area {
        font-size: 1.75rem;
        line-height: 2.254rem
    }

    .slider__item__content {
        bottom: -64px;
        font-size: 1.5rem;
        height: 110px;
        line-height: 1.932rem
    }

    .slider__item__content__container {
        margin: 0 10px
    }

    .slider__nav {
        font-size: 1.125rem;
        line-height: 1.449rem
    }

    .slider__nav__container {
        margin: 0 0 0 10px
    }

    .contentgrid {
        margin: 0
    }

    .row--fullwidth {
        margin: 30px 0
    }

    .quotebox__img {
        margin-left: 0;
        width: 30%
    }

    .quotebox__quote {
        margin-left: 5%;
        width: 60%
    }

    .teaser__item__text {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 75%
    }
}

@media print {
    * {
        color: #000 !important;
        border: none !important;
        box-shadow: none !important;
        background: none !important
    }

    .contentgrid {
        margin-top: 40px
    }

    .contentgrid a {
        text-decoration: underline !important
    }

    .row {
        margin-bottom: 10px;
        margin-top: 10px
    }

    .breadcrumb {
        margin-top: 20px
    }

    .breadcrumb__itemlist {
        font-size: 1rem
    }

    .topnav, .social, .nav--meta {
        display: none
    }

    .headpic__content__container {
        margin: 0
    }

    .headpic__content {
        background: none;
        border: 0;
        color: #000;
        font-size: 1rem;
        min-height: inherit;
        position: static;
        width: 100%
    }

    .headpic__content span {
        display: block;
        padding: 7px 10px 5px;
        position: static
    }
}
.devfix {
    position: fixed;
    top: 0;
    right: 10px;
    z-index: 22 !important;
    font-size: 2vw;
    color: red
}
.autoheight  {
    height: auto !important;
}
.autoheight .newsteaser__item  {
    height: 100% !important;
}