@charset "UTF-8";
@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600&display=swap);
/*!
 * This is the Mercury template for OpenCms, created by Alkacon Software
 */

/*!
 * This is the Mercury template for OpenCms, created by Alkacon Software
 */

/*!
 * Mercury includes parts of Bootstrap 4.
 * Copyright (c) 2011-2019 Twitter, Inc.
 * Copyright (c) 2011-2019 The Bootstrap Authors
 * https://github.com/twbs/bootstrap/blob/master/LICENSE
 */

*,
::after,
::before {
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

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

body {
    margin: 0;
    font-family: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 1.4;
    color: #525252;
    text-align: left;
    background-color: #fff
}

[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0 !important
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 1.5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
	line-height: 24px;
	color: #215768;
}

abbr[data-original-title],
abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

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

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

dt {
    font-weight: 600
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: 600
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #2f5497;
    text-decoration: none;
    background-color: transparent
}

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

a:not([href]):not([class]) {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

code,
kbd,
pre,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle;
    border-style: none
}

svg {
    overflow: hidden;
    vertical-align: middle
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
    cursor: pointer
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

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

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

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

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none !important
}

code {
    font-size: 87.5%;
    color: #000;
    word-wrap: break-word
}

a>code {
    color: inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #212529;
    border-radius: .2rem
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 600
}

pre {
    display: block;
    font-size: 87.5%;
    color: #212529
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:552px) {
    .container,
    .container-sm {
        max-width: 540px
    }
}

@media (min-width:764px) {
    .container,
    .container-md,
    .container-sm {
        max-width: 744px
    }
}

@media (min-width:1014px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 992px
    }
}

@media (min-width:1200px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1170px
    }
}

.row,
.row-tile {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
	padding-bottom: 100px;
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.row-cols-1>* {
    flex: 0 0 100%;
    max-width: 100%
}

.row-cols-2>* {
    flex: 0 0 50%;
    max-width: 50%
}

.row-cols-3>* {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
}

.row-cols-4>* {
    flex: 0 0 25%;
    max-width: 25%
}

.row-cols-5>* {
    flex: 0 0 20%;
    max-width: 20%
}

.row-cols-6>* {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
}

.col-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
}

.col-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
}

.col-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
}

.col-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.offset-1 {
    margin-left: 8.3333333333%
}

.offset-2 {
    margin-left: 16.6666666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.3333333333%
}

.offset-5 {
    margin-left: 41.6666666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.3333333333%
}

.offset-8 {
    margin-left: 66.6666666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.3333333333%
}

.offset-11 {
    margin-left: 91.6666666667%
}

@media (min-width:552px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-sm-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-sm-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-sm-3>* {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }
    .row-cols-sm-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-sm-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-sm-6>* {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-sm-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }
    .col-sm-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }
    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-sm-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }
    .col-sm-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }
    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-sm-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }
    .col-sm-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }
    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-sm-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }
    .col-sm-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }
    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-sm-first {
        order: -1
    }
    .order-sm-last {
        order: 13
    }
    .order-sm-0 {
        order: 0
    }
    .order-sm-1 {
        order: 1
    }
    .order-sm-2 {
        order: 2
    }
    .order-sm-3 {
        order: 3
    }
    .order-sm-4 {
        order: 4
    }
    .order-sm-5 {
        order: 5
    }
    .order-sm-6 {
        order: 6
    }
    .order-sm-7 {
        order: 7
    }
    .order-sm-8 {
        order: 8
    }
    .order-sm-9 {
        order: 9
    }
    .order-sm-10 {
        order: 10
    }
    .order-sm-11 {
        order: 11
    }
    .order-sm-12 {
        order: 12
    }
    .offset-sm-0 {
        margin-left: 0
    }
    .offset-sm-1 {
        margin-left: 8.3333333333%
    }
    .offset-sm-2 {
        margin-left: 16.6666666667%
    }
    .offset-sm-3 {
        margin-left: 25%
    }
    .offset-sm-4 {
        margin-left: 33.3333333333%
    }
    .offset-sm-5 {
        margin-left: 41.6666666667%
    }
    .offset-sm-6 {
        margin-left: 50%
    }
    .offset-sm-7 {
        margin-left: 58.3333333333%
    }
    .offset-sm-8 {
        margin-left: 66.6666666667%
    }
    .offset-sm-9 {
        margin-left: 75%
    }
    .offset-sm-10 {
        margin-left: 83.3333333333%
    }
    .offset-sm-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width:764px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-md-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-md-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-md-3>* {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }
    .row-cols-md-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-md-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-md-6>* {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-md-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }
    .col-md-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }
    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-md-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }
    .col-md-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }
    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-md-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }
    .col-md-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }
    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-md-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }
    .col-md-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }
    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-md-first {
        order: -1
    }
    .order-md-last {
        order: 13
    }
    .order-md-0 {
        order: 0
    }
    .order-md-1 {
        order: 1
    }
    .order-md-2 {
        order: 2
    }
    .order-md-3 {
        order: 3
    }
    .order-md-4 {
        order: 4
    }
    .order-md-5 {
        order: 5
    }
    .order-md-6 {
        order: 6
    }
    .order-md-7 {
        order: 7
    }
    .order-md-8 {
        order: 8
    }
    .order-md-9 {
        order: 9
    }
    .order-md-10 {
        order: 10
    }
    .order-md-11 {
        order: 11
    }
    .order-md-12 {
        order: 12
    }
    .offset-md-0 {
        margin-left: 0
    }
    .offset-md-1 {
        margin-left: 8.3333333333%
    }
    .offset-md-2 {
        margin-left: 16.6666666667%
    }
    .offset-md-3 {
        margin-left: 25%
    }
    .offset-md-4 {
        margin-left: 33.3333333333%
    }
    .offset-md-5 {
        margin-left: 41.6666666667%
    }
    .offset-md-6 {
        margin-left: 50%
    }
    .offset-md-7 {
        margin-left: 58.3333333333%
    }
    .offset-md-8 {
        margin-left: 66.6666666667%
    }
    .offset-md-9 {
        margin-left: 75%
    }
    .offset-md-10 {
        margin-left: 83.3333333333%
    }
    .offset-md-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width:1014px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-lg-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-lg-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-lg-3>* {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }
    .row-cols-lg-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-lg-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-lg-6>* {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-lg-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }
    .col-lg-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }
    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-lg-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }
    .col-lg-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }
    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-lg-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }
    .col-lg-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }
    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-lg-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }
    .col-lg-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }
    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-lg-first {
        order: -1
    }
    .order-lg-last {
        order: 13
    }
    .order-lg-0 {
        order: 0
    }
    .order-lg-1 {
        order: 1
    }
    .order-lg-2 {
        order: 2
    }
    .order-lg-3 {
        order: 3
    }
    .order-lg-4 {
        order: 4
    }
    .order-lg-5 {
        order: 5
    }
    .order-lg-6 {
        order: 6
    }
    .order-lg-7 {
        order: 7
    }
    .order-lg-8 {
        order: 8
    }
    .order-lg-9 {
        order: 9
    }
    .order-lg-10 {
        order: 10
    }
    .order-lg-11 {
        order: 11
    }
    .order-lg-12 {
        order: 12
    }
    .offset-lg-0 {
        margin-left: 0
    }
    .offset-lg-1 {
        margin-left: 8.3333333333%
    }
    .offset-lg-2 {
        margin-left: 16.6666666667%
    }
    .offset-lg-3 {
        margin-left: 25%
    }
    .offset-lg-4 {
        margin-left: 33.3333333333%
    }
    .offset-lg-5 {
        margin-left: 41.6666666667%
    }
    .offset-lg-6 {
        margin-left: 50%
    }
    .offset-lg-7 {
        margin-left: 58.3333333333%
    }
    .offset-lg-8 {
        margin-left: 66.6666666667%
    }
    .offset-lg-9 {
        margin-left: 75%
    }
    .offset-lg-10 {
        margin-left: 83.3333333333%
    }
    .offset-lg-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width:1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-xl-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-xl-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-xl-3>* {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }
    .row-cols-xl-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-xl-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-xl-6>* {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-xl-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }
    .col-xl-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }
    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-xl-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }
    .col-xl-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }
    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-xl-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }
    .col-xl-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }
    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-xl-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }
    .col-xl-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }
    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-xl-first {
        order: -1
    }
    .order-xl-last {
        order: 13
    }
    .order-xl-0 {
        order: 0
    }
    .order-xl-1 {
        order: 1
    }
    .order-xl-2 {
        order: 2
    }
    .order-xl-3 {
        order: 3
    }
    .order-xl-4 {
        order: 4
    }
    .order-xl-5 {
        order: 5
    }
    .order-xl-6 {
        order: 6
    }
    .order-xl-7 {
        order: 7
    }
    .order-xl-8 {
        order: 8
    }
    .order-xl-9 {
        order: 9
    }
    .order-xl-10 {
        order: 10
    }
    .order-xl-11 {
        order: 11
    }
    .order-xl-12 {
        order: 12
    }
    .offset-xl-0 {
        margin-left: 0
    }
    .offset-xl-1 {
        margin-left: 8.3333333333%
    }
    .offset-xl-2 {
        margin-left: 16.6666666667%
    }
    .offset-xl-3 {
        margin-left: 25%
    }
    .offset-xl-4 {
        margin-left: 33.3333333333%
    }
    .offset-xl-5 {
        margin-left: 41.6666666667%
    }
    .offset-xl-6 {
        margin-left: 50%
    }
    .offset-xl-7 {
        margin-left: 58.3333333333%
    }
    .offset-xl-8 {
        margin-left: 66.6666666667%
    }
    .offset-xl-9 {
        margin-left: 75%
    }
    .offset-xl-10 {
        margin-left: 83.3333333333%
    }
    .offset-xl-11 {
        margin-left: 91.6666666667%
    }
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #525252
}

.table td,
.table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #92b9bc
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #92b9bc
}

.table tbody+tbody {
    border-top: 2px solid #92b9bc
}

.table-sm td,
.table-sm th {
    padding: .3rem
}

.table-bordered {
    border: 1px solid #92b9bc
}

.table-bordered td,
.table-bordered th {
    border: 1px solid #92b9bc
}

.table-bordered thead td,
.table-bordered thead th {
    border-bottom-width: 2px
}

.table-borderless tbody+tbody,
.table-borderless td,
.table-borderless th,
.table-borderless thead th {
    border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #f7f7f7
}

.table-hover tbody tr:hover {
    color: #525252;
    background-color: rgba(0, 0, 0, .075)
}

.table-active,
.table-active>td,
.table-active>th {
    background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
    background-color: rgba(0, 0, 0, .075)
}

.table .thead-dark th {
    color: #fff;
    background-color: #343a40;
    border-color: #454d55
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #92b9bc
}

.table-dark {
    color: #fff;
    background-color: #343a40
}

.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #454d55
}

.table-dark.table-bordered {
    border: 0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, .05)
}

.table-dark.table-hover tbody tr:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, .075)
}

@media (max-width:551.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-sm>.table-bordered {
        border: 0
    }
}

@media (max-width:763.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-md>.table-bordered {
        border: 0
    }
}

@media (max-width:1013.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-lg>.table-bordered {
        border: 0
    }
}

@media (max-width:1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-xl>.table-bordered {
        border: 0
    }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.table-responsive>.table-bordered {
    border: 0
}

.fade {
    transition: opacity .15s linear
}

@media (prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

.dropdown,
.dropleft,
.dropright,
.dropup {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-toggle:empty::after {
    margin-left: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1.6rem;
    color: #525252;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px
}

.dropdown-menu-left {
    right: auto;
    left: 0
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

@media (min-width:552px) {
    .dropdown-menu-sm-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-sm-right {
        right: 0;
        left: auto
    }
}

@media (min-width:764px) {
    .dropdown-menu-md-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-md-right {
        right: 0;
        left: auto
    }
}

@media (min-width:1014px) {
    .dropdown-menu-lg-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-lg-right {
        right: 0;
        left: auto
    }
}

@media (min-width:1200px) {
    .dropdown-menu-xl-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-xl-right {
        right: 0;
        left: auto
    }
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem
}

.dropright .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dropright .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-toggle::after {
    vertical-align: 0
}

.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: .125rem
}

.dropleft .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: ""
}

.dropleft .dropdown-toggle::after {
    display: none
}

.dropleft .dropdown-toggle::before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropleft .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropleft .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-menu[x-placement^=bottom],
.dropdown-menu[x-placement^=left],
.dropdown-menu[x-placement^=right],
.dropdown-menu[x-placement^=top] {
    right: auto;
    bottom: auto
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #e9ecef
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #2f5497
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #adb5bd;
    pointer-events: none;
    background-color: transparent
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: .5rem 1.5rem;
    margin-bottom: 0;
    font-size: 1.3rem;
    color: #6c757d;
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: .25rem 1.5rem;
    color: #212529
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

.input-group>.custom-file,
.input-group>.custom-select,
.input-group>.form-control,
.input-group>.form-control-plaintext {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    margin-bottom: 0
}

.input-group>.custom-file+.custom-file,
.input-group>.custom-file+.custom-select,
.input-group>.custom-file+.form-control,
.input-group>.custom-select+.custom-file,
.input-group>.custom-select+.custom-select,
.input-group>.custom-select+.form-control,
.input-group>.form-control+.custom-file,
.input-group>.form-control+.custom-select,
.input-group>.form-control+.form-control,
.input-group>.form-control-plaintext+.custom-file,
.input-group>.form-control-plaintext+.custom-select,
.input-group>.form-control-plaintext+.form-control {
    margin-left: -1px
}

.input-group>.custom-file .custom-file-input:focus~.custom-file-label,
.input-group>.custom-select:focus,
.input-group>.form-control:focus {
    z-index: 3
}

.input-group>.custom-file .custom-file-input:focus {
    z-index: 4
}

.input-group>.custom-select:not(:first-child),
.input-group>.form-control:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group>.custom-file {
    display: flex;
    align-items: center
}

.input-group>.custom-file:not(:first-child) .custom-file-label,
.input-group>.custom-file:not(:last-child) .custom-file-label {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after,
.input-group:not(.has-validation)>.custom-select:not(:last-child),
.input-group:not(.has-validation)>.form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label::after,
.input-group.has-validation>.custom-select:nth-last-child(n+3),
.input-group.has-validation>.form-control:nth-last-child(n+3) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group-append,
.input-group-prepend {
    display: flex
}

.input-group-append .btn,
.input-group-prepend .btn {
    position: relative;
    z-index: 2
}

.input-group-append .btn:focus,
.input-group-prepend .btn:focus {
    z-index: 3
}

.input-group-append .btn+.btn,
.input-group-append .btn+.input-group-text,
.input-group-append .input-group-text+.btn,
.input-group-append .input-group-text+.input-group-text,
.input-group-prepend .btn+.btn,
.input-group-prepend .btn+.input-group-text,
.input-group-prepend .input-group-text+.btn,
.input-group-prepend .input-group-text+.input-group-text {
    margin-left: -1px
}

.input-group-prepend {
    margin-right: -1px
}

.input-group-append {
    margin-left: -1px
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.4;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.input-group-text input[type=checkbox],
.input-group-text input[type=radio] {
    margin-top: 0
}

.input-group-lg>.custom-select,
.input-group-lg>.form-control:not(textarea) {
    height: calc(1.5em + 1rem + 2px)
}

.input-group-lg>.custom-select,
.input-group-lg>.form-control,
.input-group-lg>.input-group-append>.btn,
.input-group-lg>.input-group-append>.input-group-text,
.input-group-lg>.input-group-prepend>.btn,
.input-group-lg>.input-group-prepend>.input-group-text {
    padding: .5rem 1rem;
    font-size: 2rem;
    line-height: 1.5;
    border-radius: .3rem
}

.input-group-sm>.custom-select,
.input-group-sm>.form-control:not(textarea) {
    height: calc(1.5em + .5rem + 2px)
}

.input-group-sm>.custom-select,
.input-group-sm>.form-control,
.input-group-sm>.input-group-append>.btn,
.input-group-sm>.input-group-append>.input-group-text,
.input-group-sm>.input-group-prepend>.btn,
.input-group-sm>.input-group-prepend>.input-group-text {
    padding: .25rem .5rem;
    font-size: 1.3rem;
    line-height: 1.5;
    border-radius: .2rem
}

.input-group-lg>.custom-select,
.input-group-sm>.custom-select {
    padding-right: 1.75rem
}

.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.btn,
.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.input-group-text,
.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn,
.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text,
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
.input-group>.input-group-prepend>.btn,
.input-group>.input-group-prepend>.input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.input-group-append>.btn,
.input-group>.input-group-append>.input-group-text,
.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
.input-group>.input-group-prepend:not(:first-child)>.btn,
.input-group>.input-group-prepend:not(:first-child)>.input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem
}

.card>hr {
    margin-right: 0;
    margin-left: 0
}

.card>.list-group {
    border-top: inherit;
    border-bottom: inherit
}

.card>.list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card>.list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card>.card-header+.list-group,
.card>.list-group+.card-footer {
    border-top: 0
}

.card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem
}

.card-title {
    margin-bottom: .75rem
}

.card-subtitle {
    margin-top: -.375rem;
    margin-bottom: 0
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link+.card-link {
    margin-left: 1.25rem
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.card-footer {
    padding: .75rem 1.25rem;
    background-color: rgba(0, 0, 0, .03);
    border-top: 1px solid rgba(0, 0, 0, .125)
}

.card-footer:last-child {
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}

.card-header-tabs {
    margin-right: -.625rem;
    margin-bottom: -.75rem;
    margin-left: -.625rem;
    border-bottom: 0
}

.card-header-pills {
    margin-right: -.625rem;
    margin-left: -.625rem
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
    border-radius: calc(.25rem - 1px)
}

.card-img,
.card-img-bottom,
.card-img-top {
    flex-shrink: 0;
    width: 100%
}

.card-img,
.card-img-top {
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card-img,
.card-img-bottom {
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card-deck .card {
    margin-bottom: 15px
}

@media (min-width:552px) {
    .card-deck {
        display: flex;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px
    }
    .card-deck .card {
        flex: 1 0 0%;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px
    }
}

.card-group>.card {
    margin-bottom: 15px
}

@media (min-width:552px) {
    .card-group {
        display: flex;
        flex-flow: row wrap
    }
    .card-group>.card {
        flex: 1 0 0%;
        margin-bottom: 0
    }
    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0
    }
    .card-group>.card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }
    .card-group>.card:not(:last-child) .card-header,
    .card-group>.card:not(:last-child) .card-img-top {
        border-top-right-radius: 0
    }
    .card-group>.card:not(:last-child) .card-footer,
    .card-group>.card:not(:last-child) .card-img-bottom {
        border-bottom-right-radius: 0
    }
    .card-group>.card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }
    .card-group>.card:not(:first-child) .card-header,
    .card-group>.card:not(:first-child) .card-img-top {
        border-top-left-radius: 0
    }
    .card-group>.card:not(:first-child) .card-footer,
    .card-group>.card:not(:first-child) .card-img-bottom {
        border-bottom-left-radius: 0
    }
}

.card-columns .card {
    margin-bottom: .75rem
}

@media (min-width:552px) {
    .card-columns {
        -moz-column-count: 3;
        column-count: 3;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1
    }
    .card-columns .card {
        display: inline-block;
        width: 100%
    }
}

.accordion {
    overflow-anchor: none
}

.accordion>.card {
    overflow: hidden
}

.accordion>.card:not(:last-of-type) {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.accordion>.card:not(:first-of-type) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.accordion>.card>.card-header {
    border-radius: 0;
    margin-bottom: -1px
}

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .badge {
        transition: none
    }
}

a.badge:focus,
a.badge:hover {
    text-decoration: none
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem
}

.media {
    display: flex;
    align-items: flex-start
}

.media-body {
    flex: 1
}

.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: .25rem
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit
}

.list-group-item-action:focus,
.list-group-item-action:hover {
    z-index: 1;
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa
}

.list-group-item-action:active {
    color: #525252;
    background-color: #e9ecef
}

.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125)
}

.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit
}

.list-group-item.disabled,
.list-group-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #2f5497;
    border-color: #2f5497
}

.list-group-item+.list-group-item {
    border-top-width: 0
}

.list-group-item+.list-group-item.active {
    margin-top: -1px;
    border-top-width: 1px
}

.list-group-horizontal {
    flex-direction: row
}

.list-group-horizontal>.list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0
}

.list-group-horizontal>.list-group-item:last-child {
    border-top-right-radius: .25rem;
    border-bottom-left-radius: 0
}

.list-group-horizontal>.list-group-item.active {
    margin-top: 0
}

.list-group-horizontal>.list-group-item+.list-group-item {
    border-top-width: 1px;
    border-left-width: 0
}

.list-group-horizontal>.list-group-item+.list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px
}

@media (min-width:552px) {
    .list-group-horizontal-sm {
        flex-direction: row
    }
    .list-group-horizontal-sm>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-sm>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-sm>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-sm>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width:764px) {
    .list-group-horizontal-md {
        flex-direction: row
    }
    .list-group-horizontal-md>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-md>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-md>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-md>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-md>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width:1014px) {
    .list-group-horizontal-lg {
        flex-direction: row
    }
    .list-group-horizontal-lg>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-lg>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-lg>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-lg>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width:1200px) {
    .list-group-horizontal-xl {
        flex-direction: row
    }
    .list-group-horizontal-xl>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-xl>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-xl>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-xl>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

.list-group-flush {
    border-radius: 0
}

.list-group-flush>.list-group-item {
    border-width: 0 0 1px
}

.list-group-flush>.list-group-item:last-child {
    border-bottom-width: 0
}

.modal-open {
    overflow: hidden
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 151050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0, -50px)
}

@media (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    display: flex;
    max-height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden
}

.modal-dialog-scrollable .modal-footer,
.modal-dialog-scrollable .modal-header {
    flex-shrink: 0
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem)
}

.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
    content: ""
}

.modal-dialog-centered.modal-dialog-scrollable {
    flex-direction: column;
    justify-content: center;
    height: 100%
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none
}

.modal-dialog-centered.modal-dialog-scrollable::before {
    content: none
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 151000;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #92b9bc;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.4
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: .75rem;
    border-top: 1px solid #92b9bc;
    border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px)
}

.modal-footer>* {
    margin: .25rem
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width:552px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }
    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem)
    }
    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem)
    }
    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }
    .modal-dialog-centered::before {
        height: calc(100vh - 3.5rem);
        height: -webkit-min-content;
        height: -moz-min-content;
        height: min-content
    }
    .modal-sm {
        max-width: 300px
    }
}

@media (min-width:1014px) {
    .modal-lg,
    .modal-xl {
        max-width: 800px
    }
}

@media (min-width:1200px) {
    .modal-xl {
        max-width: 1140px
    }
}

.tooltip {
    position: absolute;
    z-index: 150000;
    display: block;
    margin: 0;
    font-family: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.4;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 1.3rem;
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: .9
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height: .4rem
}

.tooltip .arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-tooltip-auto[x-placement^=top],
.bs-tooltip-top {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=top] .arrow,
.bs-tooltip-top .arrow {
    bottom: 0
}

.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
    top: 0;
    border-width: .4rem .4rem 0;
    border-top-color: #333
}

.bs-tooltip-auto[x-placement^=right],
.bs-tooltip-right {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=right] .arrow,
.bs-tooltip-right .arrow {
    left: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::before {
    right: 0;
    border-width: .4rem .4rem .4rem 0;
    border-right-color: #333
}

.bs-tooltip-auto[x-placement^=bottom],
.bs-tooltip-bottom {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow,
.bs-tooltip-bottom .arrow {
    top: 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
    bottom: 0;
    border-width: 0 .4rem .4rem;
    border-bottom-color: #333
}

.bs-tooltip-auto[x-placement^=left],
.bs-tooltip-left {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=left] .arrow,
.bs-tooltip-left .arrow {
    right: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=left] .arrow::before,
.bs-tooltip-left .arrow::before {
    left: 0;
    border-width: .4rem 0 .4rem .4rem;
    border-left-color: #333
}

.tooltip-inner {
    max-width: 200px;
    padding: .75rem 1.5rem;
    color: #fff;
    text-align: center;
    background-color: #333;
    border-radius: 4px
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-family: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.4;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 1.3rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem
}

.popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: .5rem;
    margin: 0 .3rem
}

.popover .arrow::after,
.popover .arrow::before {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-popover-auto[x-placement^=top],
.bs-popover-top {
    margin-bottom: .5rem
}

.bs-popover-auto[x-placement^=top]>.arrow,
.bs-popover-top>.arrow {
    bottom: calc(-.5rem - 1px)
}

.bs-popover-auto[x-placement^=top]>.arrow::before,
.bs-popover-top>.arrow::before {
    bottom: 0;
    border-width: .5rem .5rem 0;
    border-top-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=top]>.arrow::after,
.bs-popover-top>.arrow::after {
    bottom: 1px;
    border-width: .5rem .5rem 0;
    border-top-color: #fff
}

.bs-popover-auto[x-placement^=right],
.bs-popover-right {
    margin-left: .5rem
}

.bs-popover-auto[x-placement^=right]>.arrow,
.bs-popover-right>.arrow {
    left: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-auto[x-placement^=right]>.arrow::before,
.bs-popover-right>.arrow::before {
    left: 0;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=right]>.arrow::after,
.bs-popover-right>.arrow::after {
    left: 1px;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: #fff
}

.bs-popover-auto[x-placement^=bottom],
.bs-popover-bottom {
    margin-top: .5rem
}

.bs-popover-auto[x-placement^=bottom]>.arrow,
.bs-popover-bottom>.arrow {
    top: calc(-.5rem - 1px)
}

.bs-popover-auto[x-placement^=bottom]>.arrow::before,
.bs-popover-bottom>.arrow::before {
    top: 0;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=bottom]>.arrow::after,
.bs-popover-bottom>.arrow::after {
    top: 1px;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: #fff
}

.bs-popover-auto[x-placement^=bottom] .popover-header::before,
.bs-popover-bottom .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -.5rem;
    content: "";
    border-bottom: 1px solid #f7f7f7
}

.bs-popover-auto[x-placement^=left],
.bs-popover-left {
    margin-right: .5rem
}

.bs-popover-auto[x-placement^=left]>.arrow,
.bs-popover-left>.arrow {
    right: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-auto[x-placement^=left]>.arrow::before,
.bs-popover-left>.arrow::before {
    right: 0;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=left]>.arrow::after,
.bs-popover-left>.arrow::after {
    right: 1px;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: #fff
}

.popover-header {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: 1.6rem;
    color: #525252;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.popover-header:empty {
    display: none
}

.popover-body {
    padding: .5rem .75rem;
    color: #525252
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

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

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

@media (min-width:552px) {
    .flex-sm-row {
        flex-direction: row !important
    }
    .flex-sm-column {
        flex-direction: column !important
    }
    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-sm-wrap {
        flex-wrap: wrap !important
    }
    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-sm-fill {
        flex: 1 1 auto !important
    }
    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }
    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }
    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-sm-start {
        justify-content: flex-start !important
    }
    .justify-content-sm-end {
        justify-content: flex-end !important
    }
    .justify-content-sm-center {
        justify-content: center !important
    }
    .justify-content-sm-between {
        justify-content: space-between !important
    }
    .justify-content-sm-around {
        justify-content: space-around !important
    }
    .align-items-sm-start {
        align-items: flex-start !important
    }
    .align-items-sm-end {
        align-items: flex-end !important
    }
    .align-items-sm-center {
        align-items: center !important
    }
    .align-items-sm-baseline {
        align-items: baseline !important
    }
    .align-items-sm-stretch {
        align-items: stretch !important
    }
    .align-content-sm-start {
        align-content: flex-start !important
    }
    .align-content-sm-end {
        align-content: flex-end !important
    }
    .align-content-sm-center {
        align-content: center !important
    }
    .align-content-sm-between {
        align-content: space-between !important
    }
    .align-content-sm-around {
        align-content: space-around !important
    }
    .align-content-sm-stretch {
        align-content: stretch !important
    }
    .align-self-sm-auto {
        align-self: auto !important
    }
    .align-self-sm-start {
        align-self: flex-start !important
    }
    .align-self-sm-end {
        align-self: flex-end !important
    }
    .align-self-sm-center {
        align-self: center !important
    }
    .align-self-sm-baseline {
        align-self: baseline !important
    }
    .align-self-sm-stretch {
        align-self: stretch !important
    }
}

@media (min-width:764px) {
    .flex-md-row {
        flex-direction: row !important
    }
    .flex-md-column {
        flex-direction: column !important
    }
    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-md-wrap {
        flex-wrap: wrap !important
    }
    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-md-fill {
        flex: 1 1 auto !important
    }
    .flex-md-grow-0 {
        flex-grow: 0 !important
    }
    .flex-md-grow-1 {
        flex-grow: 1 !important
    }
    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-md-start {
        justify-content: flex-start !important
    }
    .justify-content-md-end {
        justify-content: flex-end !important
    }
    .justify-content-md-center {
        justify-content: center !important
    }
    .justify-content-md-between {
        justify-content: space-between !important
    }
    .justify-content-md-around {
        justify-content: space-around !important
    }
    .align-items-md-start {
        align-items: flex-start !important
    }
    .align-items-md-end {
        align-items: flex-end !important
    }
    .align-items-md-center {
        align-items: center !important
    }
    .align-items-md-baseline {
        align-items: baseline !important
    }
    .align-items-md-stretch {
        align-items: stretch !important
    }
    .align-content-md-start {
        align-content: flex-start !important
    }
    .align-content-md-end {
        align-content: flex-end !important
    }
    .align-content-md-center {
        align-content: center !important
    }
    .align-content-md-between {
        align-content: space-between !important
    }
    .align-content-md-around {
        align-content: space-around !important
    }
    .align-content-md-stretch {
        align-content: stretch !important
    }
    .align-self-md-auto {
        align-self: auto !important
    }
    .align-self-md-start {
        align-self: flex-start !important
    }
    .align-self-md-end {
        align-self: flex-end !important
    }
    .align-self-md-center {
        align-self: center !important
    }
    .align-self-md-baseline {
        align-self: baseline !important
    }
    .align-self-md-stretch {
        align-self: stretch !important
    }
}

@media (min-width:1014px) {
    .flex-lg-row {
        flex-direction: row !important
    }
    .flex-lg-column {
        flex-direction: column !important
    }
    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-lg-wrap {
        flex-wrap: wrap !important
    }
    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-lg-fill {
        flex: 1 1 auto !important
    }
    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }
    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }
    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-lg-start {
        justify-content: flex-start !important
    }
    .justify-content-lg-end {
        justify-content: flex-end !important
    }
    .justify-content-lg-center {
        justify-content: center !important
    }
    .justify-content-lg-between {
        justify-content: space-between !important
    }
    .justify-content-lg-around {
        justify-content: space-around !important
    }
    .align-items-lg-start {
        align-items: flex-start !important
    }
    .align-items-lg-end {
        align-items: flex-end !important
    }
    .align-items-lg-center {
        align-items: center !important
    }
    .align-items-lg-baseline {
        align-items: baseline !important
    }
    .align-items-lg-stretch {
        align-items: stretch !important
    }
    .align-content-lg-start {
        align-content: flex-start !important
    }
    .align-content-lg-end {
        align-content: flex-end !important
    }
    .align-content-lg-center {
        align-content: center !important
    }
    .align-content-lg-between {
        align-content: space-between !important
    }
    .align-content-lg-around {
        align-content: space-around !important
    }
    .align-content-lg-stretch {
        align-content: stretch !important
    }
    .align-self-lg-auto {
        align-self: auto !important
    }
    .align-self-lg-start {
        align-self: flex-start !important
    }
    .align-self-lg-end {
        align-self: flex-end !important
    }
    .align-self-lg-center {
        align-self: center !important
    }
    .align-self-lg-baseline {
        align-self: baseline !important
    }
    .align-self-lg-stretch {
        align-self: stretch !important
    }
}

@media (min-width:1200px) {
    .flex-xl-row {
        flex-direction: row !important
    }
    .flex-xl-column {
        flex-direction: column !important
    }
    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-xl-wrap {
        flex-wrap: wrap !important
    }
    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-xl-fill {
        flex: 1 1 auto !important
    }
    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }
    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }
    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-xl-start {
        justify-content: flex-start !important
    }
    .justify-content-xl-end {
        justify-content: flex-end !important
    }
    .justify-content-xl-center {
        justify-content: center !important
    }
    .justify-content-xl-between {
        justify-content: space-between !important
    }
    .justify-content-xl-around {
        justify-content: space-around !important
    }
    .align-items-xl-start {
        align-items: flex-start !important
    }
    .align-items-xl-end {
        align-items: flex-end !important
    }
    .align-items-xl-center {
        align-items: center !important
    }
    .align-items-xl-baseline {
        align-items: baseline !important
    }
    .align-items-xl-stretch {
        align-items: stretch !important
    }
    .align-content-xl-start {
        align-content: flex-start !important
    }
    .align-content-xl-end {
        align-content: flex-end !important
    }
    .align-content-xl-center {
        align-content: center !important
    }
    .align-content-xl-between {
        align-content: space-between !important
    }
    .align-content-xl-around {
        align-content: space-around !important
    }
    .align-content-xl-stretch {
        align-content: stretch !important
    }
    .align-self-xl-auto {
        align-self: auto !important
    }
    .align-self-xl-start {
        align-self: flex-start !important
    }
    .align-self-xl-end {
        align-self: flex-end !important
    }
    .align-self-xl-center {
        align-self: center !important
    }
    .align-self-xl-baseline {
        align-self: baseline !important
    }
    .align-self-xl-stretch {
        align-self: stretch !important
    }
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

@media (min-width:552px) {
    .float-sm-left {
        float: left !important
    }
    .float-sm-right {
        float: right !important
    }
    .float-sm-none {
        float: none !important
    }
}

@media (min-width:764px) {
    .float-md-left {
        float: left !important
    }
    .float-md-right {
        float: right !important
    }
    .float-md-none {
        float: none !important
    }
}

@media (min-width:1014px) {
    .float-lg-left {
        float: left !important
    }
    .float-lg-right {
        float: right !important
    }
    .float-lg-none {
        float: none !important
    }
}

@media (min-width:1200px) {
    .float-xl-left {
        float: left !important
    }
    .float-xl-right {
        float: right !important
    }
    .float-xl-none {
        float: none !important
    }
}

@media print {
    *,
    ::after,
    ::before {
        text-shadow: none !important;
        box-shadow: none !important
    }
    a:not(.btn) {
        text-decoration: underline
    }
    abbr[title]::after {
        content: " (" attr(title) ")"
    }
    pre {
        white-space: pre-wrap !important
    }
    blockquote,
    pre {
        border: 1px solid #adb5bd;
        page-break-inside: avoid
    }
    thead {
        display: table-header-group
    }
    img,
    tr {
        page-break-inside: avoid
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
    @page {
        size: a3
    }
    body {
        min-width: 1014px !important
    }
    .container {
        min-width: 1014px !important
    }
    .navbar {
        display: none
    }
    .badge {
        border: 1px solid #000
    }
    .table {
        border-collapse: collapse !important
    }
    .table td,
    .table th {
        background-color: #fff !important
    }
    .table-bordered td,
    .table-bordered th {
        border: 1px solid #dee2e6 !important
    }
    .table-dark {
        color: inherit
    }
    .table-dark tbody+tbody,
    .table-dark td,
    .table-dark th,
    .table-dark thead th {
        border-color: #92b9bc
    }
    .table .thead-dark th {
        color: inherit;
        border-color: #92b9bc
    }
}

.visible-xs {
    display: none !important
}

.visible-sm {
    display: none !important
}

.visible-md {
    display: none !important
}

.visible-lg {
    display: none !important
}

.visible-xl {
    display: none !important
}

@media (max-width:551.98px) {
    .visible-xs {
        display: block !important
    }
    .hidden-xs {
        display: none !important
    }
}

@media (max-width:763.98px) {
    .hidden-xs-sm {
        display: none !important
    }
}

@media (max-width:1013.98px) {
    .hidden-xs-sm-md {
        display: none !important
    }
}

@media (max-width:1199.98px) {
    .hidden-xs-sm-md-lg {
        display: none !important
    }
}

@media (min-width:552px) and (max-width:763.98px) {
    .visible-sm {
        display: block !important
    }
    .hidden-sm {
        display: none !important
    }
}

@media (min-width:764px) and (max-width:1013.98px) {
    .visible-md {
        display: block !important
    }
    .hidden-md {
        display: none !important
    }
}

@media (min-width:1014px) and (max-width:1199.98px) {
    .visible-lg {
        display: block !important
    }
    .hidden-lg {
        display: none !important
    }
}

@media (min-width:552px) {
    .hidden-sm-md-lg-xl {
        display: none !important
    }
}

@media (min-width:764px) {
    .hidden-md-lg-xl {
        display: none !important
    }
}

@media (min-width:1014px) {
    .hidden-lg-xl {
        display: none !important
    }
}

@media (min-width:1200px) {
    .visible-xl {
        display: block !important
    }
    .hidden-xl {
        display: none !important
    }
}

.tooltip .tooltip-inner {
    box-shadow: 0 6px 12px rgba(0, 0, 0, .3);
    text-align: left
}

.small,
small {
    font-size: 80%;
    font-weight: 300
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}

.row-tile>.pull-left,
.row>.pull-left {
    float: none;
    order: -1
}

.row-tile>.pull-right,
.row>.pull-right {
    float: none;
    order: 13
}

@media (min-width:764px) {
    html.desktop .effect-inset:not(.effect-piece)>.visual .effect-box,
    html.desktop .effect-raise:not(.effect-piece)>.visual .effect-box,
    html.desktop .effect-shadow:not(.effect-piece)>.visual .effect-box {
        box-shadow: none;
        transition-property: transform, box-shadow, transform-origin;
        transition-duration: .33s;
        transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
        transition-delay: 0s;
        z-index: 4
    }
    html.desktop .effect-inset:not(.effect-piece):hover>.visual .effect-box,
    html.desktop .effect-raise:not(.effect-piece):hover>.visual .effect-box,
    html.desktop .effect-shadow:not(.effect-piece):hover>.visual .effect-box {
        border-radius: 4px
    }
    html.desktop .effect-inset.effect-piece,
    html.desktop .effect-raise.effect-piece,
    html.desktop .effect-shadow.effect-piece {
        box-shadow: none;
        transition-property: transform, box-shadow, transform-origin;
        transition-duration: .33s;
        transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
        transition-delay: 0s;
        z-index: 4
    }
    html.desktop .effect-inset.effect-piece>.body,
    html.desktop .effect-inset.effect-piece>.heading,
    html.desktop .effect-inset.effect-piece>.link,
    html.desktop .effect-inset.effect-piece>.visual .effect-box,
    html.desktop .effect-inset.effect-piece>.visual .subtitle,
    html.desktop .effect-raise.effect-piece>.body,
    html.desktop .effect-raise.effect-piece>.heading,
    html.desktop .effect-raise.effect-piece>.link,
    html.desktop .effect-raise.effect-piece>.visual .effect-box,
    html.desktop .effect-raise.effect-piece>.visual .subtitle,
    html.desktop .effect-shadow.effect-piece>.body,
    html.desktop .effect-shadow.effect-piece>.heading,
    html.desktop .effect-shadow.effect-piece>.link,
    html.desktop .effect-shadow.effect-piece>.visual .effect-box,
    html.desktop .effect-shadow.effect-piece>.visual .subtitle {
        box-shadow: none;
        transition-property: transform, box-shadow, transform-origin;
        transition-duration: .33s;
        transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
        transition-delay: 0s;
        z-index: 4
    }
    html.desktop .effect-inset.effect-piece:hover,
    html.desktop .effect-raise.effect-piece:hover,
    html.desktop .effect-shadow.effect-piece:hover {
        z-index: 6;
        border-radius: 4px
    }
    html.desktop .effect-inset.effect-piece:hover>.body,
    html.desktop .effect-inset.effect-piece:hover>.visual .subtitle,
    html.desktop .effect-raise.effect-piece:hover>.body,
    html.desktop .effect-raise.effect-piece:hover>.visual .subtitle,
    html.desktop .effect-shadow.effect-piece:hover>.body,
    html.desktop .effect-shadow.effect-piece:hover>.visual .subtitle {
        transform: scale(.93)
    }
    html.desktop .effect-inset.effect-piece:hover>.visual+.body,
    html.desktop .effect-raise.effect-piece:hover>.visual+.body,
    html.desktop .effect-shadow.effect-piece:hover>.visual+.body {
        transform-origin: center top
    }
    html.desktop .effect-inset.effect-piece:hover>.heading,
    html.desktop .effect-raise.effect-piece:hover>.heading,
    html.desktop .effect-shadow.effect-piece:hover>.heading {
        transform: scale(.93) translate3d(0, 10px, 0)
    }
    html.desktop .effect-inset.effect-piece:hover>.link,
    html.desktop .effect-raise.effect-piece:hover>.link,
    html.desktop .effect-shadow.effect-piece:hover>.link {
        transform: scale(.93) translate3d(0, -10px, 0)
    }
    html.desktop .effect-inset.effect-piece:hover>.visual+.body,
    html.desktop .effect-raise.effect-piece:hover>.visual+.body {
        transform-origin: center
    }
    html.desktop .effect-raise:not(.effect-piece):hover>.visual .effect-box {
        transform: scale(1.075);
        box-shadow: 0 0 10px 1px rgba(0, 0, 0, .3)
    }
    html.desktop .effect-raise.effect-piece:hover {
        transform: scale(1.075);
        box-shadow: 0 0 10px 1px rgba(0, 0, 0, .3)
    }
    html.desktop .effect-shadow:not(.effect-piece):hover>.visual .effect-box {
        box-shadow: 0 0 10px 1px rgba(0, 0, 0, .3)
    }
    html.desktop .effect-shadow.effect-piece:hover {
        box-shadow: 0 0 10px 1px rgba(0, 0, 0, .3)
    }
    html.desktop .effect-inset:not(.effect-piece):hover>.visual .effect-box {
        transform: scale(.93);
        box-shadow: 0 0 2px 0 rgba(0, 0, 0, .3) inset
    }
    html.desktop .effect-inset.effect-piece:hover {
        transform: scale(.93);
        box-shadow: 0 0 2px 0 rgba(0, 0, 0, .3) inset
    }
    html.desktop .effect-remove-margin .effect-box {
        box-shadow: none;
        transition-property: transform, box-shadow, transform-origin;
        transition-duration: .33s;
        transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
        transition-delay: 0s;
        z-index: 4;
        transition-property: margin
    }
    html.desktop .effect-remove-margin:hover .effect-box {
        margin: 0 !important
    }
}

html.desktop .effect-rotate:hover .image-src-box>.animated {
    transform: scale(1.25) rotate(2deg)
}

html.desktop .effect-rotate .image-src-box>.animated {
    transition: transform 1s cubic-bezier(.25, .46, .45, .94), opacity 750ms
}

html.desktop .effect-rotate .image-src-box {
    overflow: hidden;
    z-index: 5
}

html.desktop .effect-rotate .image-src-box {
    border-radius: 4px;
    overflow: hidden;
    z-index: 5
}

.effect-bordered .image-src-box {
    border: 1px solid #525252
}

.clickme-showme {
    cursor: pointer
}

.clickme-showme>.clickme {
    display: none
}

.clickme-showme>.showme {
    display: block
}

@-webkit-keyframes fadeTopMenu {
    from {
        opacity: 0;
        transform: scaleY(0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

@keyframes fadeTopMenu {
    from {
        opacity: 0;
        transform: scaleY(0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

@-webkit-keyframes fadeRightMenu {
    from {
        opacity: 0;
        transform: scaleX(0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

@keyframes fadeRightMenu {
    from {
        opacity: 0;
        transform: scaleX(0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

@-webkit-keyframes fadeInMenu {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeInMenu {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes spinner {
    0% {
        transform: rotate(0)
    }
    50% {
        transform: rotate(180deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

@keyframes spinner {
    0% {
        transform: rotate(0)
    }
    50% {
        transform: rotate(180deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

.list-spinner,
.spinner {
    top: 45%;
    width: 30px;
    height: auto;
    font-size: 30px;
    position: absolute;
    transform: translateY(-50%);
    z-index: 1000;
    left: 50%
}

.list-spinner,
.spinner,
a .list-spinner,
a .spinner {
    color: #fff
}

.list-spinner .fa-spinner,
.spinner .fa-spinner {
    -webkit-animation: spinner 1s infinite;
    animation: spinner 1s infinite;
    -webkit-animation-timing-function: steps(4, end);
    animation-timing-function: steps(4, end)
}

.spinnerInnerBox {
    position: relative;
    left: -150%;
    background-color: #000;
    width: 300%;
    padding: 100%;
    border-radius: 12px;
    line-height: 0;
    opacity: .65
}

.spinnerBottom {
    top: initial;
    position: fixed;
    bottom: 80px
}

.effect-parallax-bg {
    background-image: none;
    background-position: 50% 0;
    background-size: cover;
    background-clip: border-box;
    background-origin: border-box;
    background-repeat: no-repeat;
    background-attachment: fixed
}

html {
    height: 100vh;
    min-height: 100%
}

html.opencms-page-editor {
    padding-top: 52px
}

html .btn:focus,
html .dropdown-menu>a:focus,
html .dropdown>a:focus,
html :focus {
    outline: 0;
    box-shadow: none
}

html .dropdown-menu {
    box-shadow: 0 6px 12px rgba(0, 0, 0, .3);
    z-index: 150001
}

html.keyboard-nav .dropdown-menu>a:focus,
html.keyboard-nav .dropdown>a:focus,
html.keyboard-nav :focus {
    outline-color: rgba(77, 144, 255, .5);
    outline-width: 3px;
    outline-style: solid;
    outline-offset: -2px;
    box-shadow: inset 0 0 4px 1px rgba(77, 144, 255, .5), 0 0 7px 2px rgba(77, 144, 255, .5);
    z-index: 155000
}

@media (max-width:1013.98px) {
    html {
        font-size: 12px
    }
}

@media (min-width:1014px) {
    html {
        font-size: 10px
    }
}

#mercury-page {
    min-height: 100vh;
    max-width: 100vw;
    overflow: hidden
}

.default-font,
.download-list.dl-list-compact .dl-content .dl-title,
.type-contact.compact .fn.n,
.type-contact.compact .org,
.type-contact.compact .pos {
    font-family: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 1.4
}

@media (max-width:1013.98px) {
    .lead {
        font-size: 2rem
    }
}

@media (min-width:1014px) {
    .lead {
        font-size: 2.2rem
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600;
    color: #2c3e50;
    line-height: 1.25
}

.accordion .sub-header,
.detail-page .sub-header,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.onclick-activation .oa-heading,
.styled-form header,
.type-search .search-result-heading {
    font-weight: 600;
    line-height: 1.25
}

@media (max-width:1013.98px) {
    .h1,
    h1 {
        font-size: 2.6rem
    }
    .h2,
    h2 {
        font-size: 2.2rem
    }
    .accordion .sub-header,
    .h3,
    .onclick-activation .oa-heading,
    h3 {
        font-size: 2rem
    }
    .detail-page .sub-header,
    .h4,
    .styled-form header,
    .type-search .search-result-heading,
    h4 {
        font-size: 1.8rem
    }
}

@media (min-width:1014px) {
    .h1,
    h1 {
        font-size: 3.1rem
    }
    .h2,
    h2 {
        font-size: 2.6rem
    }
    .accordion .sub-header,
    .h3,
    .onclick-activation .oa-heading,
    h3 {
        font-size: 2.2rem
    }
    .detail-page .sub-header,
    .h4,
    .styled-form header,
    .type-search .search-result-heading,
    h4 {
        font-size: 2rem
    }
}

.h5,
h5 {
    font-size: 2rem
}

.h6,
h6 {
    font-size: 2rem
}

@media (min-width:764px) {
    a:focus,
    a:hover {
        transition-property: color, background-color, border-color;
        transition-duration: .33s;
        transition-timing-function: ease
    }
}

a:hover {
    outline: 0
}

a.uncolored {
    color: inherit
}

a.uncolored:focus,
a.uncolored:hover {
    color: #525252
}

a.uncolored.fully:focus,
a.uncolored.fully:hover {
    color: inherit
}

a.external:after {
    font-family: FontAwesome;
    content: " \f08e";
    margin-left: 6px
}

.no-external a.external::after,
.section-visual a.external::after,
.type-iconbox a.external::after {
    content: "";
    display: none
}

.badge {
    border-radius: 4px !important
}

span.badge {
    color: #fff;
    background-color: #a8adb4;
    font-weight: 300;
    padding: 4px 7px
}

span.badge-grey-darker {
    color: #fff;
    background: #5a6069
}

span.badge-grey-dark {
    color: #fff;
    background: #7f8691
}

span.badge-grey {
    color: #fff;
    background: #a8adb4
}

span.badge-grey-light {
    color: #fff;
    background: #525252
}

span.badge-grey-lighter {
    color: #525252;
    background: #f7f7f7
}

span.badge-violet {
    color: #fff;
    background: #642f5b
}

span.badge-green {
    color: #fff;
    background: #00af33
}

span.badge-yellow {
    color: #fff;
    background: #ffd900
}

span.badge-cyan {
    color: #fff;
    background: #1bb39a
}

span.badge-blue-dark {
    color: #fff;
    background: #0d2c56
}

span.badge-blue {
    color: #fff;
    background: #144382
}

span.badge-blue-light {
    color: #fff;
    background: #2197db
}

span.badge-orange-dark {
    color: #fff;
    background: #d9622d
}

span.badge-orange {
    color: #fff;
    background: #ffa826
}

span.badge-red-dark {
    color: #fff;
    background: #8b1528
}

span.badge-red {
    color: #fff;
    background: #b31b34
}

span.badge-white {
    color: #525252;
    background: #fff
}

span.badge-default {
    color: #fff;
    background: #2f5497
}

@media print {
    html {
        font-size: 8px
    }
    aside,
    footer,
    header {
        display: none !important
    }
    main {
        width: 100% !important
    }
    main>.container>.row-tile>div,
    main>.container>.row>div {
        flex: 0 0 100%;
        max-width: initial
    }
    body {
        font-size: 12pt;
        line-height: 1.35;
        padding: 0;
        margin: 0
    }
    .element,
    .teaser,
    img {
        page-break-inside: avoid
    }
}

.default-margin,
.element,
.subelement {
    margin-bottom: 2rem
}

.default-margin::after,
.element::after,
.subelement::after {
    display: block;
    clear: both;
    content: ""
}

.default-margin.no-default-margin,
.element.no-default-margin,
.subelement.no-default-margin {
    margin-bottom: 0
}

.element:not(.piece)>.heading {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    overflow-wrap: break-word
}

.element.piece.type-section:not(.box).only-heading {
    margin-bottom: 1.5rem
}

.element.piece.type-section:not(.box).only-text+.element.piece.type-section:not(.box).only-text,
.element.piece.type-section:not(.box).phb:not(.phl)+.element.piece.type-section:not(.box).only-text {
    margin-top: -1rem
}

.placeholder {
    position: relative;
    background-color: #f7f7f7
}

.placeholder::after {
    position: absolute;
    display: block;
    bottom: 0;
    left: 50%;
    top: 50%;
    width: 50px;
    height: 50px;
    font-family: FontAwesome;
    font-weight: 400;
    font-size: 40px;
    color: rgba(0, 0, 0, .5);
    transform: translate(-50%, -50%);
    text-align: center
}

.opencms-page-editor .placeholder {
    cursor: pointer
}

.opencms-page-editor .placeholder::before {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%;
    content: attr(data-placeholder) " ";
    display: block;
    padding: 10px;
    text-align: center;
    background-color: #ffa826;
    color: #fff
}

.opencms-page-editor .placeholder.error::before {
    background-color: #b31b34
}

.btn {
    margin: 0;
    padding: 6px 20px;
    display: inline-block;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-shadow: none;
    min-height: 39px;
    border: none;
    font-size: 14px;
    font-weight: 400;
    border-radius: 4px;
    background-color: #525252;
    color: #fff
}

.btn.active,
.btn:focus,
.btn:hover,
.open .dropdown-toggle .btn {
    color: #fff;
    background-color: #2f5497;
    text-decoration: none;
    cursor: pointer;
    transition-property: color, background-color, border-color;
    transition-duration: .33s;
    transition-timing-function: ease
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    background-color: #525252;
    color: #fff;
    cursor: not-allowed
}

.btn-sm {
    padding: 1.5px 7.5px
}

.btn-xs {
    font-size: 1.2rem;
    padding: 1.5px 7.5px
}

.btn-default {
    background-color: #525252;
    color: #fff
}

.btn-default.active,
.btn-default:focus,
.btn-default:hover,
.open .dropdown-toggle .btn-default {
    color: #fff;
    background-color: #2f5497;
    text-decoration: none;
    cursor: pointer;
    transition-property: color, background-color, border-color;
    transition-duration: .33s;
    transition-timing-function: ease
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default {
    background-color: #525252;
    color: #fff;
    cursor: not-allowed
}

.btn-block {
    display: block;
    width: 100%
}

.btn-group {
    position: relative;
    display: inline-flex;
    flex-wrap: wrap;
    vertical-align: middle
}

.btn-group>.btn {
    position: relative;
    flex: 0 1 auto
}

.btn-toggle span.fa {
    line-height: inherit;
    transition: transform .33s
}

.btn-toggle span.fa.open,
.btn-toggle[aria-expanded=true] span.fa {
    transform: rotate(-180deg)
}

.btn.color-grey-darker,
.color-grey-darker .btn {
    background-color: #5a6069;
    color: #fff
}

.btn.color-grey-darker.active,
.btn.color-grey-darker:focus,
.btn.color-grey-darker:hover,
.color-grey-darker .btn.active,
.color-grey-darker .btn:focus,
.color-grey-darker .btn:hover,
.open .dropdown-toggle .btn.color-grey-darker,
.open .dropdown-toggle .color-grey-darker .btn {
    color: #fff;
    background-color: #2f5497;
    text-decoration: none;
    cursor: pointer;
    transition-property: color, background-color, border-color;
    transition-duration: .33s;
    transition-timing-function: ease
}

.btn.color-grey-darker.disabled,
.btn.color-grey-darker[disabled],
.color-grey-darker .btn.disabled,
.color-grey-darker .btn[disabled],
fieldset[disabled] .btn.color-grey-darker,
fieldset[disabled] .color-grey-darker .btn {
    background-color: #525252;
    color: #fff;
    cursor: not-allowed
}

.color-grey-darker .dropdown-menu>.active>a,
.color-grey-darker .dropdown-menu>.active>a:focus,
.color-grey-darker .dropdown-menu>.active>a:hover {
    color: #fff;
    background-color: #5a6069
}

.btn.color-grey-dark,
.color-grey-dark .btn {
    background-color: #7f8691;
    color: #fff
}

.btn.color-grey-dark.active,
.btn.color-grey-dark:focus,
.btn.color-grey-dark:hover,
.color-grey-dark .btn.active,
.color-grey-dark .btn:focus,
.color-grey-dark .btn:hover,
.open .dropdown-toggle .btn.color-grey-dark,
.open .dropdown-toggle .color-grey-dark .btn {
    color: #fff;
    background-color: #2f5497;
    text-decoration: none;
    cursor: pointer;
    transition-property: color, background-color, border-color;
    transition-duration: .33s;
    transition-timing-function: ease
}

.btn.color-grey-dark.disabled,
.btn.color-grey-dark[disabled],
.color-grey-dark .btn.disabled,
.color-grey-dark .btn[disabled],
fieldset[disabled] .btn.color-grey-dark,
fieldset[disabled] .color-grey-dark .btn {
    background-color: #525252;
    color: #fff;
    cursor: not-allowed
}

.color-grey-dark .dropdown-menu>.active>a,
.color-grey-dark .dropdown-menu>.active>a:focus,
.color-grey-dark .dropdown-menu>.active>a:hover {
    color: #fff;
    background-color: #7f8691
}

.btn.color-grey,
.color-grey .btn {
    background-color: #a8adb4;
    color: #fff
}

.btn.color-grey.active,
.btn.color-grey:focus,
.btn.color-grey:hover,
.color-grey .btn.active,
.color-grey .btn:focus,
.color-grey .btn:hover,
.open .dropdown-toggle .btn.color-grey,
.open .dropdown-toggle .color-grey .btn {
    color: #fff;
    background-color: #2f5497;
    text-decoration: none;
    cursor: pointer;
    transition-property: color, background-color, border-color;
    transition-duration: .33s;
    transition-timing-function: ease
}

.btn.color-grey.disabled,
.btn.color-grey[disabled],
.color-grey .btn.disabled,
.color-grey .btn[disabled],
fieldset[disabled] .btn.color-grey,
fieldset[disabled] .color-grey .btn {
    background-color: #525252;
    color: #fff;
    cursor: not-allowed
}

.color-grey .dropdown-menu>.active>a,
.color-grey .dropdown-menu>.active>a:focus,
.color-grey .dropdown-menu>.active>a:hover {
    color: #fff;
    background-color: #a8adb4
}

.btn.color-grey-light,
.color-grey-light .btn {
    background-color: #525252;
    color: #fff
}

.btn.color-grey-light.active,
.btn.color-grey-light:focus,
.btn.color-grey-light:hover,
.color-grey-light .btn.active,
.color-grey-light .btn:focus,
.color-grey-light .btn:hover,
.open .dropdown-toggle .btn.color-grey-light,
.open .dropdown-toggle .color-grey-light .btn {
    color: #fff;
    background-color: #2f5497;
    text-decoration: none;
    cursor: pointer;
    transition-property: color, background-color, border-color;
    transition-duration: .33s;
    transition-timing-function: ease
}

.btn.color-grey-light.disabled,
.btn.color-grey-light[disabled],
.color-grey-light .btn.disabled,
.color-grey-light .btn[disabled],
fieldset[disabled] .btn.color-grey-light,
fieldset[disabled] .color-grey-light .btn {
    background-color: #525252;
    color: #fff;
    cursor: not-allowed
}

.color-grey-light .dropdown-menu>.active>a,
.color-grey-light .dropdown-menu>.active>a:focus,
.color-grey-light .dropdown-menu>.active>a:hover {
    color: #fff;
    background-color: #525252
}

.btn.color-grey-lighter,
.color-grey-lighter .btn {
    background-color: #f7f7f7;
    color: #525252
}

.btn.color-grey-lighter.active,
.btn.color-grey-lighter:focus,
.btn.color-grey-lighter:hover,
.color-grey-lighter .btn.active,
.color-grey-lighter .btn:focus,
.color-grey-lighter .btn:hover,
.open .dropdown-toggle .btn.color-grey-lighter,
.open .dropdown-toggle .color-grey-lighter .btn {
    color: #fff;
    background-color: #2f5497;
    text-decoration: none;
    cursor: pointer;
    transition-property: color, background-color, border-color;
    transition-duration: .33s;
    transition-timing-function: ease
}

.btn.color-grey-lighter.disabled,
.btn.color-grey-lighter[disabled],
.color-grey-lighter .btn.disabled,
.color-grey-lighter .btn[disabled],
fieldset[disabled] .btn.color-grey-lighter,
fieldset[disabled] .color-grey-lighter .btn {
    background-color: #525252;
    color: #fff;
    cursor: not-allowed
}

.color-grey-lighter .dropdown-menu>.active>a,
.color-grey-lighter .dropdown-menu>.active>a:focus,
.color-grey-lighter .dropdown-menu>.active>a:hover {
    color: #525252;
    background-color: #f7f7f7
}

.btn.color-violet,
.color-violet .btn {
    background-color: #642f5b;
    color: #fff
}

.btn.color-violet.active,
.btn.color-violet:focus,
.btn.color-violet:hover,
.color-violet .btn.active,
.color-violet .btn:focus,
.color-violet .btn:hover,
.open .dropdown-toggle .btn.color-violet,
.open .dropdown-toggle .color-violet .btn {
    color: #fff;
    background-color: #b31b34;
    text-decoration: none;
    cursor: pointer;
    transition-property: color, background-color, border-color;
    transition-duration: .33s;
    transition-timing-function: ease
}

.btn.color-violet.disabled,
.btn.color-violet[disabled],
.color-violet .btn.disabled,
.color-violet .btn[disabled],
fieldset[disabled] .btn.color-violet,
fieldset[disabled] .color-violet .btn {
    background-color: #525252;
    color: #fff;
    cursor: not-allowed
}

.color-violet .dropdown-menu>.active>a,
.color-violet .dropdown-menu>.active>a:focus,
.color-violet .dropdown-menu>.active>a:hover {
    color: #fff;
    background-color: #642f5b
}

.btn.color-green,
.color-green .btn {
    background-color: #00af33;
    color: #fff
}

.btn.color-green.active,
.btn.color-green:focus,
.btn.color-green:hover,
.color-green .btn.active,
.color-green .btn:focus,
.color-green .btn:hover,
.open .dropdown-toggle .btn.color-green,
.open .dropdown-toggle .color-green .btn {
    color: #fff;
    background-color: #ffa826;
    text-decoration: none;
    cursor: pointer;
    transition-property: color, background-color, border-color;
    transition-duration: .33s;
    transition-timing-function: ease
}

.btn.color-green.disabled,
.btn.color-green[disabled],
.color-green .btn.disabled,
.color-green .btn[disabled],
fieldset[disabled] .btn.color-green,
fieldset[disabled] .color-green .btn {
    background-color: #525252;
    color: #fff;
    cursor: not-allowed
}

.color-green .dropdown-menu>.active>a,
.color-green .dropdown-menu>.active>a:focus,
.color-green .dropdown-menu>.active>a:hover {
    color: #fff;
    background-color: #00af33
}

.btn.color-yellow,
.color-yellow .btn {
    background-color: #ffd900;
    color: #fff
}

.btn.color-yellow.active,
.btn.color-yellow:focus,
.btn.color-yellow:hover,
.color-yellow .btn.active,
.color-yellow .btn:focus,
.color-yellow .btn:hover,
.open .dropdown-toggle .btn.color-yellow,
.open .dropdown-toggle .color-yellow .btn {
    color: #fff;
    background-color: #d9622d;
    text-decoration: none;
    cursor: pointer;
    transition-property: color, background-color, border-color;
    transition-duration: .33s;
    transition-timing-function: ease
}

.btn.color-yellow.disabled,
.btn.color-yellow[disabled],
.color-yellow .btn.disabled,
.color-yellow .btn[disabled],
fieldset[disabled] .btn.color-yellow,
fieldset[disabled] .color-yellow .btn {
    background-color: #525252;
    color: #fff;
    cursor: not-allowed
}

.color-yellow .dropdown-menu>.active>a,
.color-yellow .dropdown-menu>.active>a:focus,
.color-yellow .dropdown-menu>.active>a:hover {
    color: #fff;
    background-color: #ffd900
}

.btn.color-cyan,
.color-cyan .btn {
    background-color: #1bb39a;
    color: #fff
}

.btn.color-cyan.active,
.btn.color-cyan:focus,
.btn.color-cyan:hover,
.color-cyan .btn.active,
.color-cyan .btn:focus,
.color-cyan .btn:hover,
.open .dropdown-toggle .btn.color-cyan,
.open .dropdown-toggle .color-cyan .btn {
    color: #fff;
    background-color: #187b8e;
    text-decoration: none;
    cursor: pointer;
    transition-property: color, background-color, border-color;
    transition-duration: .33s;
    transition-timing-function: ease
}

.btn.color-cyan.disabled,
.btn.color-cyan[disabled],
.color-cyan .btn.disabled,
.color-cyan .btn[disabled],
fieldset[disabled] .btn.color-cyan,
fieldset[disabled] .color-cyan .btn {
    background-color: #525252;
    color: #fff;
    cursor: not-allowed
}

.color-cyan .dropdown-menu>.active>a,
.color-cyan .dropdown-menu>.active>a:focus,
.color-cyan .dropdown-menu>.active>a:hover {
    color: #fff;
    background-color: #1bb39a
}

.btn.color-blue-dark,
.color-blue-dark .btn {
    background-color: #0d2c56;
    color: #fff
}

.btn.color-blue-dark.active,
.btn.color-blue-dark:focus,
.btn.color-blue-dark:hover,
.color-blue-dark .btn.active,
.color-blue-dark .btn:focus,
.color-blue-dark .btn:hover,
.open .dropdown-toggle .btn.color-blue-dark,
.open .dropdown-toggle .color-blue-dark .btn {
    color: #fff;
    background-color: #2197db;
    text-decoration: none;
    cursor: pointer;
    transition-property: color, background-color, border-color;
    transition-duration: .33s;
    transition-timing-function: ease
}

.btn.color-blue-dark.disabled,
.btn.color-blue-dark[disabled],
.color-blue-dark .btn.disabled,
.color-blue-dark .btn[disabled],
fieldset[disabled] .btn.color-blue-dark,
fieldset[disabled] .color-blue-dark .btn {
    background-color: #525252;
    color: #fff;
    cursor: not-allowed
}

.color-blue-dark .dropdown-menu>.active>a,
.color-blue-dark .dropdown-menu>.active>a:focus,
.color-blue-dark .dropdown-menu>.active>a:hover {
    color: #fff;
    background-color: #0d2c56
}

.btn.color-blue,
.color-blue .btn {
    background-color: #144382;
    color: #fff
}

.btn.color-blue.active,
.btn.color-blue:focus,
.btn.color-blue:hover,
.color-blue .btn.active,
.color-blue .btn:focus,
.color-blue .btn:hover,
.open .dropdown-toggle .btn.color-blue,
.open .dropdown-toggle .color-blue .btn {
    color: #fff;
    background-color: #2197db;
    text-decoration: none;
    cursor: pointer;
    transition-property: color, background-color, border-color;
    transition-duration: .33s;
    transition-timing-function: ease
}

.btn.color-blue.disabled,
.btn.color-blue[disabled],
.color-blue .btn.disabled,
.color-blue .btn[disabled],
fieldset[disabled] .btn.color-blue,
fieldset[disabled] .color-blue .btn {
    background-color: #525252;
    color: #fff;
    cursor: not-allowed
}

.color-blue .dropdown-menu>.active>a,
.color-blue .dropdown-menu>.active>a:focus,
.color-blue .dropdown-menu>.active>a:hover {
    color: #fff;
    background-color: #144382
}

.btn.color-blue-light,
.color-blue-light .btn {
    background-color: #2197db;
    color: #fff
}

.btn.color-blue-light.active,
.btn.color-blue-light:focus,
.btn.color-blue-light:hover,
.color-blue-light .btn.active,
.color-blue-light .btn:focus,
.color-blue-light .btn:hover,
.open .dropdown-toggle .btn.color-blue-light,
.open .dropdown-toggle .color-blue-light .btn {
    color: #fff;
    background-color: #144382;
    text-decoration: none;
    cursor: pointer;
    transition-property: color, background-color, border-color;
    transition-duration: .33s;
    transition-timing-function: ease
}

.btn.color-blue-light.disabled,
.btn.color-blue-light[disabled],
.color-blue-light .btn.disabled,
.color-blue-light .btn[disabled],
fieldset[disabled] .btn.color-blue-light,
fieldset[disabled] .color-blue-light .btn {
    background-color: #525252;
    color: #fff;
    cursor: not-allowed
}

.color-blue-light .dropdown-menu>.active>a,
.color-blue-light .dropdown-menu>.active>a:focus,
.color-blue-light .dropdown-menu>.active>a:hover {
    color: #fff;
    background-color: #2197db
}

.btn.color-orange-dark,
.color-orange-dark .btn {
    background-color: #d9622d;
    color: #fff
}

.btn.color-orange-dark.active,
.btn.color-orange-dark:focus,
.btn.color-orange-dark:hover,
.color-orange-dark .btn.active,
.color-orange-dark .btn:focus,
.color-orange-dark .btn:hover,
.open .dropdown-toggle .btn.color-orange-dark,
.open .dropdown-toggle .color-orange-dark .btn {
    color: #fff;
    background-color: #ffa826;
    text-decoration: none;
    cursor: pointer;
    transition-property: color, background-color, border-color;
    transition-duration: .33s;
    transition-timing-function: ease
}

.btn.color-orange-dark.disabled,
.btn.color-orange-dark[disabled],
.color-orange-dark .btn.disabled,
.color-orange-dark .btn[disabled],
fieldset[disabled] .btn.color-orange-dark,
fieldset[disabled] .color-orange-dark .btn {
    background-color: #525252;
    color: #fff;
    cursor: not-allowed
}

.color-orange-dark .dropdown-menu>.active>a,
.color-orange-dark .dropdown-menu>.active>a:focus,
.color-orange-dark .dropdown-menu>.active>a:hover {
    color: #fff;
    background-color: #d9622d
}

.btn.color-orange,
.color-orange .btn {
    background-color: #ffa826;
    color: #fff
}

.btn.color-orange.active,
.btn.color-orange:focus,
.btn.color-orange:hover,
.color-orange .btn.active,
.color-orange .btn:focus,
.color-orange .btn:hover,
.open .dropdown-toggle .btn.color-orange,
.open .dropdown-toggle .color-orange .btn {
    color: #fff;
    background-color: #ffcc26;
    text-decoration: none;
    cursor: pointer;
    transition-property: color, background-color, border-color;
    transition-duration: .33s;
    transition-timing-function: ease
}

.btn.color-orange.disabled,
.btn.color-orange[disabled],
.color-orange .btn.disabled,
.color-orange .btn[disabled],
fieldset[disabled] .btn.color-orange,
fieldset[disabled] .color-orange .btn {
    background-color: #525252;
    color: #fff;
    cursor: not-allowed
}

.color-orange .dropdown-menu>.active>a,
.color-orange .dropdown-menu>.active>a:focus,
.color-orange .dropdown-menu>.active>a:hover {
    color: #fff;
    background-color: #ffa826
}

.btn.color-red-dark,
.color-red-dark .btn {
    background-color: #8b1528;
    color: #fff
}

.btn.color-red-dark.active,
.btn.color-red-dark:focus,
.btn.color-red-dark:hover,
.color-red-dark .btn.active,
.color-red-dark .btn:focus,
.color-red-dark .btn:hover,
.open .dropdown-toggle .btn.color-red-dark,
.open .dropdown-toggle .color-red-dark .btn {
    color: #fff;
    background-color: #ff264a;
    text-decoration: none;
    cursor: pointer;
    transition-property: color, background-color, border-color;
    transition-duration: .33s;
    transition-timing-function: ease
}

.btn.color-red-dark.disabled,
.btn.color-red-dark[disabled],
.color-red-dark .btn.disabled,
.color-red-dark .btn[disabled],
fieldset[disabled] .btn.color-red-dark,
fieldset[disabled] .color-red-dark .btn {
    background-color: #525252;
    color: #fff;
    cursor: not-allowed
}

.color-red-dark .dropdown-menu>.active>a,
.color-red-dark .dropdown-menu>.active>a:focus,
.color-red-dark .dropdown-menu>.active>a:hover {
    color: #fff;
    background-color: #8b1528
}

.btn.color-red,
.color-red .btn {
    background-color: #b31b34;
    color: #fff
}

.btn.color-red.active,
.btn.color-red:focus,
.btn.color-red:hover,
.color-red .btn.active,
.color-red .btn:focus,
.color-red .btn:hover,
.open .dropdown-toggle .btn.color-red,
.open .dropdown-toggle .color-red .btn {
    color: #fff;
    background-color: #ff264a;
    text-decoration: none;
    cursor: pointer;
    transition-property: color, background-color, border-color;
    transition-duration: .33s;
    transition-timing-function: ease
}

.btn.color-red.disabled,
.btn.color-red[disabled],
.color-red .btn.disabled,
.color-red .btn[disabled],
fieldset[disabled] .btn.color-red,
fieldset[disabled] .color-red .btn {
    background-color: #525252;
    color: #fff;
    cursor: not-allowed
}

.color-red .dropdown-menu>.active>a,
.color-red .dropdown-menu>.active>a:focus,
.color-red .dropdown-menu>.active>a:hover {
    color: #fff;
    background-color: #b31b34
}

.btn.color-white,
.color-white .btn {
    background-color: #fff;
    color: #525252
}

.btn.color-white.active,
.btn.color-white:focus,
.btn.color-white:hover,
.color-white .btn.active,
.color-white .btn:focus,
.color-white .btn:hover,
.open .dropdown-toggle .btn.color-white,
.open .dropdown-toggle .color-white .btn {
    color: #fff;
    background-color: #2f5497;
    text-decoration: none;
    cursor: pointer;
    transition-property: color, background-color, border-color;
    transition-duration: .33s;
    transition-timing-function: ease
}

.btn.color-white.disabled,
.btn.color-white[disabled],
.color-white .btn.disabled,
.color-white .btn[disabled],
fieldset[disabled] .btn.color-white,
fieldset[disabled] .color-white .btn {
    background-color: #525252;
    color: #fff;
    cursor: not-allowed
}

.color-white .dropdown-menu>.active>a,
.color-white .dropdown-menu>.active>a:focus,
.color-white .dropdown-menu>.active>a:hover {
    color: #525252;
    background-color: #fff
}

.btn.color-default,
.color-default .btn {
    background-color: #2f5497;
    color: #fff
}

.btn.color-default.active,
.btn.color-default:focus,
.btn.color-default:hover,
.color-default .btn.active,
.color-default .btn:focus,
.color-default .btn:hover,
.open .dropdown-toggle .btn.color-default,
.open .dropdown-toggle .color-default .btn {
    color: #fff;
    background-color: #525252;
    text-decoration: none;
    cursor: pointer;
    transition-property: color, background-color, border-color;
    transition-duration: .33s;
    transition-timing-function: ease
}

.btn.color-default.disabled,
.btn.color-default[disabled],
.color-default .btn.disabled,
.color-default .btn[disabled],
fieldset[disabled] .btn.color-default,
fieldset[disabled] .color-default .btn {
    background-color: #525252;
    color: #fff;
    cursor: not-allowed
}

.color-default .dropdown-menu>.active>a,
.color-default .dropdown-menu>.active>a:focus,
.color-default .dropdown-menu>.active>a:hover {
    color: #fff;
    background-color: #2f5497
}

.type-contact {
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.type-contact .adr,
.type-contact .fn,
.type-contact .mail,
.type-contact .note,
.type-contact .org,
.type-contact .pos,
.type-contact .title,
.type-contact .vcard {
    margin-top: .5rem;
    margin-bottom: .5rem
}

.type-contact .mail {
    -webkit-hyphenate-character: " "
}

.type-contact>*>.image-src-box {
    margin-bottom: 1rem
}

.type-contact .contactlink {
    margin-top: .5rem
}

.type-contact.compact .fn.n {
    font-weight: 600
}

.type-contact.compact .adr,
.type-contact.compact .contactlink:not(.btn),
.type-contact.compact .fn,
.type-contact.compact .mail,
.type-contact.compact .note,
.type-contact.compact .org,
.type-contact.compact .pos,
.type-contact.compact .title {
    margin-top: 0;
    margin-bottom: 0
}

.type-contact.compact .vcard {
    margin-bottom: 0
}

.type-contact .fn {
    margin-top: 0
}

.type-contact .title {
    font-style: italic
}

.type-contact .tablerow {
    display: table-row
}

.type-contact .tablerow>span {
    padding-right: .5rem;
    display: table-cell
}

.type-contact .only-icon {
    padding-left: .5rem
}

.type-contact .fa {
    margin-right: .5rem;
    width: 2rem
}

.type-contact .img-responsive {
    width: 100%
}

#modelinfo,
.container-box,
.oct-alert {
    padding: 10px;
    text-align: center !important;
    overflow: hidden !important;
    z-index: 5 !important;
    white-space: normal !important;
    min-height: 100px;
    position: relative;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
    font-weight: 300 !important;
    display: flex;
    flex-direction: column;
    justify-content: center
}

#modelinfo>*,
.container-box>*,
.oct-alert>* {
    font-size: 14px !important;
    font-family: inherit !important;
    font-weight: inherit !important;
    margin: 5px !important;
    line-height: 1.2em !important
}

#modelinfo>.head,
#modelinfo>h1,
#modelinfo>h2,
#modelinfo>h3,
#modelinfo>h4,
.container-box>.head,
.container-box>h1,
.container-box>h2,
.container-box>h3,
.container-box>h4,
.oct-alert>.head,
.oct-alert>h1,
.oct-alert>h2,
.oct-alert>h3,
.oct-alert>h4 {
    font-size: 22px !important
}

.container-box,
.oct-alert {
    border-radius: 8px !important
}

#modelinfo .head,
.container-box .head {
    color: #555 !important;
    background-color: transparent !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center
}

.container-box {
    margin-top: 10px !important;
    margin-bottom: 10px !important
}

.container-box .text {
    color: #7f8691 !important;
    background-color: transparent !important
}

.container-box .text.capital {
    text-transform: capitalize !important
}

.container-box .main,
.container-box .small {
    color: #7f8691 !important
}

.container-box.simple {
    border: 1px solid #144382
}

.container-box.complex {
    border: 1px solid #b31b34
}

.container-box.attachment {
    border: 1px solid #ffa826
}

@-webkit-keyframes octReveal {
    from {
        max-height: 0;
        margin-top: 0;
        margin-bottom: 0;
        padding: 0
    }
    75% {
        max-height: 0;
        margin-top: 0;
        margin-bottom: 0;
        padding: 0
    }
    100% {
        max-height: 1000px;
        margin-top: 10px;
        margin-bottom: 10px;
        padding: 10px
    }
}

@keyframes octReveal {
    from {
        max-height: 0;
        margin-top: 0;
        margin-bottom: 0;
        padding: 0
    }
    75% {
        max-height: 0;
        margin-top: 0;
        margin-bottom: 0;
        padding: 0
    }
    100% {
        max-height: 1000px;
        margin-top: 10px;
        margin-bottom: 10px;
        padding: 10px
    }
}

.oct-reveal {
    -webkit-animation-name: octReveal;
    animation-name: octReveal;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    min-height: initial
}

.oct-alert:not(.tile-col) {
    margin-top: 10px;
    margin-bottom: 10px
}

.oct-alert .head,
.oct-alert .text {
    background-color: transparent !important
}

.oct-alert .head,
.oct-alert .small,
.oct-alert .text,
.oct-alert>div,
.oct-alert>h1,
.oct-alert>h2,
.oct-alert>h3,
.oct-alert>h4 {
    color: #fff !important
}

.oct-alert.oct-alert-editor .head {
    color: #555 !important
}

.oct-alert.oct-alert-editor .text {
    color: #555 !important
}

.container-box.box-area {
    background-color: rgba(255, 201, 210, .75) !important;
    background: linear-gradient(166deg, #ffc9d2 0, #ff96a8 100%) !important
}

.container-box.box-segment {
    background-color: rgba(255, 227, 231, .75) !important;
    background: linear-gradient(166deg, #ffe3e7 0, #ffb0bb 100%) !important
}

.container-box.box-grid {
    background-color: rgba(255, 218, 199, .75) !important;
    background: linear-gradient(166deg, #ffdac7 0, #ffb894 100%) !important
}

.container-box.box-row {
    background-color: rgba(255, 229, 191, .75) !important;
    background: linear-gradient(166deg, #ffe5bf 0, #ffd08c 100%) !important
}

.container-box.box-element {
    background-color: rgba(232, 243, 248, .75) !important;
    background: linear-gradient(166deg, #e8f3f8 0, #c1dfec 100%) !important
}

.container-box.box-special {
    background-color: rgba(239, 250, 180, .75) !important;
    background: linear-gradient(166deg, #effab4 0, #e5f784 100%) !important
}

.oct-alert.oct-alert-editor {
    background-color: #eed2ee !important;
    background: linear-gradient(166deg, #f5e5f5 0, #e7bfe7 100%) !important
}

.oct-alert.oct-alert-warning {
    background-color: #ffa826 !important;
    background: linear-gradient(166deg, #ffb240 0, #ff9e0d 100%) !important
}

.oct-alert.oct-alert-error {
    background-color: #8b1528 !important;
    background: linear-gradient(166deg, #a1182e 0, #751222 100%) !important
}

.oct-alert.box-noheight {
    min-height: 0 !important
}

.oct-alert.new-element .head {
    display: inline-block;
    padding: 2px 12px !important;
    border-radius: 4px !important;
    background-color: #2197db !important
}

.container-box::after,
.oct-alert::after,
.oct-meta-info::after,
.oct-meta::after {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-repeat: repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyBAMAAADsEZWCAAAAHlBMVEUAAAD///////////////////////////////////8kfJuVAAAACnRSTlMAIgQNCB4bERUYt5wRYgAAA+ZJREFUOMt9lEtT2lAYhr9zciHZnXMSSNjlBJFml0Cx7S7gBd1BQMFdAmp1lwTsZReKqN0laK3+205nOp1OZ9p/8M7zzPMCnhKUUE0svfCVk46oyvXpt4ArM5CuzrRwzyrTnIrukkDg+WRYW76zIeozWVAlRKO945nz6uDkEIkVGAUDOHgR3swn5uohb3po1tQtL6SfUc/9CC2yRQYo+JLAHBqINeiqBHn3zDFB1W1r15BDJiOUbyF5jY+3/cHUrMFClHitfRtmrGK6DQulG2Y6SDfG0FhosaPssV1rbcFL1oFveqeWlCMXcrcYEtTrXpJUU3WkPwiBI/rZggKJh4i+FYSujc83JFzeEPDKo/mpDi6OqZ2YbqyK291ifUBrDLno6YWCSoCIZILGohC3SbSR9gce/6RUvwCCRmj164nh+wFrTS4UxKMVTsEAb9q9b9Y2qYd7vid+zxmiLrkK3TMguO0lfkGGr09u1pvOWBAAleY3lgZ/kCoRoEltIuSVreVyBNFlPzfq6HLBbeqrJEe5pLLv7nMP5H9NgOpVUfGJRL5Ymb5ulRS+f7YqrfLkCfY7GerK5J5W6PUtKn9EbzqFR0RSBVHTJ7ojnuIdJFDitd6FboaE8gyB1m8mERY5eTk+EUj4GuPpqH5d8zCACJr9xlJaMwBUtc1BKArgWeIY7HMLF92tonQJ9Tz1M1brB4FlHLnwNr5VE87ueubbR4hzZZGiO1LscBUQ5OIhPnGfoSMWXigMzAx8RnkPIJ7hDHaooS4kwNsBOLp9RD5kGBTlvDUTPC0X9zXYVfMO53Y5JSiAXU5dEjvKaZJo6zM0kMiF2XiVxwaQDhxjvHzsAuwsM36nbk8V2ClttYBsLQRy9BlZVEPykyAfuIpDdXIRgetNqb3XidzolhoQ7nZvxqUhBwTwhJcXcmWtorRfuesyrkOhQhX6BeBHs45FphhEu44Ogc8PkTJ63Rlw6AkM7A+N0zvh9c0D0wp/IL63wY5qwP9VHTThhp6GXBR6lSogxkB9wMR3Awa/HfIOILyJY5dGUBsa+n+2+ePg/mDoElOfWPsfrsbuRpRpmjTnYD8nUvtYRA2S8qRVCX3J7S87HulB+TsyhBF7YwmZaCWErMLbqYyLFOD5hchsblKSjR34Wlbf99U4ZiSx4eyxPTwEFJVvVV88qB+Wrm3f+SkNZMG3tuvdcfD3MUBZ8nbdaWVvZIJuRcqSRsYkpONYA3XnsXzUPmlKmEiUlF41LCXdmM0hh19krQgL5KJULKdNwu54XN6HT5jKeN1wz6WpTCnH/mRbtockvocqqrDz9qch46kTvqqEv0v7AUw2CT/ylENXAAAAAElFTkSuQmCC);
    content: " "
}

#modelinfo-border {
    border: 4px solid #eed2ee !important;
    padding: 0 !important
}

#modelinfo {
    background-color: rgba(238, 210, 238, .75) !important
}

#modelinfo .small,
#modelinfo .text {
    color: #7f8691 !important
}

.label-author,
.label-copygroup,
.label-detail,
.label-detailonly,
.label-developer,
.label-editor,
.label-reusegroup,
.label-special {
    display: inline;
    font-size: 12px !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
    font-weight: 300 !important;
    line-height: 1 !important;
    padding: 4px 6px !important;
    margin-left: 5px !important;
    border-radius: 4px !important;
    white-space: nowrap !important;
    color: #fff !important;
    text-transform: uppercase !important
}

.label-developer {
    background-color: #b31b34 !important
}

.label-editor {
    background-color: #ffa826 !important
}

.label-author {
    background-color: #144382 !important
}

.label-detail {
    background-color: #1bb39a !important
}

.label-detailonly {
    background-color: #1bb39a !important
}

.label-special {
    background-color: #ff264a !important
}

.label-copygroup {
    background-color: #ff264a !important
}

.label-reusegroup {
    background-color: #2197db !important
}

.oct-meta-info {
    position: relative;
    transition: all .33s;
    border-radius: 4px !important;
    color: #fff !important;
    background-color: #ffa826 !important;
    background: linear-gradient(166deg, #ffb240 0, #ff9e0d 100%) !important
}

.oct-meta-info.severe {
    background-color: #b31b34 !important;
    background: linear-gradient(166deg, #c91e3a 0, #9d182e 100%) !important
}

.btn.oct-meta-info {
    background: initial !important;
    background-color: #ffa826 !important
}

.btn.oct-meta-info:focus,
.btn.oct-meta-info:hover {
    background-color: #ffbf3f !important;
    transition: all .33s
}

.oct-anchor-set {
    position: relative;
    visibility: hidden
}

.oct-anchor-none {
    display: none
}

.oct-meta {
    min-height: 25px !important;
    display: inline-block;
    padding-right: 25px !important;
    position: relative;
    margin-bottom: 2px;
    align-self: flex-start
}

.oct-meta.element {
    margin-bottom: 2rem
}

.oct-meta>.marker {
    border-radius: 4px !important;
    color: #fff !important;
    background-color: #ffa826 !important;
    background: linear-gradient(166deg, #ffb240 0, #ff9e0d 100%) !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
    padding: 4px 8px !important;
    display: inline-block
}

.oct-meta>.marker>.fa {
    margin-right: 5px
}

.online-warn {
    background-color: #f7f7f7;
    color: #525252;
    overflow: hidden;
    padding: 1rem;
    border-radius: 4px
}

.online-warn>.head {
    font-family: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 600;
    font-size: 2rem
}

.online-warn>.head+.text {
    margin-top: 1rem
}

.presized .placeholder .online-warn {
    position: absolute;
    top: 0;
    left: 1rem
}

.effect-box .online-warn,
.onclick-activation .online-warn,
.presized .placeholder .online-warn {
    background-color: transparent;
    color: inherit
}

.flatpickr-calendar {
    background: 0 0;
    opacity: 0;
    display: none;
    text-align: center;
    visibility: hidden;
    padding: 0;
    -webkit-animation: none;
    animation: none;
    direction: ltr;
    border: 0;
    font-size: 14px;
    line-height: 24px;
    border-radius: 5px;
    position: absolute;
    width: 307.875px;
    box-sizing: border-box;
    touch-action: manipulation;
    background: #fff;
    box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, .08)
}

.flatpickr-calendar.inline,
.flatpickr-calendar.open {
    opacity: 1;
    max-height: 640px;
    visibility: visible
}

.flatpickr-calendar.open {
    display: inline-block;
    z-index: 99999
}

.flatpickr-calendar.animate.open {
    -webkit-animation: fpFadeInDown .3s cubic-bezier(.23, 1, .32, 1);
    animation: fpFadeInDown .3s cubic-bezier(.23, 1, .32, 1)
}

.flatpickr-calendar.inline {
    display: block;
    position: relative;
    top: 2px
}

.flatpickr-calendar.static {
    position: absolute;
    top: calc(100% + 2px)
}

.flatpickr-calendar.static.open {
    z-index: 999;
    display: block
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
    box-shadow: none !important
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
    box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6
}

.flatpickr-calendar .hasTime .dayContainer,
.flatpickr-calendar .hasWeeks .dayContainer {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
    height: 40px;
    border-top: 1px solid #e6e6e6
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
    height: auto
}

.flatpickr-calendar:after,
.flatpickr-calendar:before {
    position: absolute;
    display: block;
    pointer-events: none;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    left: 22px
}

.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.rightMost:before {
    left: auto;
    right: 22px
}

.flatpickr-calendar:before {
    border-width: 5px;
    margin: 0 -5px
}

.flatpickr-calendar:after {
    border-width: 4px;
    margin: 0 -4px
}

.flatpickr-calendar.arrowTop:after,
.flatpickr-calendar.arrowTop:before {
    bottom: 100%
}

.flatpickr-calendar.arrowTop:before {
    border-bottom-color: #e6e6e6
}

.flatpickr-calendar.arrowTop:after {
    border-bottom-color: #fff
}

.flatpickr-calendar.arrowBottom:after,
.flatpickr-calendar.arrowBottom:before {
    top: 100%
}

.flatpickr-calendar.arrowBottom:before {
    border-top-color: #e6e6e6
}

.flatpickr-calendar.arrowBottom:after {
    border-top-color: #fff
}

.flatpickr-calendar:focus {
    outline: 0
}

.flatpickr-wrapper {
    position: relative;
    display: inline-block
}

.flatpickr-months {
    display: flex
}

.flatpickr-months .flatpickr-month {
    background: 0 0;
    color: rgba(0, 0, 0, .9);
    fill: rgba(0, 0, 0, 0.9);
    height: 34px;
    line-height: 1;
    text-align: center;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
    flex: 1
}

.flatpickr-months .flatpickr-next-month,
.flatpickr-months .flatpickr-prev-month {
    text-decoration: none;
    cursor: pointer;
    position: absolute;
    top: 0;
    line-height: 16px;
    height: 34px;
    padding: 10px;
    z-index: 3;
    color: rgba(0, 0, 0, .9);
    fill: rgba(0, 0, 0, 0.9)
}

.flatpickr-months .flatpickr-next-month.disabled,
.flatpickr-months .flatpickr-prev-month.disabled {
    display: none
}

.flatpickr-months .flatpickr-next-month i,
.flatpickr-months .flatpickr-prev-month i {
    position: relative
}

.flatpickr-months .flatpickr-next-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month {
    /*!
  /*rtl:begin:ignore*/
    left: 0/*!
  /*rtl:end:ignore*/
}

.flatpickr-months .flatpickr-next-month.flatpickr-next-month,
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month {
    /*!
  /*rtl:begin:ignore*/
    right: 0/*!
  /*rtl:end:ignore*/
}

.flatpickr-months .flatpickr-next-month:hover,
.flatpickr-months .flatpickr-prev-month:hover {
    color: #2f5497
}

.flatpickr-months .flatpickr-next-month:hover svg,
.flatpickr-months .flatpickr-prev-month:hover svg {
    fill: #2f5497
}

.flatpickr-months .flatpickr-next-month svg,
.flatpickr-months .flatpickr-prev-month svg {
    width: 14px;
    height: 14px
}

.flatpickr-months .flatpickr-next-month svg path,
.flatpickr-months .flatpickr-prev-month svg path {
    transition: fill .1s;
    fill: inherit
}

.numInputWrapper {
    position: relative;
    height: auto
}

.numInputWrapper input,
.numInputWrapper span {
    display: inline-block
}

.numInputWrapper input {
    width: 100%
}

.numInputWrapper input::-ms-clear {
    display: none
}

.numInputWrapper input::-webkit-inner-spin-button,
.numInputWrapper input::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none
}

.numInputWrapper span {
    position: absolute;
    right: 0;
    width: 14px;
    padding: 0 4px 0 2px;
    height: 50%;
    line-height: 50%;
    opacity: 0;
    cursor: pointer;
    border: 1px solid rgba(82, 82, 82, .15);
    box-sizing: border-box
}

.numInputWrapper span:hover {
    background: rgba(0, 0, 0, .1)
}

.numInputWrapper span:active {
    background: rgba(0, 0, 0, .2)
}

.numInputWrapper span:after {
    display: block;
    content: "";
    position: absolute
}

.numInputWrapper span.arrowUp {
    top: 0;
    border-bottom: 0
}

.numInputWrapper span.arrowUp:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid rgba(82, 82, 82, .6);
    top: 26%
}

.numInputWrapper span.arrowDown {
    top: 50%
}

.numInputWrapper span.arrowDown:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba(82, 82, 82, .6);
    top: 40%
}

.numInputWrapper span svg {
    width: inherit;
    height: auto
}

.numInputWrapper span svg path {
    fill: rgba(0, 0, 0, 0.5)
}

.numInputWrapper:hover {
    background: rgba(0, 0, 0, .05)
}

.numInputWrapper:hover span {
    opacity: 1
}

.flatpickr-current-month {
    font-size: 135%;
    font-weight: 300;
    color: inherit;
    position: absolute;
    width: 75%;
    left: 12.5%;
    padding: 7.48px 0 0 0;
    line-height: 1;
    height: 34px;
    display: inline-block;
    text-align: center;
    transform: translate3d(0, 0, 0)
}

.flatpickr-current-month span.cur-month {
    font-family: inherit;
    font-weight: 700;
    color: inherit;
    display: inline-block;
    margin-left: .5ch;
    padding: 0
}

.flatpickr-current-month span.cur-month:hover {
    background: rgba(0, 0, 0, .05)
}

.flatpickr-current-month .numInputWrapper {
    width: 6ch;
    display: inline-block
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
    border-bottom-color: rgba(0, 0, 0, .9)
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
    border-top-color: rgba(0, 0, 0, .9)
}

.flatpickr-current-month input.cur-year {
    background: 0 0;
    box-sizing: border-box;
    color: inherit;
    cursor: text;
    padding: 0 0 0 .5ch;
    margin: 0;
    display: inline-block;
    font-size: inherit;
    font-family: inherit;
    font-weight: 300;
    line-height: inherit;
    height: auto;
    border: 0;
    border-radius: 0;
    vertical-align: initial
}

.flatpickr-current-month input.cur-year:focus {
    outline: 0
}

.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
    font-size: 100%;
    color: rgba(0, 0, 0, .5);
    background: 0 0;
    pointer-events: none
}

.flatpickr-monthDropdown-months {
    appearance: menulist;
    background: 0 0;
    border: none;
    border-radius: 0;
    box-sizing: border-box;
    color: inherit;
    cursor: pointer;
    font-size: inherit;
    font-family: inherit;
    font-weight: 300;
    height: auto;
    line-height: inherit;
    margin: -1px 0 0 0;
    outline: 0;
    padding: 0 0 0 .5ch;
    position: relative;
    vertical-align: initial;
    -webkit-box-sizing: border-box;
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    width: auto
}

.flatpickr-monthDropdown-months:active,
.flatpickr-monthDropdown-months:focus {
    outline: 0
}

.flatpickr-monthDropdown-months:hover {
    background: rgba(0, 0, 0, .05)
}

.flatpickr-weekdays {
    background: 0 0;
    text-align: center;
    overflow: hidden;
    width: 100%;
    display: flex;
    align-items: center;
    height: 28px
}

.flatpickr-weekdays .flatpickr-weekdaycontainer {
    display: flex;
    flex: 1
}

span.flatpickr-weekday {
    cursor: default;
    font-size: 90%;
    background: 0 0;
    color: rgba(0, 0, 0, .54);
    line-height: 1;
    margin: 0;
    text-align: center;
    display: block;
    flex: 1;
    font-weight: bolder
}

.dayContainer,
.flatpickr-weeks {
    padding: 1px 0 0 0
}

.flatpickr-days {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: flex-start;
    width: 307.875px
}

.flatpickr-days:focus {
    outline: 0
}

.dayContainer {
    padding: 0;
    outline: 0;
    text-align: left;
    width: 307.875px;
    min-width: 307.875px;
    max-width: 307.875px;
    box-sizing: border-box;
    display: inline-block;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    justify-content: space-around;
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.dayContainer+.dayContainer {
    box-shadow: -1px 0 0 #e6e6e6
}

.flatpickr-day {
    background: 0 0;
    border: 1px solid transparent;
    border-radius: 150px;
    box-sizing: border-box;
    color: #525252;
    cursor: pointer;
    font-weight: 300;
    width: 14.2857143%;
    flex-basis: 14.2857143%;
    max-width: 39px;
    height: 39px;
    line-height: 39px;
    margin: 0;
    display: inline-block;
    position: relative;
    justify-content: center;
    text-align: center
}

.flatpickr-day.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day.nextMonthDay:focus,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.today.inRange,
.flatpickr-day:focus,
.flatpickr-day:hover {
    cursor: pointer;
    outline: 0;
    color: #fff;
    background: #2f5497;
    border-color: #2f5497
}

.flatpickr-day.today {
    border-color: #2f5497
}

.flatpickr-day.today:focus,
.flatpickr-day.today:hover {
    border-color: #2f5497;
    background: #2f5497;
    color: #fff
}

.flatpickr-day.endRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.endRange.nextMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.endRange:focus,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected,
.flatpickr-day.selected.inRange,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.selected:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.startRange:focus,
.flatpickr-day.startRange:hover {
    background: #2f5497;
    box-shadow: none;
    color: #fff;
    border-color: #2f5497
}

.flatpickr-day.endRange.startRange,
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange {
    border-radius: 50px 0 0 50px
}

.flatpickr-day.endRange.endRange,
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange {
    border-radius: 0 50px 50px 0
}

.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)) {
    box-shadow: -10px 0 0 #2f5497
}

.flatpickr-day.endRange.startRange.endRange,
.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange {
    border-radius: 50px
}

.flatpickr-day.inRange {
    border-radius: 0;
    box-shadow: -5px 0 0 #2f5497, 5px 0 0 #2f5497
}

.flatpickr-day.disabled,
.flatpickr-day.disabled:hover,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.nextMonthDay,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.prevMonthDay {
    color: rgba(82, 82, 82, .3);
    background: 0 0;
    border-color: transparent;
    cursor: default
}

.flatpickr-day.disabled,
.flatpickr-day.disabled:hover {
    cursor: not-allowed;
    color: rgba(82, 82, 82, .1)
}

.flatpickr-day.week.selected {
    border-radius: 0;
    box-shadow: -5px 0 0 #2f5497, 5px 0 0 #2f5497
}

.flatpickr-day.hidden {
    visibility: hidden
}

.rangeMode .flatpickr-day {
    margin-top: 1px
}

.flatpickr-weekwrapper {
    display: inline-block;
    float: left
}

.flatpickr-weekwrapper .flatpickr-weeks {
    padding: 0 12px;
    box-shadow: 1px 0 0 #e6e6e6
}

.flatpickr-weekwrapper .flatpickr-weekday {
    float: none;
    width: 100%;
    line-height: 28px
}

.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
    display: block;
    width: 100%;
    max-width: none;
    color: rgba(82, 82, 82, .3);
    background: 0 0;
    cursor: default;
    border: none
}

.flatpickr-innerContainer {
    display: flex;
    box-sizing: border-box;
    overflow: hidden
}

.flatpickr-rContainer {
    display: inline-block;
    padding: 0;
    box-sizing: border-box
}

.flatpickr-time {
    text-align: center;
    outline: 0;
    height: 0;
    line-height: 40px;
    max-height: 40px;
    box-sizing: border-box;
    overflow: hidden;
    display: flex
}

.flatpickr-time:after {
    content: "";
    display: table;
    clear: both
}

.flatpickr-time .numInputWrapper {
    flex: 1;
    width: 40%;
    height: 40px;
    float: left
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
    border-bottom-color: #525252
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
    border-top-color: #525252
}

.flatpickr-time.hasSeconds .numInputWrapper {
    width: 26%
}

.flatpickr-time.time24hr .numInputWrapper {
    width: 49%
}

.flatpickr-time input {
    background: 0 0;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    text-align: center;
    margin: 0;
    padding: 0;
    height: inherit;
    line-height: inherit;
    color: #525252;
    font-size: 14px;
    position: relative;
    box-sizing: border-box
}

.flatpickr-time input.flatpickr-hour {
    font-weight: 700
}

.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
    font-weight: 300
}

.flatpickr-time input:focus {
    outline: 0;
    border: 0
}

.flatpickr-time .flatpickr-am-pm,
.flatpickr-time .flatpickr-time-separator {
    height: inherit;
    display: inline-block;
    float: left;
    line-height: inherit;
    color: #525252;
    font-weight: 700;
    width: 2%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    align-self: center
}

.flatpickr-time .flatpickr-am-pm {
    outline: 0;
    width: 18%;
    cursor: pointer;
    text-align: center;
    font-weight: 300
}

.flatpickr-time .flatpickr-am-pm:focus,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time input:hover {
    background: #ea4171
}

.flatpickr-input[readonly] {
    cursor: pointer
}

@-webkit-keyframes fpFadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fpFadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.flatpickr .input-group-append {
    cursor: pointer
}

.detail-page {
    margin-bottom: 2rem
}

.detail-page .piece>.visual .overlay {
    display: flex;
    flex-direction: column;
    position: relative
}

.detail-page .piece>.visual .overlay .image-src-box {
    order: 2
}

.detail-page .piece>.visual .overlay .visual-overlay {
    order: 1
}

.detail-page .piece>.visual .overlay .copyright {
    position: static
}

.detail-page .detail-visual .visual-info {
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 1.25;
    display: flex;
    flex-direction: column
}

.detail-page .detail-visual .visual-info .infogroup>div+div,
.detail-page .detail-visual .visual-info>div+div {
    margin-top: 1rem
}

.detail-page .detail-visual .visual-info .location .locname {
    margin-bottom: .5rem
}

.detail-page .detail-visual .visual-info .location .adressInfo {
    margin-bottom: 0
}

.detail-page .detail-visual .visual-info .location .adressInfo p:last-child {
    margin-bottom: 0
}

.detail-page .detail-visual .visual-info .location .address+.adressInfo,
.detail-page .detail-visual .visual-info .location .locname+.address {
    margin-top: 1rem
}

.detail-page .detail-visual .visual-info .info::before {
    vertical-align: top;
    display: inline-block;
    width: 2.5rem;
    font-family: FontAwesome;
    padding-right: 1rem
}

.detail-page .detail-visual .visual-info .info>div {
    display: inline-block
}

.detail-page .detail-visual .visual-info .date::before {
    content: "\f133"
}

.detail-page .detail-visual .visual-info .person::before {
    content: "\f2c0"
}

.detail-page .detail-visual .visual-info .location::before {
    content: "\f041"
}

.detail-page .detail-visual .visual-info .images::before {
    content: "\f03e"
}

.detail-page .detail-visual .visual-info .type::before {
    content: "\f05a"
}

.detail-page .detail-visual .visual-text {
    font-weight: 600
}

.detail-page .detail-visual .visual-text strong {
    font-style: italic
}

.detail-page .sub-header {
    margin-bottom: 1.5rem
}

.detail-page.layout-0 .detail-visual.piece.phv:not(.phb)>.visual {
    margin-bottom: 0
}

.detail-page.layout-1 .detail-visual.piece.phv.phh>.visual {
    margin-bottom: 1.5rem
}

.detail-page .detail-visual+.attachment-container,
.detail-page .detail-visual+.detail-content {
    margin-top: 2rem
}

.detail-page .detail-content::after {
    display: block;
    clear: both;
    content: ""
}

.detail-page .detail-content>.piece:not(:last-of-type) {
    margin-bottom: 2rem
}

.detail-page .detail-content+div {
    margin-top: 2rem
}

.detail-page .detail-content+div.attachment-container:empty {
    display: none
}

.detail-page .detail-content>.piece {
    width: 100%
}

.detail-page .detail-addition:last-of-type .element:last-of-type,
.detail-page .detail-addition:last-of-type .subelement:last-of-type,
.detail-page .detail-addition:last-of-type.element,
.detail-page .detail-addition:last-of-type.subelement {
    margin-bottom: 0
}

@media (min-width:764px) {
    .detail-page .overlay {
        display: block
    }
    .detail-page .visual-overlay {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 80%;
        pointer-events: none;
        z-index: 7;
        transform: translate(-50%, -50%)
    }
    .detail-page .visual-overlay .intro-headline {
        margin: 0
    }
    .detail-page .visual-overlay .intro-headline>span {
        margin: 0;
        text-align: center;
        font-weight: 300;
        color: #fff;
        text-shadow: 0 0 10px rgba(0, 0, 0, .5);
        line-height: 1.15
    }
    .detail-page .visual-overlay .intro-headline>.intro {
        font-size: 2.2rem;
        margin-bottom: .5rem
    }
    .detail-page .visual-overlay .intro-headline>.headline {
        font-size: 4.65rem
    }
    .detail-page .visual-darken {
        position: absolute;
        pointer-events: none;
        top: 0;
        height: 100%;
        width: 100%;
        z-index: 7;
        background-image: linear-gradient(rgba(99, 99, 99, 0), rgba(99, 99, 99, .3) 30%, rgba(99, 99, 99, .3) 70%, rgba(99, 99, 99, 0))
    }
    .detail-page .detail-visual.full .visual-info {
        flex-direction: row;
        justify-content: space-between
    }
    .detail-page .detail-visual.full .visual-info.right {
        justify-content: flex-end
    }
    .detail-page .detail-visual.full .visual-info>div+div {
        margin-top: 0
    }
    .detail-page .detail-visual.full .visual-info .person {
        order: 1
    }
    .detail-page .detail-visual.full .visual-info .date,
    .detail-page .detail-visual.full .visual-info .infogroup {
        order: 10
    }
}

html.opencms-page-editor .detail-page.oc-detail-preview {
    opacity: .75;
    background-image: repeating-linear-gradient(135deg, transparent, transparent 10px, rgba(0, 0, 0, .1) 10px, rgba(0, 0, 0, .1) 20px)
}

.type-wallsio:not(.external-cookie-notice).remove-margin .wallsio-container {
    margin-left: -21px;
    margin-right: -21px
}

.type-wallsio:not(.external-cookie-notice).remove-margin .wallsio-container .wallsio-load-more-button {
    margin-left: 21px
}

.type-wallsio:not(.external-cookie-notice) .wallsio-load-more-button {
    margin: 0;
    padding: 6px 20px;
    display: inline-block;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-shadow: none;
    min-height: 39px;
    border: none;
    font-size: 14px;
    font-weight: 400;
    border-radius: 4px;
    background-color: #525252;
    color: #fff
}

.open .dropdown-toggle .type-wallsio:not(.external-cookie-notice) .wallsio-load-more-button,
.type-wallsio:not(.external-cookie-notice) .wallsio-load-more-button.active,
.type-wallsio:not(.external-cookie-notice) .wallsio-load-more-button:focus,
.type-wallsio:not(.external-cookie-notice) .wallsio-load-more-button:hover {
    color: #fff;
    background-color: #2f5497;
    text-decoration: none;
    cursor: pointer;
    transition-property: color, background-color, border-color;
    transition-duration: .33s;
    transition-timing-function: ease
}

.type-wallsio:not(.external-cookie-notice) .wallsio-load-more-button.disabled,
.type-wallsio:not(.external-cookie-notice) .wallsio-load-more-button[disabled],
fieldset[disabled] .type-wallsio:not(.external-cookie-notice) .wallsio-load-more-button {
    background-color: #525252;
    color: #fff;
    cursor: not-allowed
}

.calendar-sheet {
    background: #f7f7f7;
    font-family: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}

.calendar-sheet>span {
    color: #525252
}

.calendar-sheet>.day-number {
    font-size: 24px;
    font-weight: 600;
    color: #2f5497;
    line-height: 30px
}

@media (max-width:763.98px) {
    .area-wide .calendar-sheet-parent .image-src-box.presized,
    .area-wide .calendar-sheet-piece .image-src-box.presized {
        padding-bottom: 0 !important;
        height: auto
    }
    .area-wide .calendar-sheet {
        border-bottom: 2px solid #2f5497;
        display: inline-block;
        width: 100%;
        padding: 10px 0
    }
    .area-wide .calendar-sheet .day-name {
        margin-right: 15px;
        float: right
    }
    .area-wide .calendar-sheet .day-number,
    .area-wide .calendar-sheet .month-year {
        margin-left: 15px;
        float: left
    }
    .area-wide .calendar-sheet .day-name,
    .area-wide .calendar-sheet .day-number,
    .area-wide .calendar-sheet .month-year {
        line-height: 30px
    }
}

@media (min-width:764px) {
    .area-wide .calendar-sheet-piece.fixed.flex>.visual {
        min-width: 165px;
        max-width: 165px
    }
    .area-wide .calendar-sheet-piece.fixed.flex>.body {
        flex: 0 0 calc(100% - 165px);
        max-width: calc(100% - 165px)
    }
    .area-wide .calendar-sheet-piece.fixed.float>.visual {
        min-width: 150px;
        max-width: 150px
    }
    .area-wide .calendar-sheet-piece.fixed.float>.body {
        flex: 0 0 calc(100% - 150px);
        max-width: calc(100% - 150px)
    }
    .area-wide .calendar-sheet {
        position: absolute;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        border: 1px solid #525252;
        border-radius: 4px;
        box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
        text-align: center
    }
    .area-wide .calendar-sheet::before {
        display: block;
        content: "";
        position: absolute;
        top: 0;
        left: 10%;
        height: 15px;
        border-bottom: none;
        margin: 0;
        background-color: #2f5497;
        width: calc(100% - 20%)
    }
    .area-wide .calendar-sheet>span {
        display: block
    }
    .area-wide .calendar-sheet .day-name,
    .area-wide .calendar-sheet .month-year {
        padding: 10px
    }
}

.area-narrow .calendar-sheet-parent .image-src-box.presized,
.area-narrow .calendar-sheet-piece .image-src-box.presized {
    padding-bottom: 0 !important;
    height: auto
}

.area-narrow .calendar-sheet {
    border-bottom: 2px solid #2f5497;
    display: inline-block;
    width: 100%;
    padding: 10px 0
}

.area-narrow .calendar-sheet .day-name {
    margin-right: 15px;
    float: right
}

.area-narrow .calendar-sheet .day-number,
.area-narrow .calendar-sheet .month-year {
    margin-left: 15px;
    float: left
}

.area-narrow .calendar-sheet .day-name,
.area-narrow .calendar-sheet .day-number,
.area-narrow .calendar-sheet .month-year {
    line-height: 30px
}

.area-narrow .calendar-sheet-piece.piece.flex>.body,
.area-narrow .calendar-sheet-piece.piece.flex>.visual {
    padding-left: 0;
    padding-right: 0
}

.color-grey-darker .calendar-sheet:before {
    background-color: #5a6069;
    border-color: #5a6069
}

.color-grey-darker .calendar-sheet .day-number {
    color: #5a6069
}

.color-grey-dark .calendar-sheet:before {
    background-color: #7f8691;
    border-color: #7f8691
}

.color-grey-dark .calendar-sheet .day-number {
    color: #7f8691
}

.color-grey .calendar-sheet:before {
    background-color: #a8adb4;
    border-color: #a8adb4
}

.color-grey .calendar-sheet .day-number {
    color: #a8adb4
}

.color-grey-light .calendar-sheet:before {
    background-color: #525252;
    border-color: #525252
}

.color-grey-light .calendar-sheet .day-number {
    color: #525252
}

.color-grey-lighter .calendar-sheet:before {
    background-color: #f7f7f7;
    border-color: #f7f7f7
}

.color-grey-lighter .calendar-sheet .day-number {
    color: #f7f7f7
}

.color-violet .calendar-sheet:before {
    background-color: #642f5b;
    border-color: #642f5b
}

.color-violet .calendar-sheet .day-number {
    color: #642f5b
}

.color-green .calendar-sheet:before {
    background-color: #00af33;
    border-color: #00af33
}

.color-green .calendar-sheet .day-number {
    color: #00af33
}

.color-yellow .calendar-sheet:before {
    background-color: #ffd900;
    border-color: #ffd900
}

.color-yellow .calendar-sheet .day-number {
    color: #ffd900
}

.color-cyan .calendar-sheet:before {
    background-color: #1bb39a;
    border-color: #1bb39a
}

.color-cyan .calendar-sheet .day-number {
    color: #1bb39a
}

.color-blue-dark .calendar-sheet:before {
    background-color: #0d2c56;
    border-color: #0d2c56
}

.color-blue-dark .calendar-sheet .day-number {
    color: #0d2c56
}

.color-blue .calendar-sheet:before {
    background-color: #144382;
    border-color: #144382
}

.color-blue .calendar-sheet .day-number {
    color: #144382
}

.color-blue-light .calendar-sheet:before {
    background-color: #2197db;
    border-color: #2197db
}

.color-blue-light .calendar-sheet .day-number {
    color: #2197db
}

.color-orange-dark .calendar-sheet:before {
    background-color: #d9622d;
    border-color: #d9622d
}

.color-orange-dark .calendar-sheet .day-number {
    color: #d9622d
}

.color-orange .calendar-sheet:before {
    background-color: #ffa826;
    border-color: #ffa826
}

.color-orange .calendar-sheet .day-number {
    color: #ffa826
}

.color-red-dark .calendar-sheet:before {
    background-color: #8b1528;
    border-color: #8b1528
}

.color-red-dark .calendar-sheet .day-number {
    color: #8b1528
}

.color-red .calendar-sheet:before {
    background-color: #b31b34;
    border-color: #b31b34
}

.color-red .calendar-sheet .day-number {
    color: #b31b34
}

.color-white .calendar-sheet:before {
    background-color: #fff;
    border-color: #fff
}

.color-white .calendar-sheet .day-number {
    color: #fff
}

.color-default .calendar-sheet:before {
    background-color: #2f5497;
    border-color: #2f5497
}

.color-default .calendar-sheet .day-number {
    color: #2f5497
}

table.submissions {
    table-layout: fixed;
    width: 100%
}

table.submissions tr>td:last-of-type {
    font-weight: 600
}

table.submissions tr.emphasize>td {
    font-weight: 600;
    font-style: italic
}

table.submissions td {
    padding-bottom: .5rem;
    vertical-align: top
}

.book-info>span {
    display: inline-block
}

.book-info .book-msg {
    background-color: #f7f7f7;
    font-weight: 400;
    border-radius: 4px
}

.book-info .book-msg+.oct-meta-info {
    margin-left: 10px
}

.detail-page .book-info .book-msg,
.detail-page .book-info .oct-meta-info {
    padding: 6px 20px
}

.accordion .book-info,
.teaser .book-info {
    font-size: 1.3rem;
    line-height: 1.1;
    margin: 8px 0
}

.accordion .book-info .book-msg,
.accordion .book-info .oct-meta-info,
.teaser .book-info .book-msg,
.teaser .book-info .oct-meta-info {
    display: inline-block;
    padding: 1px 8px
}

.accordion .book-info .oct-meta-info {
    margin-right: 1rem
}

.accordion .book-info .oct-meta-info:last-of-type {
    margin-right: 0
}

.tile-col .book-info .book-msg::after {
    content: "\a";
    white-space: pre
}

.tile-col .book-info .oct-meta-info {
    margin-top: 5px;
    margin-left: 0
}

@media (max-width:763.98px) {
    .area-foot {
        line-height: 1.8
    }
}

.area-foot .topfoot {
    display: flex;
    padding-top: 2rem;
    background-color: #000;
    color: #525252
}

.area-foot .topfoot h1,
.area-foot .topfoot h2,
.area-foot .topfoot h3,
.area-foot .topfoot h4,
.area-foot .topfoot h5,
.area-foot .topfoot h6 {
    color: #fff
}

.area-foot .topfoot a:not(.btn) {
    color: #fff
}

.area-foot .topfoot a:not(.btn):focus,
.area-foot .topfoot a:not(.btn):hover {
    color: #fff
}

.area-foot .subfoot {
    display: flex;
    padding-top: 2rem;
    background-color: #f7f7f7;
    color: #525252
}

.area-foot .subfoot h1,
.area-foot .subfoot h2,
.area-foot .subfoot h3,
.area-foot .subfoot h4,
.area-foot .subfoot h5,
.area-foot .subfoot h6 {
    color: #525252
}

.area-foot .subfoot a:not(.btn) {
    color: #525252
}

.area-foot .subfoot a:not(.btn):focus,
.area-foot .subfoot a:not(.btn):hover {
    color: #525252
}

#topcontrol {
    color: #fff;
    background: #2f5497;
    z-index: 150150;
    width: 40px;
    height: 40px;
    font-size: 25px;
    line-height: 36px;
    display: block;
    position: fixed;
    visibility: visible;
    bottom: 15px;
    border-radius: 4px !important;
    cursor: pointer;
    pointer-events: none;
    opacity: 0;
    right: 30px
}

@media (min-width:1014px) {
    #topcontrol {
        right: 15px
    }
}

#topcontrol.show {
    transition: opacity .33s;
    pointer-events: auto;
    opacity: 1
}

#topcontrol:hover {
    transition-property: color, background-color, border-color;
    transition-duration: .33s;
    transition-timing-function: ease;
    background-color: #525252
}

#topcontrol::after {
    width: 40px;
    line-height: 38px;
    content: "\f106";
    position: absolute;
    text-align: center;
    font-family: FontAwesome
}

@media (max-width:551.98px) {
    #topcontrol {
        width: 30px;
        height: 30px
    }
    #topcontrol::after {
        width: 30px;
        line-height: 28px
    }
}

.styled-form {
    margin: 0;
    outline: 0;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.4;
    border: 1px solid #a8adb4;
    border-radius: 4px;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    overflow-wrap: break-word
}

.styled-form.element,
.styled-form.subelement {
    margin-bottom: 2rem
}

.styled-form header {
    border-bottom: 1px solid #a8adb4;
    padding: 2rem 3rem
}

.styled-form fieldset {
    display: block;
    padding: 2rem 3rem;
    border: none
}

.styled-form fieldset p:last-child {
    margin-bottom: 0
}

.styled-form .webform_subfields fieldset {
    padding: 0
}

.styled-form fieldset+fieldset {
    border-top: 1px solid #a8adb4
}

.styled-form .webform_subfields,
.styled-form section {
    margin-bottom: 2rem
}

.styled-form .webform_subfields,
.styled-form div {
    margin-bottom: 2rem
}

.styled-form .webform_subfields:last-child,
.styled-form section:last-child {
    margin-bottom: 0 !important
}

.styled-form footer {
    display: block;
    padding: 2rem 3rem;
    border-top: 1px solid #a8adb4
}

.styled-form footer:after {
    content: "";
    display: table;
    clear: both
}

.styled-form .label,
.styled-form label {
    display: block;
    font-weight: 600
}

.styled-form .note {
    margin-top: .5rem;
    padding: 0;
    font-size: 100%;
    line-height: 1.5
}

.styled-form .button,
.styled-form .checkbox,
.styled-form .input,
.styled-form .radio,
.styled-form .select,
.styled-form .textarea,
.styled-form .toggle {
    position: relative;
    display: block
}

.styled-form input.datepicker.flatpickr-mobile,
.styled-form input.datepicker.input {
    position: static
}

.styled-form input.datepicker:not([value*="."]):not([value*="/"]):not([value*="-"])+input.datepicker.flatpickr-mobile::before {
    color: #a8adb4;
    content: attr(placeholder)
}

.styled-form .input input,
.styled-form .select select,
.styled-form .textarea textarea {
    font-weight: 400;
    font-size: 1.6rem;
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 7px 10px;
    outline: 0;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    background-color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.styled-form .input input::-moz-placeholder,
.styled-form .select select::-moz-placeholder,
.styled-form .textarea textarea::-moz-placeholder {
    font-weight: 400;
    font-size: 1.6rem;
    color: #a8adb4
}

.styled-form .input input:-ms-input-placeholder,
.styled-form .select select:-ms-input-placeholder,
.styled-form .textarea textarea:-ms-input-placeholder {
    font-weight: 400;
    font-size: 1.6rem;
    color: #a8adb4
}

.styled-form .input input::placeholder,
.styled-form .select select::placeholder,
.styled-form .textarea textarea::placeholder {
    font-weight: 400;
    font-size: 1.6rem;
    color: #a8adb4
}

.styled-form .input.button {
    display: flex;
    flex: 1 1 auto
}

.styled-form .input.button input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.styled-form .input.button button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.styled-form .input.button input {
    border-right-style: none
}

.styled-form .input.button button.btn {
    padding-top: 0;
    padding-bottom: 0;
    line-height: 1;
    border: 1px solid #a8adb4;
    border-left-style: none
}

.styled-form .input-file .button {
    margin: 0;
    padding: 6px 20px;
    display: inline-block;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-shadow: none;
    min-height: 39px;
    border: none;
    font-size: 14px;
    font-weight: 400;
    border-radius: 4px;
    background-color: #525252;
    color: #fff;
    position: absolute;
    top: 4px;
    right: 4px;
    float: none;
    height: calc(100% - 8px);
    line-height: 31px;
    padding: 0 2rem;
    font-size: 80%
}

.open .dropdown-toggle .styled-form .input-file .button,
.styled-form .input-file .button.active,
.styled-form .input-file .button:focus,
.styled-form .input-file .button:hover {
    color: #fff;
    background-color: #2f5497;
    text-decoration: none;
    cursor: pointer;
    transition-property: color, background-color, border-color;
    transition-duration: .33s;
    transition-timing-function: ease
}

.styled-form .input-file .button.disabled,
.styled-form .input-file .button[disabled],
fieldset[disabled] .styled-form .input-file .button {
    background-color: #525252;
    color: #fff;
    cursor: not-allowed
}

.styled-form .input-file .button input {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    cursor: pointer;
    opacity: 0;
    width: 100%;
    height: 100%
}

.styled-form .select i {
    position: absolute;
    top: 0;
    right: 2px;
    width: 28px;
    height: 100%;
    pointer-events: none
}

.styled-form .select i::after,
.styled-form .select i::before {
    content: "";
    position: absolute;
    right: 10px;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent
}

.styled-form .select i::before {
    top: 12px;
    border-bottom: 5px solid #7f8691
}

.styled-form .select i::after {
    bottom: 12px;
    border-top: 5px solid #7f8691
}

.styled-form .select select {
    cursor: pointer;
    padding-right: 28px
}

.styled-form .select-multiple select {
    height: auto
}

.styled-form .textarea textarea {
    height: auto;
    resize: none
}

.styled-form .textarea-resizable textarea {
    resize: vertical
}

.styled-form .textarea-expandable textarea:focus {
    height: auto
}

.styled-form .checkbox,
.styled-form .radio {
    font-weight: 400;
    padding-left: 35px;
    cursor: pointer
}

.styled-form .checkbox:last-child,
.styled-form .radio:last-child {
    margin-bottom: 0
}

.styled-form .checkbox input,
.styled-form .radio input {
    position: absolute;
    left: -9999px
}

.styled-form .checkbox i,
.styled-form .radio i {
    position: absolute;
    top: 3px;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
    outline: 0;
    border-width: 1px;
    border-style: solid;
    background-color: #fff
}

.styled-form .checkbox input+i::after,
.styled-form .radio input+i::after {
    position: absolute;
    opacity: 0;
    transition: opacity .1s
}

.styled-form .checkbox input:checked+i::after,
.styled-form .radio input:checked+i::after {
    opacity: 1;
    color: #2f5497
}

.styled-form .radio i {
    border-radius: 50%
}

.styled-form .radio input+i::after {
    content: "";
    top: 4px;
    left: 4px;
    width: 10px;
    height: 10px;
    border-radius: 50%
}

.styled-form .checkbox input+i::after {
    content: "\f00c";
    top: -5px;
    left: -1px;
    font-size: 23px;
    line-height: 23px;
    font-family: FontAwesome;
    font-weight: 400;
    text-align: center
}

.styled-form .toggle {
    font-weight: 400;
    padding-right: 70px;
    cursor: pointer
}

.styled-form .toggle:last-child {
    margin-bottom: 0
}

.styled-form .toggle input {
    position: absolute;
    left: -9999px
}

.styled-form .toggle input:checked+i::before {
    right: 36px;
    background-color: #2f5497
}

.styled-form .toggle input:checked+i::after {
    content: "ON";
    text-align: right;
    color: #2f5497
}

.styled-form .toggle i {
    content: "";
    position: absolute;
    top: 4px;
    right: 0;
    display: block;
    width: 55px;
    height: 20px;
    border-width: 1px;
    border-style: solid;
    border-radius: 12px;
    background-color: #fff
}

.styled-form .toggle i::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 4px;
    right: 4px;
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    opacity: 1;
    transition: right .2s;
    background-color: #7f8691
}

.styled-form .toggle i::after {
    content: "OFF";
    position: absolute;
    top: 3px;
    right: 8px;
    left: 8px;
    font-style: normal;
    font-size: 12px;
    line-height: 12px;
    font-weight: 400;
    text-align: left;
    color: #7f8691
}

.styled-form .icon-append,
.styled-form .icon-prepend {
    position: absolute;
    width: 29px;
    line-height: inherit;
    text-align: center;
    margin-top: 3px;
    padding-top: 5px;
    padding-bottom: 5px
}

.styled-form .icon-append {
    right: 5px;
    padding-left: 3px;
    border-left-width: 1px;
    border-left-style: solid
}

.styled-form .icon-prepend {
    left: 5px;
    padding-right: 3px;
    border-right-width: 1px;
    border-right-style: solid
}

.styled-form .input .icon-append+textarea,
.styled-form .input .icon-append~input,
.styled-form .textarea .icon-append+textarea,
.styled-form .textarea .icon-append~input {
    padding-right: 34px
}

.styled-form .input .icon-prepend+textarea,
.styled-form .input .icon-prepend~input,
.styled-form .textarea .icon-prepend+textarea,
.styled-form .textarea .icon-prepend~input {
    padding-left: 42px
}

.styled-form .textarea .icon-append,
.styled-form .textarea .icon-prepend {
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.styled-form .textarea .icon-append {
    border-bottom-left-radius: 4px
}

.styled-form .textarea .icon-prepend {
    border-bottom-right-radius: 4px
}

.styled-form .checkbox i,
.styled-form .icon-append,
.styled-form .icon-prepend,
.styled-form .input input,
.styled-form .radio i,
.styled-form .select select,
.styled-form .textarea textarea {
    border-color: #a8adb4
}

.styled-form .icon-append,
.styled-form .icon-prepend {
    color: #7f8691
}

.styled-form .radio input+i::after {
    background-color: #2f5497
}

.styled-form .checkbox input+i::after {
    color: #2f5497
}

.styled-form .checkbox i,
.styled-form .radio i,
.styled-form .toggle i {
    border-color: #7f8691
}

.styled-form .checkbox input:checked+i,
.styled-form .radio input:checked+i,
.styled-form .toggle input:checked+i {
    border-color: #7f8691
}

.styled-form .checkbox i {
    border-radius: 4px
}

.styled-form.state-error .checkbox.state-error i,
.styled-form.state-error .radio.state-error i,
.styled-form.state-error .state-error input,
.styled-form.state-error .state-error select,
.styled-form.state-error .state-error textarea,
.styled-form.state-error .toggle.state-error i,
.styled-form.state-error .toggle.state-error input:checked+i {
    background-color: #fee
}

.styled-form.state-error .note-error {
    color: #b22
}

.styled-form .state-disabled.button,
.styled-form .state-disabled.checkbox,
.styled-form .state-disabled.input input,
.styled-form .state-disabled.radio,
.styled-form .state-disabled.select,
.styled-form .state-disabled.textarea,
.styled-form .state-disabled.toggle {
    cursor: default;
    opacity: .5
}

.styled-form .state-disabled-alt.button,
.styled-form .state-disabled-alt.checkbox,
.styled-form .state-disabled-alt.input input,
.styled-form .state-disabled-alt.radio,
.styled-form .state-disabled-alt.select,
.styled-form .state-disabled-alt.textarea,
.styled-form .state-disabled-alt.toggle {
    cursor: default
}

.styled-form .state-disabled-alt.radio input:checked+i::after {
    background-color: #7f8691
}

.styled-form .state-disabled-alt.checkbox input:checked+i::after {
    color: #7f8691
}

.styled-form .input .captcha {
    background-color: #fff;
    margin-bottom: 1rem;
    border: 1px dashed #525252;
    border-radius: 4px;
    overflow: hidden
}

.styled-form .input .captcha img {
    max-width: 100% !important
}

@media (max-width:551.98px) {
    .styled-form fieldset,
    .styled-form footer,
    .styled-form header {
        padding: 1rem 1rem
    }
    .styled-form section {
        margin-bottom: 1rem
    }
    .styled-form .input input::-moz-placeholder,
    .styled-form .select select::-moz-placeholder,
    .styled-form .textarea textarea::-moz-placeholder {
        font-size: 1.3rem
    }
    .styled-form .input input:-ms-input-placeholder,
    .styled-form .select select:-ms-input-placeholder,
    .styled-form .textarea textarea:-ms-input-placeholder {
        font-size: 1.3rem
    }
    .styled-form .input input::placeholder,
    .styled-form .select select::placeholder,
    .styled-form .textarea textarea::placeholder {
        font-size: 1.3rem
    }
}

@media (min-width:1014px) {
    .styled-form .radio i,
    .styled-form .toggle i {
        top: 0
    }
    .styled-form .checkbox i {
        top: 1px
    }
    .styled-form .inline-group {
        margin: 0 -30px -.5rem 0
    }
    .styled-form .inline-group::after {
        content: "";
        display: table;
        clear: both
    }
    .styled-form .inline-group .checkbox {
        float: left;
        margin-right: 30px
    }
    .styled-form .webform_subfields fieldset {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

.styled-form.compact fieldset,
.styled-form.compact footer,
.styled-form.compact header {
    padding: 1rem
}

.styled-form.compact section {
    margin-bottom: 1rem
}

.styled-form.compact .input input,
.styled-form.compact .select select,
.styled-form.compact .textarea textarea {
    padding: 4px 10px
}

.styled-form.compact .select i::before {
    top: 9px
}

.styled-form.compact .select i::after {
    bottom: 9px
}

.styled-form.compact .select select {
    padding-right: 28px
}

.styled-form.compact .icon-append,
.styled-form.compact .icon-prepend {
    padding-top: 2px;
    padding-bottom: 2px
}

.styled-form.no-border {
    border: none
}

.styled-form.no-border fieldset,
.styled-form.no-border footer,
.styled-form.no-border form,
.styled-form.no-border header {
    border: none;
    padding: 0;
    margin-bottom: 1rem
}

.styled-form.no-bg {
    background-color: inherit
}

.type-webform .form-header {
    margin-bottom: 2rem
}

.type-webform .form-footer {
    margin-top: 2rem
}

.type-webform .form-footer>p:last-of-type {
    margin-bottom: 0
}

@media (max-width:551.98px) {
    .type-webform .table.table-responsive {
        font-size: 12px
    }
}

.type-webform .btn.resetbutton {
    background-color: #525252;
    color: #fff
}

.open .dropdown-toggle .type-webform .btn.resetbutton,
.type-webform .btn.resetbutton.active,
.type-webform .btn.resetbutton:focus,
.type-webform .btn.resetbutton:hover {
    color: #fff;
    background-color: #2f5497;
    text-decoration: none;
    cursor: pointer;
    transition-property: color, background-color, border-color;
    transition-duration: .33s;
    transition-timing-function: ease
}

.type-webform .btn.resetbutton.disabled,
.type-webform .btn.resetbutton[disabled],
fieldset[disabled] .type-webform .btn.resetbutton {
    background-color: #525252;
    color: #fff;
    cursor: not-allowed
}

.type-webform .formbtn-row {
    display: block
}

.type-webform .formbtn-row .formbtn {
    margin-bottom: 2rem
}

.type-webform .formbtn-row .formbtn:last-of-type {
    margin-bottom: 0
}

.type-webform .formbtn-row .formbtn .btn,
.type-webform .formbtn-row .formbtn.btn {
    width: 100%;
    display: block
}

.type-webform table.webform-input {
    background-color: #fff
}

.type-webform table.webform-input td.label {
    white-space: nowrap
}

.type-webform table.webform-input td.value {
    width: 100%
}

@media (min-width:764px) {
    .type-webform .formbtn-row {
        display: flex;
        justify-content: center
    }
    .type-webform .formbtn-row .formbtn {
        margin-bottom: 0;
        margin-left: 1rem;
        margin-right: 1rem;
        width: auto
    }
    .type-webform .formbtn-row .formbtn .btn,
    .type-webform .formbtn-row .formbtn.btn {
        width: auto;
        min-width: 200px
    }
}

.type-webform .checkpage .correctaction {
    margin-bottom: 2rem
}

@media (min-width:764px) {
    .type-webform .checkpage .correctaction {
        margin-bottom: 0
    }
}

.row-12::after,
.row-square::after,
.row-tile::after {
    display: block;
    clear: both;
    content: ""
}

.row-tile {
    flex-direction: row
}

.flex-col,
.row-12 {
    display: flex;
    flex-direction: column
}

.row-12.box>div.element:last-child {
    margin-bottom: 0
}

.tile-margin-0.row-tile {
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 30px
}

.tile-margin-0 .tile-col {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0
}

.tile-margin-0.row-tile>.container-box {
    margin-left: 0;
    margin-right: 0
}

.tile-margin-2.row-tile {
    margin-left: -2px;
    margin-right: -2px;
    padding-bottom: 26px
}

.tile-margin-2 .tile-col {
    padding-left: 2px;
    padding-right: 2px;
    margin-bottom: 1rem
}

@media (min-width:764px) {
    .tile-margin-2 .tile-col {
        margin-bottom: 4px
    }
}

.tile-margin-2.row-tile>.container-box {
    margin-left: 2px;
    margin-right: 2px
}

.tile-margin-5.row-tile {
    margin-left: -5px;
    margin-right: -5px;
    padding-bottom: 20px
}

.tile-margin-5 .tile-col {
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 1rem
}

@media (min-width:764px) {
    .tile-margin-5 .tile-col {
        margin-bottom: 10px
    }
}

.tile-margin-5.row-tile>.container-box {
    margin-left: 5px;
    margin-right: 5px
}

.tile-margin-10.row-tile {
    margin-left: -10px;
    margin-right: -10px;
    padding-bottom: 10px
}

.tile-margin-10 .tile-col {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 1rem
}

@media (min-width:764px) {
    .tile-margin-10 .tile-col {
        margin-bottom: 20px
    }
}

.tile-margin-10.row-tile>.container-box {
    margin-left: 10px;
    margin-right: 10px
}

.tile-margin-15.row-tile {
    margin-left: -15px;
    margin-right: -15px;
    padding-bottom: 0
}

.tile-margin-15 .tile-col {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px
}

.tile-margin-15.row-tile>.container-box {
    margin-left: 15px;
    margin-right: 15px
}

.colored-row {
    display: flex;
    flex-direction: column;
    padding-top: 2rem
}

.colored-row.bg-highlight {
    background-color: #f7f7f7
}

.colored-row.bg-switch:nth-of-type(even) {
    background-color: #f7f7f7
}

.colored-row.bg-theme {
    background-color: #2f5497
}

.colored-row.bg-grey-light {
    background-color: #525252
}

.colored-row.bg-grey {
    background-color: #a8adb4
}

.area-content.colored-row+.area-content:not(.colored-row) {
    margin-top: 0
}

@media (min-width:552px) and (max-width:1013.98px) {
    .co-sm-md {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        margin-right: auto;
        margin-left: auto;
        max-width: 540px
    }
}

@media (min-width:764px) and (max-width:1013.98px) {
    .co-sm-md {
        max-width: 744px
    }
}

@media (min-width:1014px) {
    .co-lg-xl {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        max-width: 992px
    }
}

@media (min-width:1200px) {
    .co-lg-xl {
        max-width: 1170px
    }
}

header.fh .h-meta,
header.fh .h-title {
    display: none
}

header.fh .h-logo {
    width: 100%;
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-right: 15px;
    padding-left: 15px
}

header.fh .h-ac {
    display: none
}

header.fh.ac-mobile .h-ac {
    display: block
}

header.fh.ac-mobile .h-ac .container>div>.element,
header.fh.ac-mobile .h-ac>div>.element {
    margin-bottom: 0
}

header.fh.ac-mobile.ac-full-size .h-ac {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw
}

header.fh .nav-main-mobile-logo .mobile-logolink {
    display: flex
}

header.fh .nav-main-mobile-logo .img-responsive {
    display: inline-block
}

@media (min-width:552px) {
    header.fh .h-logo .header-image {
        max-width: none
    }
}

@media (max-width:1013.98px) {
    header.fh .mega .nav-mega-menu .element:not(.type-nav-side):not(.ls-navigation),
    header.fh .mega .nav-mega-menu .teaser {
        display: none
    }
    header.fh .mega .nav-mega-menu>.row-tile>div,
    header.fh .mega .nav-mega-menu>.row>div {
        max-width: none;
        flex: none
    }
    header.fh.title-mobile .h-info,
    header.fh.title-mobile.lp-c .h-title {
        display: flex;
        order: 10;
        padding-bottom: 7.5px;
        padding-top: 15px;
        width: 100vw;
        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw
    }
    header.fh.title-mobile .h-info .h-title,
    header.fh.title-mobile.lp-c .h-title>div {
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
        overflow-wrap: break-word;
        font-weight: 600;
        line-height: 1.25;
        line-height: 1.2;
        font-size: 2.2rem;
        text-align: left;
        display: block;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto
    }
    header.fh.title-mobile .h-info .h-meta {
        display: none
    }
}

@media (max-width:1013.98px) and (min-width:552px) {
    header.fh.title-mobile .h-info .h-title,
    header.fh.title-mobile.lp-c .h-title>div {
        max-width: 540px
    }
}

@media (max-width:1013.98px) and (min-width:764px) {
    header.fh.title-mobile .h-info .h-title,
    header.fh.title-mobile.lp-c .h-title>div {
        max-width: 744px
    }
}

@media (max-width:1013.98px) {
    header.fh.title-mobile.title-left .h-title {
        text-align: left
    }
}

@media (max-width:1013.98px) {
    header.fh.title-mobile.title-center .h-title {
        text-align: center
    }
}

@media (max-width:1013.98px) {
    header.fh.title-mobile.title-right .h-title {
        text-align: right
    }
}

@media (min-width:1014px) {
    header.fh .head {
        display: flex;
        flex-direction: column
    }
    header.fh .header-group {
        border-bottom: 1px solid #525252
    }
    header.fh .h-logo {
        order: 4;
        display: flex;
        align-items: flex-end;
        width: 100%
    }
    header.fh .h-logo>a.imglink {
        width: 100%;
        display: block
    }
    header.fh .h-group {
        order: 6;
        display: flex;
        position: relative;
        padding-right: 0;
        padding-left: 0
    }
    header.fh .h-info {
        order: 6;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 100%
    }
    header.fh .h-info>.h-nav {
        align-items: flex-end
    }
    header.fh .h-info>.h-title {
        color: #525252;
        background-color: transparent
    }
    header.fh.lp-l .h-info {
        padding-right: 15px
    }
    header.fh.lp-c .header-group .h-logo {
        margin-right: auto;
        margin-left: auto;
        flex: 0 0 auto
    }
    header.fh.lp-r .h-info {
        order: 3
    }
    header.fh.lp-r .h-info .h-meta,
    header.fh.lp-r .h-info .h-title {
        padding-left: 15px
    }
    header.fh .h-meta {
        order: 8;
        display: flex;
        flex-grow: 0;
        flex-basis: auto;
        flex-direction: column;
        padding-top: .5rem
    }
    header.fh .h-meta .header-links {
        display: flex;
        flex-basis: auto
    }
    header.fh.meta-left .header-links {
        justify-content: flex-start
    }
    header.fh.meta-left .h-info .h-meta {
        padding-left: 15px
    }
    header.fh.meta-center .header-links {
        justify-content: center
    }
    header.fh.meta-right .header-links {
        justify-content: flex-end
    }
    header.fh.meta-above .h-meta {
        order: 1
    }
    header.fh .h-title {
        order: 10;
        display: flex;
        flex-direction: column;
        flex-basis: auto;
        flex-grow: 1000;
        font-weight: 600;
        line-height: 1.25;
        padding-top: .5rem;
        padding-bottom: .5rem;
        color: #525252;
        font-size: 2rem;
        line-height: 1.2;
        width: 100%
    }
    header.fh.title-top .h-title {
        justify-content: flex-start
    }
    header.fh.title-middle .h-title {
        justify-content: center
    }
    header.fh.title-bottom .h-title {
        justify-content: flex-end
    }
    header.fh.title-bottom.nav-aside .h-nav {
        padding-top: .5rem
    }
    header.fh.lp-r.title-default .h-title,
    header.fh.title-left .h-title {
        align-self: flex-start;
        text-align: left
    }
    header.fh.lp-r.title-default .h-info .h-title,
    header.fh.title-left .h-info .h-title {
        padding-left: 15px
    }
    header.fh.lp-c.title-default .h-title,
    header.fh.title-center .h-title {
        align-self: center;
        text-align: center
    }
    header.fh.lp-l.title-default .h-title,
    header.fh.title-right .h-title {
        align-self: flex-end;
        text-align: right
    }
    header.fh .h-nav {
        order: 15;
        display: flex;
        flex-grow: 1;
        width: 100%
    }
    header.fh .h-nav>.co-lg-xl {
        display: flex
    }
    header.fh .nav-main-container {
        flex-basis: auto;
        flex-grow: 1
    }
    header.fh.nav-only .h-info {
        justify-content: flex-end
    }
    header.fh.nav-left .h-info .h-nav,
    header.fh.nav-left .h-nav .co-lg-xl {
        padding-left: 1px
    }
    header.fh.nav-left .nav-main-items {
        justify-content: flex-start
    }
    header.fh.nav-left .nav-main-items>li>.nav-menu {
        left: -6px
    }
    header.fh.nav-below .h-nav {
        flex-basis: auto
    }
    header.fh.nav-disp-reduced .nav-main-items>li>a {
        padding-left: 11px;
        padding-right: 11px
    }
    header.fh.nav-disp-reduced .nav-main-items>li>a::after {
        right: 0
    }
    header.fh.nav-disp-reduced .nav-main-items>li>.nav-menu {
        left: -9px
    }
    header.fh.nav-disp-big.nav-left .h-info .h-nav .nav-main-items>li>a,
    header.fh.nav-disp-big.nav-left .h-nav .co-lg-xl .nav-main-items>li>a,
    header.fh.nav-disp-default.nav-left .h-info .h-nav .nav-main-items>li>a,
    header.fh.nav-disp-default.nav-left .h-nav .co-lg-xl .nav-main-items>li>a {
        padding-right: 26px
    }
    header.fh.nav-disp-big.nav-left .h-info .h-nav .nav-main-items>li>a::after,
    header.fh.nav-disp-big.nav-left .h-nav .co-lg-xl .nav-main-items>li>a::after,
    header.fh.nav-disp-default.nav-left .h-info .h-nav .nav-main-items>li>a::after,
    header.fh.nav-disp-default.nav-left .h-nav .co-lg-xl .nav-main-items>li>a::after {
        right: 12px
    }
    header.fh.nav-disp-big.nav-center .nav-main-items>li>a,
    header.fh.nav-disp-big.nav-right .nav-main-items>li>a,
    header.fh.nav-disp-default.nav-center .nav-main-items>li>a,
    header.fh.nav-disp-default.nav-right .nav-main-items>li>a {
        padding-left: 26px
    }
    header.fh.nav-disp-big.nav-center .nav-main-items>li>.nav-menu,
    header.fh.nav-disp-big.nav-right .nav-main-items>li>.nav-menu,
    header.fh.nav-disp-default.nav-center .nav-main-items>li>.nav-menu,
    header.fh.nav-disp-default.nav-right .nav-main-items>li>.nav-menu {
        left: 6px
    }
    header.fh.nav-center .nav-main-items>li.nav-first>a,
    header.fh.nav-right .nav-main-items>li.nav-first>a {
        padding-left: 0
    }
    header.fh.nav-center .nav-main-items>li.nav-first>.nav-menu,
    header.fh.nav-right .nav-main-items>li.nav-first>.nav-menu {
        left: -20px
    }
    header.fh.nav-center .nav-main-items {
        justify-content: center
    }
    header.fh.nav-center .nav-main-items>li:first-of-type>a {
        padding-left: 0
    }
    header.fh.nav-disp-big .nav-main-items>li>a {
        font-size: 19px
    }
    header.fh .h-ac {
        display: block;
        order: 20;
        width: 100%;
        background-color: #2f5497
    }
    header.fh .h-ac .co-lg-xl>div>.element,
    header.fh .h-ac>div>.element {
        margin-bottom: 0
    }
    header.fh.header-isfixed:not(.fix-ac) .h-ac {
        display: none
    }
    header.fh.ac-above-logo .h-ac {
        order: 2
    }
    header.fh.ac-below-logo .h-ac {
        order: 12
    }
    header.fh.ac-below-logo.nav-below:not(.lp-c) {
        padding-top: 8px
    }
    header.fh .type-nav-breadcrumbs {
        display: flex
    }
    header.fh.bc-right .type-nav-breadcrumbs {
        justify-content: flex-end
    }
    header.fh.bc-center .type-nav-breadcrumbs {
        justify-content: center
    }
    header.fh.lp-c.np-always.nav-below .h-logo,
    header.fh.lp-c.np-fixed.header-isfixed .h-logo {
        padding-bottom: 0
    }
    header.fh.lp-c .h-meta {
        order: 0
    }
    header.fh.lp-c .h-title {
        order: 1
    }
    header.fh.lp-c.title-bottom .h-title {
        order: 10
    }
    header.fh.lp-c.title-top .h-title {
        order: -1
    }
    header.fh.pad-no .h-logo {
        padding-top: 0;
        padding-bottom: 0
    }
    header.fh.pad-no.header-isfixed.fix-complete.nav-below .h-nav,
    header.fh.pad-no.header-notfixed.nav-below .h-nav {
        padding-top: 0
    }
    header.fh.pad-sm .h-logo {
        padding-top: .5rem;
        padding-bottom: .5rem
    }
    header.fh.pad-sm .h-meta {
        padding-top: .5rem;
        padding-bottom: 0
    }
    header.fh.pad-sm.lp-c .h-logo,
    header.fh.pad-sm.lp-c .h-title {
        padding-top: .5rem;
        padding-bottom: 0
    }
    header.fh.pad-sm.lp-c.ls-0 .h-title {
        padding-bottom: .5rem
    }
    header.fh.pad-sm.lp-c .h-ac {
        margin-top: .5rem
    }
    header.fh.pad-sm.header-isfixed.fix-complete.nav-below .h-nav,
    header.fh.pad-sm.header-notfixed.nav-below .h-nav {
        padding-top: .5rem
    }
    header.fh.pad-md .h-logo {
        padding-top: 1rem;
        padding-bottom: 1rem
    }
    header.fh.pad-md .h-meta {
        padding-top: 1rem;
        padding-bottom: 0
    }
    header.fh.pad-md.lp-c .h-logo,
    header.fh.pad-md.lp-c .h-title {
        padding-top: 1rem;
        padding-bottom: 0
    }
    header.fh.pad-md.lp-c.ls-0 .h-title {
        padding-bottom: 1rem
    }
    header.fh.pad-md.lp-c .h-ac {
        margin-top: 1rem
    }
    header.fh.pad-md.header-isfixed.fix-complete .h-nav,
    header.fh.pad-md.header-isfixed.ls-0.fix-compact .h-nav,
    header.fh.pad-md.header-notfixed .h-nav {
        padding-bottom: calc(1rem - 8px)
    }
    header.fh.pad-md.header-isfixed.fix-complete.nav-below .h-nav,
    header.fh.pad-md.header-isfixed.ls-0.fix-compact.nav-below .h-nav,
    header.fh.pad-md.header-notfixed.nav-below .h-nav {
        padding-top: 1rem
    }
    header.fh.pad-md.header-isfixed.fix-complete.nav-below.title-bottom .h-info .h-title,
    header.fh.pad-md.header-isfixed.ls-0.fix-compact.nav-below.title-bottom .h-info .h-title,
    header.fh.pad-md.header-notfixed.nav-below.title-bottom .h-info .h-title {
        padding-bottom: 1rem
    }
    header.fh.pad-md.header-isfixed.fix-complete.nav-below .h-nav,
    header.fh.pad-md.header-notfixed.nav-below .h-nav {
        padding-top: 1rem
    }
    header.fh.pad-lg .h-logo {
        padding-top: 2rem;
        padding-bottom: 2rem
    }
    header.fh.pad-lg .h-meta {
        padding-top: 2rem;
        padding-bottom: 0
    }
    header.fh.pad-lg.lp-c .h-logo,
    header.fh.pad-lg.lp-c .h-title {
        padding-top: 2rem;
        padding-bottom: 0
    }
    header.fh.pad-lg.lp-c.ls-0 .h-title {
        padding-bottom: 2rem
    }
    header.fh.pad-lg.lp-c .h-ac {
        margin-top: 2rem
    }
    header.fh.pad-lg.header-isfixed.fix-complete .h-nav,
    header.fh.pad-lg.header-isfixed.ls-0.fix-compact .h-nav,
    header.fh.pad-lg.header-notfixed .h-nav {
        padding-bottom: calc(2rem - 8px)
    }
    header.fh.pad-lg.header-isfixed.fix-complete.nav-below .h-nav,
    header.fh.pad-lg.header-isfixed.ls-0.fix-compact.nav-below .h-nav,
    header.fh.pad-lg.header-notfixed.nav-below .h-nav {
        padding-top: 2rem
    }
    header.fh.pad-lg.header-isfixed.fix-complete.nav-below.title-bottom .h-info .h-title,
    header.fh.pad-lg.header-isfixed.ls-0.fix-compact.nav-below.title-bottom .h-info .h-title,
    header.fh.pad-lg.header-notfixed.nav-below.title-bottom .h-info .h-title {
        padding-bottom: 2rem
    }
    header.fh.pad-lg.header-isfixed.fix-complete.nav-below .h-nav,
    header.fh.pad-lg.header-notfixed.nav-below .h-nav {
        padding-top: 2rem
    }
    header.fh.np-always.nav-below .h-nav,
    header.fh.np-fixed.header-isfixed.nav-below .h-nav {
        margin-top: -36px;
        z-index: 15;
        padding-top: 8px;
        background-color: rgba(255, 255, 255, .7)
    }
    header.fh.np-always.nav-below.lp-r .nav-main-items,
    header.fh.np-fixed.header-isfixed.nav-below.lp-r .nav-main-items {
        margin-right: 0
    }
    header.fh.np-always.nav-below.lp-l .nav-main-items,
    header.fh.np-fixed.header-isfixed.nav-below.lp-l .nav-main-items {
        margin-left: 0
    }
    header.fh.header-isfixed.fix-compact .h-title,
    header.fh.header-isfixed.fix-overlay .h-title {
        display: none
    }
    header.fh.header-isfixed.fix-compact .h-logo,
    header.fh.header-isfixed.fix-overlay .h-logo {
        padding-top: .5rem;
        padding-bottom: .5rem
    }
    header.fh.header-isfixed.fix-compact.padding-none .h-logo,
    header.fh.header-isfixed.fix-overlay.padding-none .h-logo {
        padding-top: 0;
        padding-bottom: 0
    }
    header.fh.header-isfixed.fix-compact.meta-above .h-meta {
        padding-top: .5rem
    }
    header.fh.header-isfixed.fix-overlay .h-meta {
        display: none
    }
    header.fh.header-isfixed.fix-overlay .h-logo {
        position: absolute;
        background-color: transparent;
        left: 0;
        z-index: 25
    }
    header.fh.header-isfixed.fix-overlay .h-logo::after,
    header.fh.header-isfixed.fix-overlay .h-logo::before {
        display: block;
        content: "";
        position: absolute;
        top: 28px;
        left: calc(15px - .5rem);
        width: calc(100% - 30px + 1rem);
        height: calc(100% - 28px);
        box-shadow: 0 8px 10px -4px rgba(0, 0, 0, .3);
        background-color: #fff
    }
    header.fh.header-isfixed.fix-overlay .h-logo::after {
        top: 0;
        height: 28px;
        box-shadow: none;
        z-index: -1
    }
    header.fh.header-isfixed.fix-overlay .h-nav {
        margin-top: 0;
        padding-top: 8px
    }
    header.fh.header-isfixed.fix-overlay.lp-r .h-logo {
        left: auto;
        right: 0
    }
    header.fh.header-isfixed.fix-overlay.lp-l .h-nav,
    header.fh.header-isfixed.fix-overlay.lp-l .h-nav>.co-lg-xl {
        justify-content: flex-end
    }
    header.fh.header-isfixed.fix-overlay.padding-none .h-logo::before {
        left: 15px;
        width: calc(100% - 30px)
    }
}

header.fh.ls-1 .h-logo {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
}

header.fh.ls-1 .nav-main-mobile-logo .mobile-logolink {
    width: 52px;
    max-width: 100%
}

@media (min-width:552px) {
    header.fh.ls-1 .h-logo {
        flex: 0 0 82px;
        max-width: 82px
    }
}

@media (min-width:1014px) {
    header.fh.ls-1.header-isfixed.fix-compact .h-logo {
        max-width: 63px
    }
    header.fh.ls-1.header-isfixed.fix-overlay .nav-main-container {
        max-width: calc(100% - 82px)
    }
}

@media (min-width:1200px) {
    header.fh.ls-1 .h-logo {
        flex: 0 0 97px;
        max-width: 97px
    }
    header.fh.ls-1.header-isfixed.fix-overlay .nav-main-container {
        max-width: calc(100% - 97px)
    }
}

header.fh.ls-2 .h-logo {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
}

header.fh.ls-2 .nav-main-mobile-logo .mobile-logolink {
    width: 135px;
    max-width: 100%
}

@media (min-width:552px) {
    header.fh.ls-2 .h-logo {
        flex: 0 0 165px;
        max-width: 165px
    }
}

@media (min-width:1014px) {
    header.fh.ls-2.header-isfixed.fix-compact .h-logo {
        max-width: 112px
    }
    header.fh.ls-2.header-isfixed.fix-overlay .nav-main-container {
        max-width: calc(100% - 165px)
    }
}

@media (min-width:1200px) {
    header.fh.ls-2 .h-logo {
        flex: 0 0 195px;
        max-width: 195px
    }
    header.fh.ls-2.header-isfixed.fix-overlay .nav-main-container {
        max-width: calc(100% - 195px)
    }
}

header.fh.ls-3 .h-logo {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
}

header.fh.ls-3 .nav-main-mobile-logo .mobile-logolink {
    width: 218px;
    max-width: 100%
}

@media (min-width:552px) {
    header.fh.ls-3 .h-logo {
        flex: 0 0 248px;
        max-width: 248px
    }
}

@media (min-width:1014px) {
    header.fh.ls-3.header-isfixed.fix-compact .h-logo {
        max-width: 161px
    }
    header.fh.ls-3.header-isfixed.fix-overlay .nav-main-container {
        max-width: calc(100% - 248px)
    }
}

@media (min-width:1200px) {
    header.fh.ls-3 .h-logo {
        flex: 0 0 292px;
        max-width: 292px
    }
    header.fh.ls-3.header-isfixed.fix-overlay .nav-main-container {
        max-width: calc(100% - 292px)
    }
}

header.fh.ls-4 .h-logo {
    flex: 0 0 75%;
    max-width: 75%
}

header.fh.ls-4 .nav-main-mobile-logo .mobile-logolink {
    width: 300px;
    max-width: 100%
}

@media (min-width:552px) {
    header.fh.ls-4 .h-logo {
        flex: 0 0 330px;
        max-width: 330px
    }
}

@media (min-width:1014px) {
    header.fh.ls-4.header-isfixed.fix-compact .h-logo {
        max-width: 210px
    }
    header.fh.ls-4.header-isfixed.fix-overlay .nav-main-container {
        max-width: calc(100% - 330px)
    }
}

@media (min-width:1200px) {
    header.fh.ls-4 .h-logo {
        flex: 0 0 390px;
        max-width: 390px
    }
    header.fh.ls-4.header-isfixed.fix-overlay .nav-main-container {
        max-width: calc(100% - 390px)
    }
}

header.fh.ls-5 .h-logo {
    flex: 0 0 75%;
    max-width: 75%
}

header.fh.ls-5 .nav-main-mobile-logo .mobile-logolink {
    width: 383px;
    max-width: 100%
}

@media (min-width:552px) {
    header.fh.ls-5 .h-logo {
        flex: 0 0 413px;
        max-width: 413px
    }
}

@media (min-width:1014px) {
    header.fh.ls-5.header-isfixed.fix-compact .h-logo {
        max-width: 258px
    }
    header.fh.ls-5.header-isfixed.fix-overlay .nav-main-container {
        max-width: calc(100% - 413px)
    }
}

@media (min-width:1200px) {
    header.fh.ls-5 .h-logo {
        flex: 0 0 487px;
        max-width: 487px
    }
    header.fh.ls-5.header-isfixed.fix-overlay .nav-main-container {
        max-width: calc(100% - 487px)
    }
}

header.fh.ls-6 .h-logo {
    flex: 0 0 75%;
    max-width: 75%
}

@media (min-width:552px) {
    header.fh.ls-6 .h-logo {
        flex: 0 0 496px;
        max-width: 496px
    }
}

@media (min-width:1014px) {
    header.fh.ls-6.header-isfixed.fix-compact .h-logo {
        max-width: 307px
    }
    header.fh.ls-6.header-isfixed.fix-overlay .nav-main-container {
        max-width: calc(100% - 496px)
    }
}

@media (min-width:1200px) {
    header.fh.ls-6 .h-logo {
        flex: 0 0 585px;
        max-width: 585px
    }
    header.fh.ls-6.header-isfixed.fix-overlay .nav-main-container {
        max-width: calc(100% - 585px)
    }
}

header.fh.ls-12 .h-logo {
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width:552px) {
    header.fh.ls-12 .h-logo {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width:1014px) {
    header.fh.ls-12.header-isfixed.fix-compact .h-logo {
        max-width: 600px
    }
    header.fh.ls-12.header-isfixed.fix-overlay .nav-main-container {
        max-width: calc(100% - 992px)
    }
}

@media (min-width:1200px) {
    header.fh.ls-12 .h-logo {
        flex: 0 0 1170px;
        max-width: 1170px
    }
    header.fh.ls-12.header-isfixed.fix-overlay .nav-main-container {
        max-width: calc(100% - 1170px)
    }
}

header.fh.ls-0 .h-logo {
    display: none
}

header.fh.ls-0 .nav-main-mobile-logo {
    min-height: calc(55px + 6px)
}

.area-header {
    margin-bottom: 2rem
}

.area-header.no-margin {
    margin-bottom: 0
}

.area-header .type-nav-breadcrumbs.element {
    margin-bottom: 0
}

.area-header .header-links {
    margin: 0
}

.area-header .header-links.oc-small-element {
    min-height: auto !important
}

.area-header .header-links>ul {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    font-size: 1.3rem
}

.area-header .header-links>ul>li:not(:last-child)::after {
    border-right-color: #525252
}

.area-header .header-links>ul>li>a {
    color: #525252;
    text-transform: uppercase
}

.area-header .header-links>ul>li>a:hover {
    text-decoration: none;
    color: #525252
}

.area-header .header-links.cap-none>ul>li>a {
    text-transform: none
}

.type-header-config {
    background-color: #eed2ee;
    color: #555 !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    line-height: 30px
}

.area-header.logo-left .header-links,
.area-header.logo-left .header-title {
    display: none
}

.area-header.logo-left .col-head-logo {
    padding-top: .5rem;
    padding-bottom: .5rem;
    flex: 0 0 75%;
    max-width: 75%;
    max-width: 270px
}

.area-header.logo-left .visual-top-bg {
    background-color: #2f5497
}

@media (max-width:1013.98px) {
    .area-header.logo-left .mega .nav-mega-menu .element:not(.type-nav-side):not(.ls-navigation),
    .area-header.logo-left .mega .nav-mega-menu .teaser {
        display: none
    }
    .area-header.logo-left .mega .nav-mega-menu>.row-tile>div,
    .area-header.logo-left .mega .nav-mega-menu>.row>div {
        max-width: none;
        flex: none
    }
}

@media (min-width:552px) {
    .area-header.logo-left .col-head-logo {
        flex: 0 0 50%;
        max-width: 50%
    }
    .area-header.logo-left .col-head-logo .header-image {
        max-width: none
    }
}

@media (min-width:764px) {
    .area-header.logo-left .col-head-logo {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }
}

@media (min-width:1014px) {
    .area-header.logo-left .col-head-logo {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }
    .area-header.logo-left .col-head-logo .header-image {
        max-width: none
    }
    .area-header.logo-left .isfixed .col-head-logo {
        max-width: 250px
    }
    .area-header.logo-left .isfixed .visual-top-bg {
        display: none
    }
    .area-header.logo-left .isfixed .pull-up-fixed {
        margin-top: -28px
    }
    .area-header.logo-left .header-group {
        border-bottom: 1px solid #525252
    }
    .area-header.logo-left .header-links,
    .area-header.logo-left .header-title,
    .area-header.logo-left .nav-main-container {
        display: flex;
        align-self: flex-end;
        flex-direction: column
    }
    .area-header.logo-left .col-head-info {
        padding-top: .5rem;
        padding-left: 0;
        display: flex;
        flex-direction: column
    }
    .area-header.logo-left .header-title {
        font-weight: 600;
        line-height: 1.25;
        padding-top: .5rem;
        padding-bottom: .5rem;
        flex-basis: auto;
        flex-grow: 10;
        justify-content: center;
        font-size: 2rem;
        line-height: 1;
        text-align: right
    }
    .area-header.logo-left .nav-main-container {
        flex-basis: auto;
        flex-grow: 1;
        display: flex;
        justify-content: flex-end
    }
    .area-header.logo-left .nav-main-items>li>a {
        padding: 0 20px 8px 20px
    }
    .area-header.logo-left .nav-main-items>li>a::after {
        right: 5px
    }
    .area-header.logo-left .nav-main-items>li>.nav-menu {
        left: 0
    }
}

@-webkit-keyframes fixHeader {
    from {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: .97;
        transform: none
    }
}

@keyframes fixHeader {
    from {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: .97;
        transform: none
    }
}

.head {
    background: #fff
}

@media (min-width:764px) {
    .area-header {
        position: relative
    }
    .area-header .head {
        position: relative;
        min-height: 28px
    }
    .area-header .sticky>.isfixed .hidden-fixed,
    .area-header .sticky>.notfixed .hidden-notfixed {
        display: none
    }
    .area-header .sticky.always>.isfixed,
    .area-header .sticky.csssetting>.isfixed,
    .area-header .sticky.upscroll>.isfixed {
        position: fixed;
        top: 0;
        padding-top: 0;
        width: 100%;
        z-index: 150000;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-name: fixHeader;
        animation-name: fixHeader;
        opacity: .97;
        background-color: #fff;
        box-shadow: 0 0 10px 1px rgba(0, 0, 0, .3)
    }
    html.opencms-page-editor .area-header .sticky.always>.isfixed,
    html.opencms-page-editor .area-header .sticky.csssetting>.isfixed,
    html.opencms-page-editor .area-header .sticky.upscroll>.isfixed {
        padding-top: 52px
    }
    html.noscript .area-header .nav-main-items li[aria-expanded]:hover>.nav-menu {
        display: block
    }
}

html.opencms-group-editor.opencms-page-editor .area-header .sticky>.isfixed .hidden-fixed,
html.opencms-group-editor.opencms-page-editor .area-header .sticky>.notfixed .hidden-notfixed {
    display: block;
    opacity: .5;
    background-image: repeating-linear-gradient(135deg, transparent, transparent 10px, rgba(0, 0, 0, .1) 10px, rgba(0, 0, 0, .1) 20px)
}

@media (max-width:1013.98px) {
    html.opencms-group-editor.opencms-page-editor .area-header .hidden-md,
    html.opencms-group-editor.opencms-page-editor .area-header .hidden-sm,
    html.opencms-group-editor.opencms-page-editor .area-header .hidden-xs {
        display: flex !important;
        opacity: .5;
        background-image: repeating-linear-gradient(135deg, transparent, transparent 10px, rgba(0, 0, 0, .1) 10px, rgba(0, 0, 0, .1) 20px)
    }
}

html.opencms-group-editor.opencms-page-editor:not(.active-nav) .area-header.bh .h-nav {
    border-top: 4px solid #eed2ee !important;
    background-color: rgba(238, 210, 238, .75) !important
}

html.opencms-group-editor.opencms-page-editor:not(.active-nav) .area-header.bh .nav-main-container {
    position: static;
    height: auto;
    width: auto;
    right: auto;
    left: auto;
    opacity: initial;
    background-color: transparent;
    transition: none
}

html.opencms-group-editor.opencms-page-editor:not(.active-nav) .area-header.bh .nav-main-container .nav-main-group.has-sidelogo {
    padding-top: 0
}

html.opencms-group-editor.opencms-page-editor header.bh.ls-0 .h-logo,
html.opencms-group-editor.opencms-page-editor header.fh.ls-0 .h-logo {
    display: block;
    position: absolute;
    width: 125px;
    height: 25px;
    padding: 0;
    border-radius: 4px !important;
    color: #fff !important;
    background-color: #ffa826 !important;
    background: linear-gradient(166deg, #ffb240 0, #ff9e0d 100%) !important
}

html.opencms-group-editor.opencms-page-editor header.bh.ls-0 .h-logo>.no-image,
html.opencms-group-editor.opencms-page-editor header.fh.ls-0 .h-logo>.no-image {
    position: absolute;
    width: 125px;
    height: 25px;
    right: 0;
    padding-bottom: 0 !important
}

html.opencms-group-editor.opencms-page-editor header.fh.ls-0.title-left .h-logo {
    right: 0
}

html.opencms-group-editor.opencms-page-editor header.bh.ls-0.lp-r .h-logo-col {
    position: relative
}

html.opencms-group-editor.opencms-page-editor header.bh.ls-0.lp-r .h-logo {
    right: 0
}

html.opencms-group-editor .area-header {
    margin-bottom: 0
}

@media screen {
    img.lazyload,
    img.lazyloading {
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' version='1' viewBox='0 0 16 16'%3E%3Cstyle%3E@keyframes kr%7Bfrom%7Btransform: rotate(0)%7Dto%7Btransform: rotate(360deg)%7D%7D%3C/style%3E%3Cg style='animation-name:kr;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:linear;transform-origin:50%25 50%25;width:16px;height:16px'%3E%3Cpath fill='none' stroke='%23000' stroke-dasharray='32.4' stroke-linecap='round' stroke-width='2.1' d='M8 1.125A6.875 6.875 0 1 1 1.125 8' style='animation-name:kr;animation-duration:1.33s;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform-origin:50%25 50%25'/%3E%3C/g%3E%3C/svg%3E") no-repeat scroll 50% 50% #f6f6f6;
        background-size: 24px 24px;
        background-color: #f6f6f6;
        box-shadow: 0 0 1px rgba(0, 0, 0, .3) inset;
        opacity: .25
    }
}

img.lazyloaded {
    background: initial;
    box-shadow: initial
}

aside img.lazyloaded,
main img.lazyloaded {
    opacity: 1;
    transition: opacity 750ms
}

.image-src-box {
    width: 100%
}

.image-src-box img {
    width: 100%
}

.image-src-box.presized {
    position: relative;
    height: 0;
    display: block
}

.image-src-box.presized img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%
}

.image-src-box.presized>.image-copyright {
    padding: 2px 4px;
    font-family: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 8px;
    line-height: 1;
    display: inline-block;
    color: #000;
    background-color: rgba(255, 255, 255, .6);
    opacity: .8;
    position: absolute;
    bottom: 0;
    pointer-events: none;
    z-index: 7;
    box-shadow: none;
    right: 0;
    left: initial;
    text-align: right;
    border-top-left-radius: 2px
}

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */

.pswp {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    touch-action: none;
    z-index: 300000;
    -webkit-text-size-adjust: 100%;
    -webkit-backface-visibility: hidden;
    outline: 0
}

.pswp * {
    box-sizing: border-box
}

.pswp img {
    max-width: none
}

.pswp--animate_opacity {
    opacity: .001;
    will-change: opacity;
    transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp--open {
    display: block
}

.pswp--zoom-allowed .pswp__img {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.pswp--zoomed-in .pswp__img {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab
}

.pswp--dragging .pswp__img {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing
}

.pswp__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    will-change: opacity
}

.pswp__scroll-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.pswp__container,
.pswp__zoom-wrap {
    touch-action: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.pswp__container,
.pswp__img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.pswp__zoom-wrap {
    position: absolute;
    width: 100%;
    transform-origin: left top;
    transition: transform 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp__bg {
    will-change: opacity;
    transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
    transition: none
}

.pswp__container,
.pswp__zoom-wrap {
    -webkit-backface-visibility: hidden
}

.pswp__item {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden
}

.pswp__img {
    position: absolute;
    width: auto;
    height: auto;
    top: 0;
    left: 0
}

.pswp__img--placeholder {
    -webkit-backface-visibility: hidden
}

.pswp__img--placeholder--blank {
    background: #222
}

.pswp--ie .pswp__img {
    width: 100% !important;
    height: auto !important;
    left: 0;
    top: 0
}

.pswp__error-msg {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    margin-top: -8px;
    color: #ccc
}

.pswp__error-msg a {
    color: #ccc;
    text-decoration: underline
}

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */

.pswp__button {
    width: 44px;
    height: 44px;
    position: relative;
    background: 0 0;
    cursor: pointer;
    overflow: visible;
    -webkit-appearance: none;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
    float: right;
    opacity: .75;
    transition: opacity .2s;
    box-shadow: none
}

.pswp__button:focus,
.pswp__button:hover {
    opacity: 1
}

.pswp__button:active {
    outline: 0;
    opacity: .9
}

.pswp__button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.pswp__ui--over-close .pswp__button--close {
    opacity: 1
}

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
    background: url(../photoswipe/default-skin/default-skin.png) 0 0 no-repeat;
    background-size: 264px 88px;
    width: 44px;
    height: 44px
}

@media (-webkit-min-device-pixel-ratio:1.1),
(-webkit-min-device-pixel-ratio:1.09375),
(min-resolution:105dpi),
(min-resolution:1.1dppx) {
    .pswp--svg .pswp__button,
    .pswp--svg .pswp__button--arrow--left:before,
    .pswp--svg .pswp__button--arrow--right:before {
        background-image: url(../photoswipe/default-skin/default-skin.svg)
    }
    .pswp--svg .pswp__button--arrow--left,
    .pswp--svg .pswp__button--arrow--right {
        background: 0 0
    }
}

.pswp__button--close {
    background-position: 0 -44px
}

.pswp__button--share {
    background-position: -44px -44px
}

.pswp__button--fs {
    display: none
}

.pswp--supports-fs .pswp__button--fs {
    display: block
}

.pswp--fs .pswp__button--fs {
    background-position: -44px 0
}

.pswp__button--zoom {
    display: none;
    background-position: -88px 0
}

.pswp--zoom-allowed .pswp__button--zoom {
    display: block
}

.pswp--zoomed-in .pswp__button--zoom {
    background-position: -132px 0
}

.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
    visibility: hidden
}

.pswp__button--arrow--left,
.pswp__button--arrow--right {
    background: 0 0;
    top: 50%;
    margin-top: -50px;
    width: 70px;
    height: 100px;
    position: absolute
}

.pswp__button--arrow--left {
    left: 0
}

.pswp__button--arrow--right {
    right: 0
}

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
    content: "";
    top: 35px;
    background-color: rgba(0, 0, 0, .3);
    height: 30px;
    width: 32px;
    position: absolute
}

.pswp__button--arrow--left:before {
    left: 6px;
    background-position: -138px -44px
}

.pswp__button--arrow--right:before {
    right: 6px;
    background-position: -94px -44px
}

.pswp__counter,
.pswp__share-modal {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pswp__share-modal {
    display: block;
    background: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 10px;
    position: absolute;
    z-index: 300100;
    opacity: 0;
    transition: opacity .25s ease-out;
    -webkit-backface-visibility: hidden;
    will-change: opacity
}

.pswp__share-modal--hidden {
    display: none
}

.pswp__share-tooltip {
    z-index: 300120;
    position: absolute;
    background: #fff;
    top: 56px;
    border-radius: 2px;
    display: block;
    width: auto;
    right: 44px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
    transform: translateY(6px);
    transition: transform .25s;
    -webkit-backface-visibility: hidden;
    will-change: transform
}

.pswp__share-tooltip a {
    display: block;
    padding: 8px 12px;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px
}

.pswp__share-tooltip a:hover {
    text-decoration: none;
    color: #000
}

.pswp__share-tooltip a:first-child {
    border-radius: 2px 2px 0 0
}

.pswp__share-tooltip a:last-child {
    border-radius: 0 0 2px 2px
}

.pswp__share-modal--fade-in {
    opacity: 1
}

.pswp__share-modal--fade-in .pswp__share-tooltip {
    transform: translateY(0)
}

.pswp--touch .pswp__share-tooltip a {
    padding: 16px 12px
}

a.pswp__share--facebook:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: -12px;
    right: 15px;
    border: 6px solid transparent;
    border-bottom-color: #fff;
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    pointer-events: none
}

a.pswp__share--facebook:hover {
    background: #3e5c9a;
    color: #fff
}

a.pswp__share--facebook:hover:before {
    border-bottom-color: #3e5c9a
}

a.pswp__share--twitter:hover {
    background: #55acee;
    color: #fff
}

a.pswp__share--pinterest:hover {
    background: #ccc;
    color: #ce272d
}

a.pswp__share--download:hover {
    background: #ddd
}

.pswp__counter {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    font-size: 13px;
    line-height: 44px;
    color: #fff;
    opacity: .75;
    padding: 0 10px
}

.pswp__caption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 44px
}

.pswp__caption small {
    font-size: 11px;
    color: #bbb
}

.pswp__caption__center {
    text-align: left;
    max-width: 420px;
    margin: 0 auto;
    font-size: 13px;
    padding: 10px;
    line-height: 20px;
    color: #ccc
}

.pswp__caption--empty {
    display: none
}

.pswp__caption--fake {
    visibility: hidden
}

.pswp__preloader {
    width: 44px;
    height: 44px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -22px;
    opacity: 0;
    transition: opacity .25s ease-out;
    will-change: opacity;
    direction: ltr
}

.pswp__preloader__icn {
    width: 20px;
    height: 20px;
    margin: 12px
}

.pswp__preloader--active {
    opacity: 1
}

.pswp__preloader--active .pswp__preloader__icn {
    background: url(../photoswipe/default-skin/preloader.gif) 0 0 no-repeat
}

.pswp--css_animation .pswp__preloader--active {
    opacity: 1
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    -webkit-animation: clockwise .5s linear infinite;
    animation: clockwise .5s linear infinite
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    -webkit-animation: donut-rotate 1s cubic-bezier(.4, 0, .22, 1) infinite;
    animation: donut-rotate 1s cubic-bezier(.4, 0, .22, 1) infinite
}

.pswp--css_animation .pswp__preloader__icn {
    background: 0 0;
    opacity: .75;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 15px;
    top: 15px;
    margin: 0
}

.pswp--css_animation .pswp__preloader__cut {
    position: relative;
    width: 7px;
    height: 14px;
    overflow: hidden
}

.pswp--css_animation .pswp__preloader__donut {
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    border: 2px solid #fff;
    border-radius: 50%;
    border-left-color: transparent;
    border-bottom-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    background: 0 0;
    margin: 0
}

@media screen and (max-width:1024px) {
    .pswp__preloader {
        position: relative;
        left: auto;
        top: auto;
        margin: 0;
        float: right
    }
}

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

@keyframes clockwise {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes donut-rotate {
    0% {
        transform: rotate(0)
    }
    50% {
        transform: rotate(-140deg)
    }
    100% {
        transform: rotate(0)
    }
}

@keyframes donut-rotate {
    0% {
        transform: rotate(0)
    }
    50% {
        transform: rotate(-140deg)
    }
    100% {
        transform: rotate(0)
    }
}

.pswp__ui {
    -webkit-font-smoothing: auto;
    visibility: visible;
    opacity: 1;
    z-index: 300050
}

.pswp__top-bar {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    width: 100%
}

.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right,
.pswp__caption,
.pswp__top-bar {
    -webkit-backface-visibility: hidden;
    will-change: opacity;
    transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
    visibility: visible
}

.pswp__caption,
.pswp__top-bar {
    background-color: rgba(0, 0, 0, .5)
}

.pswp__ui--fit .pswp__caption,
.pswp__ui--fit .pswp__top-bar {
    background-color: rgba(0, 0, 0, .3)
}

.pswp__ui--idle .pswp__top-bar {
    opacity: 0
}

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
    opacity: 0
}

.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__top-bar {
    opacity: .001
}

.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
    display: none
}

.pswp__element--disabled {
    display: none !important
}

.pswp--minimal--dark .pswp__top-bar {
    background: 0 0
}

.type-imageseries.element .images {
    font-weight: 600
}

.type-imageseries>.series {
    margin-left: -2px;
    margin-right: -2px;
    position: relative
}

.type-imageseries>.series>.images {
    margin-top: -2px;
    margin-bottom: -2px
}

.type-imageseries>.series>button.btn {
    margin-top: 4px;
    margin-left: 2px;
    margin-right: 2px;
    width: calc(100% - 4px)
}

.type-imageseries>.series .imagedata {
    display: none
}

.type-imageseries .effect-box {
    position: relative
}

.type-imageseries .effect-box .centered {
    display: inline-block;
    color: #fff;
    position: absolute;
    right: 16px;
    bottom: 12px;
    text-shadow: 1px 1px 1px #000;
    font-size: 20px;
    pointer-events: none;
    z-index: 7
}

.type-imageseries .square-col .content {
    border-radius: 4px
}

html.noscript .type-imageseries .series {
    display: none
}

.pswp .title {
    color: #eee;
    font-family: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 1.25;
    text-shadow: 1px 1px 1px #000
}

.pswp .copyright {
    color: #bbb;
    font-size: 1.1rem;
    line-height: 1.2;
    text-shadow: 1px 1px 1px #000
}

.pswp img {
    border-radius: 8px
}

.pswp .pswp__top-bar {
    background-color: rgba(0, 0, 0, .25)
}

.pswp .pswp__caption {
    min-height: auto;
    background-color: transparent
}

.pswp .pswp__caption__center {
    text-align: center;
    padding: 0 0 10px 0
}

@media (min-width:552px) {
    .pswp .pswp__caption__center {
        max-width: 90%
    }
}

.pswp__img {
    background-color: #f7f7f7
}

.comein {
    transform: translateY(120px);
    -webkit-animation: come-in .8s ease forwards;
    animation: come-in .8s ease forwards
}

.comein:nth-child(even) {
    transform: translateY(150px);
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

@-webkit-keyframes come-in {
    to {
        transform: translateY(0)
    }
}

@keyframes come-in {
    to {
        transform: translateY(0)
    }
}

.zoom:hover .zoom-overlay .zoom-icon,
a:focus .zoom-overlay .zoom-icon {
    opacity: 1;
    transform: scale(1);
    border: 0;
    box-shadow: none
}

.zoom-overlay {
    cursor: zoom-in;
    position: relative;
    display: block;
    height: 100%;
    width: 100%;
    transition: all .1s ease-in-out 0s
}

.zoom-overlay .zoom-icon {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transform: scale(0);
    transition: all .4s ease-in-out 0s;
    z-index: 100;
    background-color: rgba(0, 0, 0, .5)
}

.zoom-overlay .zoom-icon:before {
    background: 0 0
}

.zoom-overlay .zoom-icon:after {
    background: 0 0
}

.zoom-overlay .zoom-icon span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    font-size: 30px;
    color: #fff
}

.effect-box .zoomer,
.effect-piece .zoomer {
    position: relative;
    cursor: zoom-in;
    z-index: 1
}

.effect-box .zoomer::after,
.effect-piece .zoomer::after {
    font-family: FontAwesome;
    content: "\f002";
    display: inline-block;
    color: #fff;
    position: absolute;
    right: 16px;
    bottom: 12px;
    text-shadow: 1px 1px 1px #000;
    font-size: 20px;
    pointer-events: none;
    z-index: 7
}

a .effect-box .zoomer {
    cursor: pointer
}

a .effect-box .zoomer::after {
    content: ""
}

.image-src-box,
.zoom-overlay .image-src-box>img,
.zoom-overlay .zoom-icon {
    border-radius: 4px
}

.image-src-box {
    overflow: hidden
}

.bo-radius-0 .image-src-box,
.bo-radius-0 .zoom-overlay .image-src-box>img,
.bo-radius-0 .zoom-overlay .zoom-icon {
    border-radius: 0
}

.ls-bullets.custom-icon li,
.ls-bullets.default-icon li,
.ls-bullets.line-icon li,
.ls-navigation.custom-icon li a,
.ls-navigation.default-icon li a,
.ls-navigation.line-icon li a,
.ls-row.custom-icon li,
.ls-row.default-icon li {
    padding-left: 2.5rem
}

.ls-bullets.custom-icon li::before,
.ls-bullets.default-icon li::before,
.ls-bullets.line-icon li::before,
.ls-navigation.custom-icon li a::before,
.ls-navigation.default-icon li a::before,
.ls-navigation.line-icon li a::before,
.ls-row.custom-icon li::before,
.ls-row.default-icon li::before {
    float: left;
    margin-left: -2.5rem;
    display: inline-block;
    line-height: 1.4
}

.ls-bullets.custom-icon li::before,
.ls-navigation.custom-icon li a::before,
.ls-row.custom-icon li::before {
    font-family: FontAwesome;
    font-size: inherit;
    line-height: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ls-bullets.default-icon li::before,
.ls-navigation.default-icon li a::before,
.ls-row.default-icon li::before {
    font-family: sans-serif;
    font-size: 2rem;
    content: "•"
}

.ls-bullets.line-icon li::before,
.ls-navigation.line-icon li a::before {
    font-family: sans-serif;
    content: "|"
}

.type-linksequence {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    overflow-wrap: break-word
}

.ls-bullets ul,
.ls-row ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.ls-row li {
    display: inline-block;
    list-style: outside none none;
    position: relative
}

.ls-row.line-icon li:not(:last-child)::after {
    content: "|";
    margin: 0 1rem
}

.ls-row.no-icon li:not(:last-child) {
    margin-right: 2rem
}

.ls-row.custom-icon li::before,
.ls-row.default-icon li::before {
    float: none;
    padding-right: .5rem
}

.ls-row.custom-icon li+li::before,
.ls-row.default-icon li+li::before {
    padding-left: 1.5rem
}

.type-map .mapbuttons {
    margin-top: 1rem
}

.type-map .mapbuttons .btn {
    margin-top: .5rem;
    margin-right: .5rem
}

.type-map .presized:not(.enlarged) {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden
}

.type-map .presized:not(.enlarged) .mapwindow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    overflow: hidden;
    z-index: 5
}

.type-map .presized:not(.enlarged) .mapwindow.placeholder::after {
    content: "\f279"
}

.type-map .presized.enlarged {
    padding-bottom: 0 !important
}

.type-map .map-marker {
    color: #525252;
    font-size: 1.4rem;
    font-weight: 300
}

.type-map .map-marker .markhead {
    font-family: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1.8rem;
    font-weight: 400;
    margin-bottom: .5rem
}

.type-map .map-marker .marktxt {
    line-height: 1.2
}

.type-map .map-marker .markroute .head {
    margin-top: 5px
}

.type-map .map-marker .markroute .btn {
    margin-top: 5px
}

.type-map .map-marker .markroute .form-control {
    margin-top: 5px;
    height: 27px;
    padding: 3px 6px
}

.map-osm .mapboxgl-map {
    color: #525252;
    font-family: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.2
}

.map-osm .mapboxgl-marker {
    cursor: pointer
}

.map-osm .mapboxgl-popup-content {
    border-radius: 4px;
    padding: 10px 20px 10px 10px
}

.map-osm .mapboxgl-popup-close-button {
    font-size: 20px
}

.map-osm .mapboxgl-popup-close-button:hover {
    background-color: #fff;
    opacity: .8;
    color: #2f5497
}

.type-media.square-col .preview {
    height: 100%
}

@media (max-width:763.98px) {
    .type-media.text-below-on-xs.square-col .preview .image-src-box {
        position: relative
    }
    .type-media.text-below-on-xs.square-col .preview .image-src-box>img {
        position: absolute;
        width: 100%;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        transition: none !important
    }
    .type-media.text-below-on-xs.square-1-1 .content.revealed,
    .type-media.text-below-on-xs.square-1-1 .preview .image-src-box {
        padding-bottom: 100%
    }
    .type-media.text-below-on-xs.square-4-3 .content.revealed,
    .type-media.text-below-on-xs.square-4-3 .preview .image-src-box {
        padding-bottom: 75%
    }
    .type-media.text-below-on-xs.square-16-9 .content.revealed,
    .type-media.text-below-on-xs.square-16-9 .preview .image-src-box {
        padding-bottom: 56.25%
    }
}

.type-media .media-box {
    position: relative
}

.type-media .content-removed .copyright,
.type-media .content.revealed .copyright {
    display: none
}

.type-media .revealed .preview {
    cursor: auto
}

.type-media .preview {
    position: relative;
    cursor: pointer;
    height: 100%
}

.type-media .preview .centered {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%)
}

.type-media .preview .icon {
    color: #fff;
    text-shadow: 1px 1px 1px #000, 0 0 5px rgba(0, 0, 0, .5);
    font-size: 16px;
    text-align: center;
    z-index: 6
}

.type-media .preview .icon span {
    opacity: .7;
    display: block;
    font-size: 60px
}

.type-media .preview .icon div {
    opacity: 1
}

.type-media .preview .media-overlay-bottom,
.type-media .preview .media-overlay-top {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 10px 20px;
    font-size: 16px;
    line-height: 1.2;
    text-shadow: 1px 1px 1px #000, 0 0 1px #000;
    margin: 0;
    color: #fff;
    z-index: 6
}

.type-media .preview .media-overlay-top {
    top: 10px;
    bottom: initial;
    max-height: 75%;
    overflow: hidden
}

.type-media .preview .media-overlay-top .intro-headline>.intro,
.type-media .preview .media-overlay-top h1,
.type-media .preview .media-overlay-top h2,
.type-media .preview .media-overlay-top h3,
.type-media .preview .media-overlay-top>.main-header>.title,
.type-media .preview .media-overlay-top>.sub-header {
    color: #fff;
    text-shadow: 1px 1px 1px #000, 0 0 1px #000
}

.type-media .preview .media-date {
    float: right
}

.type-media .preview:hover .icon span {
    opacity: 1
}

.type-media .preview.placeholder {
    cursor: auto
}

.type-media .preview.placeholder::after {
    content: "\f04b"
}

.type-media .col-visual,
.type-media .teaser-visual {
    position: relative
}

.type-media .content {
    border-radius: 4px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    background-color: #000;
    overflow: hidden
}

.type-media .content.compact {
    position: relative
}

.type-media .content>iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.type-media .content.pbg-main {
    background-color: #2f5497
}

.type-media .content.pbg-facebook {
    background-color: #4267b2
}

.type-media .content.pbg-twitter {
    background-color: #00acee
}

.type-media .content.revealed {
    background-color: transparent
}

.type-media .preview.video .centered.image {
    width: 101%
}

@media (min-width:1200px) {
    .type-media.square-large.square-16-9 .preview.video .centered.image {
        width: 104%
    }
}

.type-media .presized {
    position: relative;
    width: 100%;
    height: initial
}

.type-media .presized:not(.enlarged) {
    padding-bottom: 100%;
    overflow: hidden
}

.type-media .presized.enlarged {
    padding-bottom: 0 !important
}

.type-media .presized.enlarged .content {
    position: static;
    height: auto
}

.type-media .presized .fitin {
    width: 100%;
    height: 100%
}

.type-media.audio .content {
    background-color: transparent
}

.type-media.audio .presized .audio-player,
.type-media.audio.presized .audio-player {
    position: absolute;
    z-index: 25;
    bottom: 0;
    width: 100%;
    padding: 10px
}

.type-media.audio .preview.narrow .audio-skip,
.type-media.audio .preview.narrow .audio-stop {
    display: none
}

.type-media.audio .preview.narrow .audio-play {
    width: auto
}

.type-media.audio .content.compact .preview {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    background-color: #f7f7f7
}

.type-media.audio .content.compact .preview .audio-player .audio-box {
    background-color: transparent
}

.type-media.audio .content.compact .preview .media-overlay-top {
    position: static;
    padding: 10px 10px 0 10px;
    order: -1
}

.type-media.audio .content.compact .preview .media-overlay-top h1,
.type-media.audio .content.compact .preview .media-overlay-top h2,
.type-media.audio .content.compact .preview .media-overlay-top h3,
.type-media.audio .content.compact .preview .media-overlay-top>.main-header>.title,
.type-media.audio .content.compact .preview .media-overlay-top>.sub-header {
    color: #525252;
    text-shadow: none
}

.audio-player .audio-box {
    display: flex;
    flex-direction: column;
    background-color: rgba(255, 255, 255, .75);
    padding: 10px;
    font-size: 14px;
    border-radius: 4px
}

.audio-player .audio-box .audio-headline {
    margin-bottom: 10px;
    font-weight: 600
}

.audio-player .audio-box .audio-progress {
    display: block;
    margin-bottom: 10px;
    border: 1px solid #525252;
    border-radius: 4px
}

.audio-player .audio-box .audio-progress .progress-bar {
    height: 10px;
    background-color: #525252;
    transition: none;
    width: 0
}

.audio-player .audio-box .audio-controls {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.audio-player .audio-box .audio-controls>div {
    display: flex;
    flex-basis: 33.33333%
}

.audio-player .audio-box .audio-controls>div.audio-length,
.audio-player .audio-box .audio-controls>div.audio-pos {
    font-weight: 600
}

.audio-player .audio-box .audio-controls>div.audio-buttons {
    justify-content: center;
    align-items: center
}

.audio-player .audio-box .audio-controls>div.audio-buttons>.fa {
    cursor: pointer
}

.audio-player .audio-box .audio-controls>div.audio-buttons>.audio-play {
    text-align: center;
    margin-left: 20px;
    margin-right: 20px;
    width: 56px;
    font-size: 28px
}

.audio-player .audio-box .audio-controls>div.audio-length {
    justify-content: flex-end
}

.piece>.visual .audio-player .copyright>div {
    padding-right: 10px;
    background-color: transparent;
    bottom: 1px
}

.onclick-activation {
    position: relative;
    cursor: pointer;
    margin-bottom: 2rem;
    border-radius: 4px
}

.onclick-activation .oa-heading,
.onclick-activation .oa-notice {
    color: #fff;
    text-shadow: 1px 1px 1px #000, 0 0 1px #000;
    padding: 0 2rem;
    margin: 0;
    z-index: 7
}

.onclick-activation .oa-icon {
    color: #fff;
    text-shadow: 1px 1px 1px #000, 0 0 5px rgba(0, 0, 0, .5);
    text-align: center;
    z-index: 6
}

.onclick-activation .oa-icon span {
    opacity: .7;
    display: block;
    font-size: 60px
}

.onclick-activation .oa-icon div {
    opacity: 1
}

.onclick-activation .centered {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%)
}

.onclick-activation:hover .oa-icon span {
    opacity: 1
}

.onclick-activation.no-image {
    background-color: #2f5497
}

.onclick-activation.compact .oa-heading,
.onclick-activation.compact .oa-notice {
    position: relative;
    padding-top: 1rem;
    padding-bottom: 1rem
}

.onclick-activation.compact .centered {
    top: 1rem;
    left: auto;
    transform: none
}

.onclick-activation.compact .oa-icon {
    text-align: right;
    padding-right: 2rem
}

.onclick-activation.compact.has-icon .oa-heading {
    padding-right: 80px
}

.onclick-activation.presized .oa-heading,
.onclick-activation.presized .oa-notice {
    position: absolute
}

.onclick-activation.presized .oa-heading {
    top: 2rem
}

.onclick-activation.presized .oa-notice {
    bottom: 1rem
}

@media (max-width:763.98px) {
    .onclick-activation.presized.has-image .oa-heading,
    .onclick-activation.presized.has-image .oa-notice,
    .onclick-activation.presized.no-image .oa-heading,
    .onclick-activation.presized.no-image .oa-notice {
        position: relative;
        padding-top: 1rem;
        padding-bottom: 1rem
    }
    .onclick-activation.presized.has-image .centered,
    .onclick-activation.presized.no-image .centered {
        top: 1rem;
        left: auto;
        transform: none
    }
    .onclick-activation.presized.has-image .oa-icon,
    .onclick-activation.presized.no-image .oa-icon {
        text-align: right;
        padding-right: 2rem
    }
    .onclick-activation.presized.has-image.has-icon .oa-heading,
    .onclick-activation.presized.no-image.has-icon .oa-heading {
        padding-right: 80px
    }
    .onclick-activation.presized.no-image {
        padding-bottom: 0 !important
    }
    .onclick-activation.presized.no-image .oa-heading {
        top: auto
    }
    .onclick-activation.presized.no-image .oa-notice {
        bottom: auto
    }
    .onclick-activation.presized.has-image .oa-heading,
    .onclick-activation.presized.has-image .oa-notice {
        position: absolute
    }
    .onclick-activation.presized.has-image .oa-heading {
        top: 0
    }
    .onclick-activation.presized.has-image .oa-notice {
        bottom: 0
    }
    .onclick-activation .oa-heading {
        font-size: 1.8rem;
        line-height: 1.1
    }
    .onclick-activation .oa-notice {
        font-size: 1.3rem;
        line-height: 1.2
    }
}

.element .onclick-activation:last-child {
    margin-bottom: 0
}

.nav-breadcrumbs {
    list-style-type: none;
    margin: 0;
    padding: 5px 0
}

.nav-breadcrumbs>li {
    display: inline;
    list-style: outside none none;
    position: relative;
    font-size: 1.3rem;
    color: #525252
}

.nav-breadcrumbs>li:not(:last-child)::after {
    content: "";
    display: inline-block;
    margin-right: .4rem
}

.nav-breadcrumbs>li+li::before {
    content: "\f0da";
    display: inline-block;
    font-family: FontAwesome;
    margin-right: .75rem;
    color: #a8adb4
}

.nav-breadcrumbs>li a {
    color: #525252
}

.nav-breadcrumbs>li a:hover {
    color: #525252
}

.nav-side {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-break: normal;
    overflow-wrap: break-word
}

@media (max-width:551.98px) {
    .nav-side {
        margin-left: -15px;
        margin-right: -15px;
        border-left: none;
        border-right: none
    }
}

.nav-side>li:first-child {
    border-top: none
}

.nav-side li {
    position: relative;
    display: block;
    border-top: 1px solid #525252
}

.nav-side li>a {
    cursor: pointer;
    display: block;
    padding: 6px 30px 6px 2px
}

@media (max-width:551.98px) {
    .nav-side li>a {
        padding-left: 15px
    }
}

.nav-side li>a:not(.btn) {
    color: #5a6069
}

.nav-side li>a:not(.btn):focus,
.nav-side li>a:not(.btn):hover {
    color: #2f5497;
    background: #525252;
    text-decoration: none
}

.nav-side li>a[aria-expanded][aria-controls]::after {
    position: absolute;
    display: inline-block;
    font-family: FontAwesome;
    right: 0;
    width: 40px;
    content: "\f107";
    font-weight: 400;
    text-align: center;
    transform: rotate(0) translate(0, 0);
    transition: transform .33s
}

.nav-side li>a[aria-expanded=true][aria-controls]::after {
    transform: rotate(-180deg) translate(0, 2px);
    transition: transform .33s
}

.nav-side li>a.nav-label+a[aria-controls] {
    position: absolute;
    display: inline-block;
    border: none;
    width: 40px;
    padding-left: 0;
    padding-right: 0;
    top: 0;
    right: 0
}

.nav-side li>a.nav-label+a[aria-controls]::after {
    left: 0;
    width: 100%
}

.nav-side li.currentpage>a:not(.btn) {
    background: 0 0;
    color: #2f5497;
    font-weight: 400
}

.nav-side li.currentpage>a:not(.btn):hover {
    color: #2f5497;
    background: #525252;
    text-decoration: none
}

.nav-side li ul {
    padding: 0;
    list-style: none
}

.nav-side li>ul>li>a {
    padding-left: 30px
}

.nav-side li>ul>li>ul>li>a {
    padding-left: 45px
}

.nav-side li>ul>li>ul>li>ul>li>a {
    padding-left: 60px
}

.nav-side li>ul>li>ul>li>ul>li>ul>li a {
    padding-left: 75px
}

@media (min-width:764px) {
    .nav-side li>ul>li>a {
        padding-left: 17px
    }
    .nav-side li>ul>li>ul>li>a {
        padding-left: 32px
    }
    .nav-side li>ul>li>ul>li>ul>li>a {
        padding-left: 47px
    }
    .nav-side li>ul>li>ul>li>ul>li>ul>li a {
        padding-left: 62px
    }
}

@media not all and (-webkit-min-device-pixel-ratio:0),
not all and (min-resolution:0.001dpcm) {
    @supports (-webkit-appearance: none) {
        .nav-side li>a[aria-expanded][aria-controls]::after {
            transition:none
        }
        .nav-side li>a[aria-expanded=true][aria-controls]::after {
            transition: none
        }
    }
}

@media (max-width:1013.98px) {
    .nav-main-items {
        pointer-events: auto;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        position: static;
        padding: 0;
        margin: 0;
        list-style: none;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
        overflow-wrap: break-word
    }
    .nav-main-items li {
        display: flex;
        flex-direction: column
    }
    .nav-main-items li>a {
        bottom: 0;
        color: #5a6069;
        line-height: 24px;
        padding: 6px 15px;
        border-bottom: solid 1px #525252;
        font-size: 16px;
        font-weight: 400
    }
    .nav-main-items li>a:hover {
        text-decoration: none
    }
    .nav-main-items>li>a {
        color: #5a6069;
        text-transform: uppercase;
        font-size: 15px;
        font-weight: 400
    }
    .nav-main-items li[aria-expanded] {
        position: relative
    }
    .nav-main-items li[aria-expanded]>a[aria-controls]::after {
        position: absolute;
        display: inline-block;
        font-family: FontAwesome;
        font-weight: 400;
        content: "\f107";
        font-size: 25px;
        right: 15px;
        transform: rotate(0);
        transition: transform .33s;
        top: 4px;
        width: 28px;
        text-align: center;
        border-radius: 4px;
        line-height: 28px;
        background-color: #525252;
        color: #fff
    }
    .nav-main-items li[aria-expanded]>a.nav-label+a[aria-controls] {
        position: absolute;
        right: 0;
        top: 0;
        height: 36px;
        display: block;
        border: none;
        padding: 0;
        margin: 0
    }
    .nav-main-items li[aria-expanded][aria-expanded=true]>a[aria-controls]::after {
        transform: rotate(-180deg);
        transition: transform .33s
    }
    .nav-main-items li.active>a,
    .nav-main-items li.active[aria-expanded=true]>a {
        color: #fff;
        background-color: #525252
    }
    .nav-main-items li.active.final>a {
        font-weight: 600
    }
    .nav-main-items li[aria-expanded=true]>a {
        color: #2f5497;
        background-color: #525252;
        border-color: #525252
    }
    .nav-main-items li>.nav-menu {
        transition: max-height .33s cubic-bezier(0, .65, .35, 1);
        max-height: 0;
        display: block;
        overflow: hidden
    }
    .nav-main-items li[aria-expanded=true]>.nav-menu {
        transition: max-height .66s ease-in;
        max-height: 2000px
    }
    .nav-menu {
        box-shadow: none;
        width: auto;
        margin: 0;
        padding: 0;
        border: none;
        border-radius: 0;
        list-style: none
    }
    .nav-menu>li>a {
        padding-left: 35px
    }
    .nav-menu>li>ul>li>a {
        padding-left: 55px
    }
    .nav-menu>li>ul>li>ul>li a {
        padding-left: 75px
    }
    .nav-menu>li>ul>li>ul>li>ul>li a {
        padding-left: 85px
    }
    .nav-menu>li>ul>li>ul>li>ul>li>ul>li a {
        padding-left: 95px
    }
    .nav-menu>li>ul>li>ul>li>ul>li>ul>li>ul>li a {
        padding-left: 105px
    }
    .nav-menu>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li a {
        padding-left: 115px
    }
    .nav-menu>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li a {
        padding-left: 125px
    }
    .nav-menu>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li a {
        padding-left: 135px
    }
    #nav-toggle-label {
        display: inherit;
        margin-bottom: 0;
        max-width: none;
        pointer-events: auto
    }
    .nav-toggle {
        display: block;
        position: relative;
        overflow: hidden;
        margin: 0;
        padding: 0;
        width: 40px;
        height: 40px;
        font-size: 0;
        text-indent: -9999px;
        box-shadow: none;
        border-radius: 4px;
        border: none;
        cursor: pointer;
        transition: background .33s;
        color: #fff;
        background-color: #2f5497;
        z-index: 150001;
        float: right
    }
    .nav-toggle span {
        display: block;
        position: absolute;
        top: 19px;
        left: 8px;
        right: 8px;
        height: 2px;
        background: #fff;
        transition: background 0s .33s
    }
    .nav-toggle span::after,
    .nav-toggle span::before {
        position: absolute;
        display: block;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #fff;
        content: "";
        transition-duration: .33s, .33s;
        transition-delay: 0.33s, 0s
    }
    .nav-toggle span::before {
        top: -8px;
        transition-property: top, transform
    }
    .nav-toggle span::after {
        bottom: -8px;
        transition-property: bottom, transform
    }
    .nav-toggle.active {
        background-color: #2f5497
    }
    .nav-toggle.active span {
        background: 0 0
    }
    .nav-toggle.active span::after,
    .nav-toggle.active span::before {
        transition-delay: 0s, 0.33s
    }
    .nav-toggle.active span::before {
        top: 0;
        transform: rotate(45deg)
    }
    .nav-toggle.active span::after {
        bottom: 0;
        transform: rotate(-45deg)
    }
}

@media (max-width:1013.98px) and (max-width:551.98px) {
    .nav-toggle {
        width: 30px;
        height: 30px
    }
    .nav-toggle span {
        top: 14px;
        left: 6px;
        right: 6px;
        height: 2px
    }
    .nav-toggle span::after,
    .nav-toggle span::before {
        height: 2px
    }
    .nav-toggle span::before {
        top: -6px
    }
    .nav-toggle span::after {
        bottom: -6px
    }
}

@media (max-width:1013.98px) {
    .nav-main-container {
        position: fixed;
        top: 0;
        height: 100vh;
        background-color: #525252;
        z-index: 150200;
        pointer-events: auto;
        overflow-x: hidden;
        opacity: 0
    }
    .nav-main-container .nav-main-group {
        display: block;
        position: relative;
        border: 0;
        margin: 0;
        padding-left: 0;
        padding-right: 0;
        background-color: #fff;
        padding-top: 70px;
        min-width: 265px;
        width: 90vw
    }
    .nav-main-container .nav-main-group.has-sidelogo {
        padding-top: 0
    }
    .nav-main-container .nav-main-group .nav-main-items {
        border-top: solid 1px #525252
    }
}

@media (max-width:1013.98px) and (min-width:552px) {
    .nav-main-container .nav-main-group {
        width: 500px
    }
}

@media (max-width:1013.98px) and (min-width:764px) {
    .nav-main-container .nav-main-group {
        width: 500px
    }
}

@media (max-width:1013.98px) {
    .head-overlay {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 0;
        height: 0;
        background-color: #000;
        z-index: 150199;
        opacity: 0;
        transition: opacity .5s, height 1ms .5s, width 1ms .5s
    }
}

@media (max-width:1013.98px) {
    #nav-toggle-check {
        display: none
    }
}

@media (max-width:1013.98px) {
    html.active-nav .area-header .head-overlay,
    html.noscript #nav-toggle-check:checked~#nav-toggle-group .head-overlay,
    html.noscript #nav-toggle-check:checked~.header-group #nav-toggle-group .head-overlay {
        width: 100vw;
        height: 100vh;
        opacity: .75;
        transition: opacity .5s
    }
}

@media (max-width:1013.98px) {
    #mercury-page {
        position: relative
    }
}

@media (max-width:1013.98px) {
    .nav-main-container {
        transition: right .5s, opacity .25s;
        right: -90vw
    }
}

@media (max-width:1013.98px) and (min-width:552px) {
    .nav-main-container {
        right: -500px
    }
}

@media (max-width:1013.98px) and (min-width:764px) {
    .nav-main-container {
        right: -500px
    }
}

@media (max-width:1013.98px) {
    .nav-main-container .nav-main-mobile-logo {
        display: block;
        padding: 15px 15px;
        background-color: #fff;
        padding-right: 90px
    }
}

@media (max-width:1013.98px) {
    #nav-toggle-label {
        position: fixed;
        z-index: 150201;
        top: 15px;
        right: 30px
    }
}

@media (max-width:1013.98px) {
    html.active-nav .area-header .header-group .nav-main-container,
    html.noscript #nav-toggle-check:checked~.header-group .nav-main-container {
        opacity: 1;
        right: 0
    }
    html.active-nav .area-header .header-group li[aria-expanded]>a::after,
    html.noscript #nav-toggle-check:checked~.header-group li[aria-expanded]>a::after {
        right: 30px
    }
    html.active-nav .area-header .header-group li[aria-expanded]>a,
    html.noscript #nav-toggle-check:checked~.header-group li[aria-expanded]>a {
        padding-right: 60px !important
    }
}

@media (max-width:1013.98px) {
    #mercury-page {
        right: 0
    }
}

@media (max-width:1013.98px) {
    html.active-nav {
        overflow-x: hidden;
        overflow-y: hidden
    }
}

@media (max-width:1013.98px) {
    html.opencms-page-editor #nav-toggle-label {
        top: calc(52px + 15px)
    }
    html.opencms-page-editor .nav-main-container .nav-main-group {
        padding-top: 122px
    }
    html.opencms-page-editor .nav-main-container .nav-main-group.has-sidelogo {
        padding-top: 52px
    }
}

@media (max-width:1013.98px) {
    html.noscript .area-header .nav-main-items li {
        display: flex !important
    }
    html.noscript .area-header .nav-main-items li>.nav-menu {
        max-height: none
    }
}

@media (max-width:1013.98px) {
    #nav-main-search {
        display: none !important
    }
}

@media (max-width:1013.98px) {
    .nav-mega-menu .nav-side {
        margin: 0
    }
    .nav-mega-menu .nav-side li {
        border: 0
    }
    .nav-mega-menu .nav-side li>a {
        padding: 6px 15px 6px 35px
    }
    .nav-mega-menu .element {
        margin-bottom: 0
    }
}

@media (min-width:1014px) {
    .nav-main-items {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        position: static;
        padding: 0;
        margin: 0;
        list-style: none;
        pointer-events: auto;
        justify-content: flex-end
    }
    .nav-main-items.cap-none>li>a {
        text-transform: none
    }
    .nav-main-items.cap-upper>li>a {
        text-transform: uppercase
    }
    .nav-main-items>li {
        display: flex;
        position: relative
    }
    .nav-main-items>li>a {
        color: #5a6069;
        text-transform: uppercase;
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
        font-family: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        position: relative;
        padding: 0 14px 8px 14px
    }
    .nav-main-items>li>a::after {
        position: absolute;
        display: inline-block;
        font-family: FontAwesome
    }
    .nav-main-items>li:last-of-type:not([aria-expanded])>a {
        padding-right: 0
    }
    .nav-main-items>li.active>a,
    .nav-main-items>li.active>a:focus,
    .nav-main-items>li.active>a:hover,
    .nav-main-items>li>a:focus,
    .nav-main-items>li>a:hover,
    .nav-main-items>li[aria-expanded=true]>a,
    .nav-main-items>li[aria-expanded=true]>a:focus,
    .nav-main-items>li[aria-expanded=true]>a:hover {
        text-decoration: none;
        color: #2f5497;
        margin-bottom: 0
    }
    .nav-main-items>li.active>a {
        color: #2f5497
    }
    .nav-main-items>li[aria-expanded=true]>a.nav-label+a[aria-controls] {
        display: none
    }
    .nav-main-items>li[aria-expanded]>a::after {
        color: #5a6069;
        line-height: 20px;
        content: "\f107";
        right: 0
    }
    .nav-main-items>li[aria-expanded]>a:hover::after {
        color: #2f5497
    }
    .nav-main-items>li[aria-expanded]>a.nav-label {
        cursor: pointer
    }
    .nav-main-items>li[aria-expanded]>a.nav-label+a[aria-controls] {
        position: absolute;
        display: inline-block;
        background: 0 0;
        border: none;
        width: 100%;
        top: 0;
        right: 0;
        padding-left: 0;
        padding-right: 0;
        z-index: 999
    }
    .nav-main-items>li[aria-expanded]>a.nav-label+a[aria-controls]::after {
        content: ""
    }
    .nav-main-items>li[aria-expanded]>.nav-menu {
        -webkit-animation-name: fadeTopMenu;
        animation-name: fadeTopMenu;
        -webkit-animation-duration: .33s;
        animation-duration: .33s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        transform-origin: top
    }
    .nav-main-items>li.open-left>.nav-menu {
        right: 0 !important;
        left: auto !important
    }
    .nav-main-items>li>.nav-menu {
        top: 28px
    }
    .nav-main-items [aria-expanded=true]>.nav-menu {
        display: block
    }
    .nav-menu {
        position: absolute;
        top: -1px;
        left: 0;
        display: none;
        margin: 0;
        padding: 0;
        border: none;
        border-radius: 0;
        min-width: 250px;
        z-index: 150000;
        box-shadow: 0 6px 12px rgba(0, 0, 0, .3);
        border-top: solid 1px #2f5497;
        border-bottom: solid 1px #2f5497;
        list-style: none;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
        overflow-wrap: break-word;
        -webkit-animation-name: fadeRightMenu;
        animation-name: fadeRightMenu;
        -webkit-animation-duration: .33s;
        animation-duration: .33s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        transform-origin: left
    }
    .nav-menu>li {
        display: flex;
        position: relative
    }
    .nav-menu>li>a {
        color: #5a6069;
        background-color: #fff;
        width: 100%;
        font-size: 14px;
        font-weight: 300;
        padding: 8px 20px;
        border: none;
        border-bottom: none
    }
    .nav-menu>li>a:hover {
        text-decoration: none
    }
    .nav-menu>li:last-child>a {
        border-bottom: none
    }
    .nav-menu>li[aria-expanded=true]>a {
        color: #2f5497;
        background-color: #525252
    }
    .nav-menu>li.active>a {
        color: #fff;
        background-color: #525252
    }
    .nav-menu>li.active>a:focus,
    .nav-menu>li.active>a:hover,
    .nav-menu>li>a:focus,
    .nav-menu>li>a:hover {
        color: #2f5497;
        background-color: #525252
    }
    .nav-menu [aria-expanded] {
        position: relative
    }
    .nav-menu [aria-expanded]>.nav-menu {
        left: 100%;
        margin-top: 0;
        margin-left: 0
    }
    .nav-menu [aria-expanded]>a[aria-controls]::after {
        position: absolute;
        display: inline-block;
        font-family: FontAwesome;
        right: 9px;
        font-size: 14px;
        content: "\f105";
        font-weight: 400
    }
    .nav-menu [aria-expanded]>a.nav-label+a[aria-controls] {
        background-color: transparent;
        position: absolute;
        display: inline-block;
        border: none;
        width: 40px;
        padding-left: 0;
        padding-right: 0;
        top: 0;
        right: 0
    }
    .nav-menu [aria-expanded].open-left [aria-expanded]>.nav-menu,
    .nav-menu [aria-expanded].open-left>.nav-menu {
        left: auto;
        right: 250px;
        transform-origin: right
    }
    .nav-menu [aria-expanded].open-left [aria-expanded].open-right [aria-expanded]>.nav-menu,
    .nav-menu [aria-expanded].open-left [aria-expanded].open-right>.nav-menu {
        left: 100%;
        right: auto;
        transform-origin: left
    }
    .nav-menu [aria-expanded].open-left a[aria-controls]::after {
        content: "\f104"
    }
    .nav-menu [aria-expanded].open-left [aria-expanded].open-right a[aria-controls]::after {
        content: "\f105"
    }
    .nav-mega-menu .nav-side li>a {
        color: #5a6069;
        background-color: #fff;
        width: 100%;
        font-size: 14px;
        font-weight: 300
    }
    .nav-mega-menu .nav-side li>a:hover {
        text-decoration: none
    }
    #nav-toggle-check,
    #nav-toggle-group {
        display: none
    }
    #nav-main-search .nav-menu {
        padding: 14px;
        background-color: #fff;
        width: 400px
    }
    #nav-main-search .search-form {
        padding: 0;
        margin: 0;
        border: none;
        color: #5a6069;
        font-family: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        font-weight: 300;
        font-size: 14px;
        position: relative;
        width: 100%
    }
    #nav-main-search[aria-expanded]>a {
        padding-right: 0
    }
    #nav-main-search[aria-expanded]>a::after {
        content: "";
        right: 0
    }
    .nav-main-container {
        position: relative;
        width: 100%
    }
    .nav-main-container .nav-main-mobile-logo {
        display: none
    }
    html.hasscript .nav-main-container .nav-mega-menu {
        top: 0;
        left: 0;
        position: absolute;
        margin: 0;
        width: calc(962px + 4rem);
        padding: 2rem 2rem 0 2rem;
        background-color: #fff
    }
    html.hasscript .nav-main-container .nav-main-items>li[aria-expanded].mega {
        position: static
    }
}

@media (min-width:1014px) and (min-width:1200px) {
    html.hasscript .nav-main-container .nav-mega-menu {
        width: calc(1140px + 4rem)
    }
}

@media (min-width:1014px) {
    html.keyboard-nav .nav-main-items>li[aria-expanded]>a:focus::after {
        content: "\f107";
        background-color: #2f5497;
        color: #525252;
        border-radius: 4px;
        right: -1.5px;
        line-height: 20px;
        padding-left: 3.5px;
        padding-right: 3.5px;
        outline: 0
    }
    html.keyboard-nav .nav-main-items>li[aria-expanded]>a.nav-label:focus::after {
        content: ""
    }
}

#mega-menu-editor {
    background: #a8adb4;
    padding-top: 2rem;
    padding-bottom: 2rem;
    height: calc(100vh - 52px)
}

#mega-menu-editor>.container {
    padding: 0
}

#mega-menu-editor .nav-main-container {
    right: 0 !important
}

#mega-menu-editor .nav-main-items,
#mega-menu-editor li.mega {
    display: block
}

#mega-menu-editor .nav-menu.nav-mega-menu {
    max-height: none;
    display: block;
    overflow: visible;
    position: static;
    margin-left: calc(15px - 2rem);
    -webkit-animation-name: none;
    animation-name: none
}

.pagination {
    display: initial;
    margin: 0;
    padding-left: 0
}

.pagination>li {
    display: inline-block
}

.pagination>li>a {
    display: inline-block;
    position: relative;
    background-color: #fff;
    border: 1px solid #525252;
    margin-left: 0;
    margin-right: -1px;
    color: #525252;
    text-align: center;
    text-decoration: none;
    padding: 5px 12px;
    line-height: 1.4;
    min-width: calc(2.24rem + 10px);
    font-size: 1.6rem
}

.pagination>li>a .number {
    font-weight: 300
}

.pagination>li.previous {
    margin-right: 1rem
}

.pagination>li.next {
    margin-left: 1rem
}

.pagination>li.first.gap::after {
    content: "...";
    display: inline-block;
    margin: 0 1rem
}

.pagination>li:first-child>a {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.pagination>li:last-child>a {
    margin-right: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.pagination>li.active>a:hover,
.pagination>li>a:hover {
    color: #fff;
    background: #525252;
    border-color: #525252
}

.pagination>li.active>a {
    color: #fff;
    background-color: #2f5497;
    border-color: #2f5497
}

.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover {
    color: #525252;
    background-color: #fff;
    border-color: #525252;
    cursor: not-allowed
}

.color-grey-darker .pagination>li.active>a:not(:hover) {
    background-color: #5a6069;
    border-color: #5a6069
}

.color-grey-darker .pagination>li:not(.disabled)>a:hover {
    background: #2f5497;
    border-color: #2f5497
}

.color-grey-dark .pagination>li.active>a:not(:hover) {
    background-color: #7f8691;
    border-color: #7f8691
}

.color-grey-dark .pagination>li:not(.disabled)>a:hover {
    background: #2f5497;
    border-color: #2f5497
}

.color-grey .pagination>li.active>a:not(:hover) {
    background-color: #a8adb4;
    border-color: #a8adb4
}

.color-grey .pagination>li:not(.disabled)>a:hover {
    background: #2f5497;
    border-color: #2f5497
}

.color-grey-light .pagination>li.active>a:not(:hover) {
    background-color: #525252;
    border-color: #525252
}

.color-grey-light .pagination>li:not(.disabled)>a:hover {
    background: #2f5497;
    border-color: #2f5497
}

.color-grey-lighter .pagination>li.active>a:not(:hover) {
    background-color: #f7f7f7;
    border-color: #f7f7f7
}

.color-grey-lighter .pagination>li:not(.disabled)>a:hover {
    background: #2f5497;
    border-color: #2f5497
}

.color-violet .pagination>li.active>a:not(:hover) {
    background-color: #642f5b;
    border-color: #642f5b
}

.color-violet .pagination>li:not(.disabled)>a:hover {
    background: #b31b34;
    border-color: #b31b34
}

.color-green .pagination>li.active>a:not(:hover) {
    background-color: #00af33;
    border-color: #00af33
}

.color-green .pagination>li:not(.disabled)>a:hover {
    background: #ffa826;
    border-color: #ffa826
}

.color-yellow .pagination>li.active>a:not(:hover) {
    background-color: #ffd900;
    border-color: #ffd900
}

.color-yellow .pagination>li:not(.disabled)>a:hover {
    background: #d9622d;
    border-color: #d9622d
}

.color-cyan .pagination>li.active>a:not(:hover) {
    background-color: #1bb39a;
    border-color: #1bb39a
}

.color-cyan .pagination>li:not(.disabled)>a:hover {
    background: #187b8e;
    border-color: #187b8e
}

.color-blue-dark .pagination>li.active>a:not(:hover) {
    background-color: #0d2c56;
    border-color: #0d2c56
}

.color-blue-dark .pagination>li:not(.disabled)>a:hover {
    background: #2197db;
    border-color: #2197db
}

.color-blue .pagination>li.active>a:not(:hover) {
    background-color: #144382;
    border-color: #144382
}

.color-blue .pagination>li:not(.disabled)>a:hover {
    background: #2197db;
    border-color: #2197db
}

.color-blue-light .pagination>li.active>a:not(:hover) {
    background-color: #2197db;
    border-color: #2197db
}

.color-blue-light .pagination>li:not(.disabled)>a:hover {
    background: #144382;
    border-color: #144382
}

.color-orange-dark .pagination>li.active>a:not(:hover) {
    background-color: #d9622d;
    border-color: #d9622d
}

.color-orange-dark .pagination>li:not(.disabled)>a:hover {
    background: #ffa826;
    border-color: #ffa826
}

.color-orange .pagination>li.active>a:not(:hover) {
    background-color: #ffa826;
    border-color: #ffa826
}

.color-orange .pagination>li:not(.disabled)>a:hover {
    background: #ffcc26;
    border-color: #ffcc26
}

.color-red-dark .pagination>li.active>a:not(:hover) {
    background-color: #8b1528;
    border-color: #8b1528
}

.color-red-dark .pagination>li:not(.disabled)>a:hover {
    background: #ff264a;
    border-color: #ff264a
}

.color-red .pagination>li.active>a:not(:hover) {
    background-color: #b31b34;
    border-color: #b31b34
}

.color-red .pagination>li:not(.disabled)>a:hover {
    background: #ff264a;
    border-color: #ff264a
}

.color-white .pagination>li.active>a:not(:hover) {
    background-color: #fff;
    border-color: #fff
}

.color-white .pagination>li:not(.disabled)>a:hover {
    background: #2f5497;
    border-color: #2f5497
}

.color-default .pagination>li.active>a:not(:hover) {
    background-color: #2f5497;
    border-color: #2f5497
}

.color-default .pagination>li:not(.disabled)>a:hover {
    background: #525252;
    border-color: #525252
}

.piece {
    display: block;
    position: relative
}

.piece>.visual {
    margin-bottom: 1rem;
    width: 100%
}

.piece>.visual .copyright {
    position: relative
}

.piece>.visual .copyright>div {
    padding: 2px 4px;
    font-family: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 8px;
    line-height: 1;
    display: inline-block;
    color: #000;
    background-color: rgba(255, 255, 255, .6);
    opacity: .8;
    position: absolute;
    bottom: 0;
    pointer-events: none;
    z-index: 7;
    box-shadow: none;
    right: 0;
    left: initial;
    text-align: right;
    border-top-left-radius: 2px
}

.piece>.visual .subtitle {
    margin-top: .5rem;
    line-height: 1.15;
    font-style: italic;
    font-size: 13px
}

.piece.only-visual>.visual {
    margin-bottom: 0
}

.piece.disabled {
    background-image: repeating-linear-gradient(135deg, transparent, transparent 10px, rgba(0, 0, 0, .1) 10px, rgba(0, 0, 0, .1) 20px)
}

.piece.full>.visual {
    margin-left: auto;
    margin-right: auto
}

.piece.full.align-right>.visual {
    margin-right: 0
}

.piece.pvl>.visual {
    margin-bottom: 0
}

.piece.pvl>.body+.visual,
.piece.pvl>.link+.visual {
    margin-top: 1rem
}

.piece.paj .heading>.piece-heading,
.piece.paj>.body .link,
.piece.paj>.body .text,
.piece.paj>.body+.link,
.piece.paj>.visual>.subtitle {
    text-align: justify
}

.piece.pac .heading>.piece-heading,
.piece.pac>.body .link,
.piece.pac>.body .text,
.piece.pac>.body+.link,
.piece.pac>.visual>.subtitle {
    text-align: center
}

.piece.par .heading>.piece-heading,
.piece.par>.body .link,
.piece.par>.body .text,
.piece.par>.body+.link,
.piece.par>.visual>.subtitle {
    text-align: right
}

.piece .heading>.piece-heading {
    text-overflow: ellipsis;
    overflow: hidden
}

.piece .heading>.piece-heading-link:hover {
    text-decoration: none
}

.piece .heading:last-child>.piece-heading,
.piece .heading:last-child>.piece-heading-link>.piece-heading {
    margin-bottom: 0
}

.piece .piece-btn-lg {
    padding: 7.5px 18px
}

.piece>.body .text>*,
.piece>.body .text>.detail-content>* {
    margin-bottom: 1rem
}

.piece>.body .text>.detail-content>:last-child,
.piece>.body .text>:last-child {
    margin-bottom: 0
}

.piece>.body .text+.link,
.piece>.body+.link {
    margin-top: 1rem
}

.piece .heading {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    overflow-wrap: break-word
}

.piece>.body .text {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    /*hyphens:auto;*/
    overflow-wrap: break-word
}

@media (max-width:763.98px) {
    .piece.p-xs-1>.visual {
        width: calc((100% + 30px) * .0833333337 - 30px)
    }
    .piece.p-xs-2>.visual {
        width: calc((100% + 30px) * .1666666674 - 30px)
    }
    .piece.p-xs-3>.visual {
        width: calc((100% + 30px) * .25 - 30px)
    }
    .piece.p-xs-4>.visual {
        width: calc((100% + 30px) * .3333333337 - 30px)
    }
    .piece.p-xs-5>.visual {
        width: calc((100% + 30px) * .4166666674 - 30px)
    }
    .piece.p-xs-6>.visual {
        width: calc((100% + 30px) * .5 - 30px)
    }
    .piece.p-xs-7>.visual {
        width: calc((100% + 30px) * .5833333337 - 30px)
    }
    .piece.p-xs-8>.visual {
        width: calc((100% + 30px) * .6666666674 - 30px)
    }
    .piece.p-xs-9>.visual {
        width: calc((100% + 30px) * .75 - 30px)
    }
    .piece.p-xs-10>.visual {
        width: calc((100% + 30px) * .8333333337 - 30px)
    }
    .piece.p-xs-11>.visual {
        width: calc((100% + 30px) * .9166666674 - 30px)
    }
    .piece.p-xs-0>.visual {
        display: none
    }
}

@media (min-width:764px) {
    .flex-col>.piece.full:only-child {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        width: 100%;
        text-overflow: ellipsis;
        z-index: 5
    }
    .flex-col>.piece.full:only-child>.body {
        flex-basis: auto;
        flex-grow: 1
    }
    .flex-col>.piece.full:only-child>.body .headline {
        overflow: hidden;
        text-overflow: ellipsis
    }
    .piece.phv::before {
        display: block;
        clear: both;
        content: ""
    }
    .piece.flex {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row
    }
    .piece.flex>.heading,
    .piece.flex>.link {
        flex: 0 0 100%
    }
    .piece.flex>.body,
    .piece.flex>.heading,
    .piece.flex>.link,
    .piece.flex>.visual {
        position: relative;
        width: 100%
    }
    .piece.flex>.visual {
        margin-bottom: 0
    }
    .piece.flex.right>.visual {
        order: 13;
        padding-left: 15px
    }
    .piece.flex.right>.body {
        padding-right: 15px
    }
    .piece.flex.left>.visual {
        padding-right: 15px
    }
    .piece.flex.left>.body {
        padding-left: 15px
    }
    .piece.flex.p-md-10 .btn,
    .piece.flex.p-md-11 .btn,
    .piece.flex.p-md-7 .btn,
    .piece.flex.p-md-8 .btn,
    .piece.flex.p-md-9 .btn {
        white-space: normal
    }
    .piece.float.left>.visual {
        float: left;
        margin-right: 30px
    }
    .piece.float.right>.visual {
        float: right;
        margin-left: 30px
    }
    .piece.p-md-1.flex>.visual {
        flex: 0 0 calc((100% + 30px) * 0.0833333337 - 15px)
    }
    .piece.p-md-1.flex>.body {
        flex: 0 0 calc((100% + 30px) * 0.9166666674 - 16px)
    }
    .piece.p-md-1.float>.visual,
    .piece.p-md-1.full>.visual {
        width: calc((100% + 30px) * .0833333337 - 30px)
    }
    .piece.p-md-2.flex>.visual {
        flex: 0 0 calc((100% + 30px) * 0.1666666674 - 15px)
    }
    .piece.p-md-2.flex>.body {
        flex: 0 0 calc((100% + 30px) * 0.8333333337 - 16px)
    }
    .piece.p-md-2.float>.visual,
    .piece.p-md-2.full>.visual {
        width: calc((100% + 30px) * .1666666674 - 30px)
    }
    .piece.p-md-3.flex>.visual {
        flex: 0 0 calc((100% + 30px) * 0.25 - 15px)
    }
    .piece.p-md-3.flex>.body {
        flex: 0 0 calc((100% + 30px) * 0.75 - 16px)
    }
    .piece.p-md-3.float>.visual,
    .piece.p-md-3.full>.visual {
        width: calc((100% + 30px) * .25 - 30px)
    }
    .piece.p-md-4.flex>.visual {
        flex: 0 0 calc((100% + 30px) * 0.3333333337 - 15px)
    }
    .piece.p-md-4.flex>.body {
        flex: 0 0 calc((100% + 30px) * 0.6666666674 - 16px)
    }
    .piece.p-md-4.float>.visual,
    .piece.p-md-4.full>.visual {
        width: calc((100% + 30px) * .3333333337 - 30px)
    }
    .piece.p-md-5.flex>.visual {
        flex: 0 0 calc((100% + 30px) * 0.4166666674 - 15px)
    }
    .piece.p-md-5.flex>.body {
        flex: 0 0 calc((100% + 30px) * 0.5833333337 - 16px)
    }
    .piece.p-md-5.float>.visual,
    .piece.p-md-5.full>.visual {
        width: calc((100% + 30px) * .4166666674 - 30px)
    }
    .piece.p-md-6.flex>.visual {
        flex: 0 0 calc((100% + 30px) * 0.5 - 15px)
    }
    .piece.p-md-6.flex>.body {
        flex: 0 0 calc((100% + 30px) * 0.5 - 16px)
    }
    .piece.p-md-6.float>.visual,
    .piece.p-md-6.full>.visual {
        width: calc((100% + 30px) * .5 - 30px)
    }
    .piece.p-md-7.flex>.visual {
        flex: 0 0 calc((100% + 30px) * 0.5833333337 - 15px)
    }
    .piece.p-md-7.flex>.body {
        flex: 0 0 calc((100% + 30px) * 0.4166666674 - 16px)
    }
    .piece.p-md-7.float>.visual,
    .piece.p-md-7.full>.visual {
        width: calc((100% + 30px) * .5833333337 - 30px)
    }
    .piece.p-md-8.flex>.visual {
        flex: 0 0 calc((100% + 30px) * 0.6666666674 - 15px)
    }
    .piece.p-md-8.flex>.body {
        flex: 0 0 calc((100% + 30px) * 0.3333333337 - 16px)
    }
    .piece.p-md-8.float>.visual,
    .piece.p-md-8.full>.visual {
        width: calc((100% + 30px) * .6666666674 - 30px)
    }
    .piece.p-md-9.flex>.visual {
        flex: 0 0 calc((100% + 30px) * 0.75 - 15px)
    }
    .piece.p-md-9.flex>.body {
        flex: 0 0 calc((100% + 30px) * 0.25 - 16px)
    }
    .piece.p-md-9.float>.visual,
    .piece.p-md-9.full>.visual {
        width: calc((100% + 30px) * .75 - 30px)
    }
    .piece.p-md-10.flex>.visual {
        flex: 0 0 calc((100% + 30px) * 0.8333333337 - 15px)
    }
    .piece.p-md-10.flex>.body {
        flex: 0 0 calc((100% + 30px) * 0.1666666674 - 16px)
    }
    .piece.p-md-10.float>.visual,
    .piece.p-md-10.full>.visual {
        width: calc((100% + 30px) * .8333333337 - 30px)
    }
    .piece.p-md-11.flex>.visual {
        flex: 0 0 calc((100% + 30px) * 0.9166666674 - 15px)
    }
    .piece.p-md-11.flex>.body {
        flex: 0 0 calc((100% + 30px) * 0.0833333337 - 16px)
    }
    .piece.p-md-11.float>.visual,
    .piece.p-md-11.full>.visual {
        width: calc((100% + 30px) * .9166666674 - 30px)
    }
    .piece.p-md-0>.visual {
        display: none
    }
    .piece.p-md-0.flex>.body {
        flex: 0 0 100%
    }
}

.intro-headline>span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis
}

.intro-headline>.intro {
    line-height: 1.25;
    font-size: 65%;
    font-weight: 600;
    color: #2f5497;
    margin-bottom: .25rem
}

.piece .text .label {
    display: inline-block;
    padding: 0 .4rem;
    color: #fff
}

.piece .text .label.label-orange {
    background-color: #ffa826
}

.piece .text .label.label-red {
    background-color: #b31b34
}

.piece .text .label.label-cyan {
    background-color: #1bb39a
}

.element .body-text {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    overflow-wrap: break-word
}

.element .body-text>* {
    margin-bottom: 1rem
}

.element .body-text>:last-child {
    margin-bottom: 0
}

.accessible {
    line-height: 1;
    margin-bottom: 1rem
}

@media (min-width:764px) {
    .element .poi-head {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap
    }
}

.acc-icon {
    position: relative;
    width: 3.5rem;
    padding: 0 0 3.5rem 0 !important;
    display: inline-block;
    color: #fff;
    background-color: #2f5497;
    border-radius: 4px;
    margin-right: 10px;
    font-size: 2.2rem
}

.acc-icon:last-of-type {
    margin-right: 0
}

.acc-icon .acc-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: flex
}

.acc-icon .fa {
    font-weight: 400
}

.acc-icon .fa-male {
    position: relative;
    margin: 0 1px 0 2px;
    font-weight: 400
}

.acc-icon .fa-male::after {
    display: block;
    content: "";
    border-right: 1px solid #fff;
    position: absolute;
    height: 100%;
    bottom: 0;
    right: -2px
}

.acc-icon .fa-female {
    font-weight: 400;
    transform: scale(.85, 1)
}

.pp-banner .container {
    display: flex;
    flex-direction: column;
    overflow: auto;
    max-height: 100vh
}

.pp-banner .container>div:not(:last-of-type) {
    margin-bottom: 1rem
}

.pp-banner .banner {
    display: none;
    box-shadow: 0 -3px 10px 2px rgba(0, 0, 0, .3);
    background-color: #222;
    opacity: .95;
    color: #fff;
    padding: 20px;
    width: 100vw
}

.pp-banner .banner.fixed {
    z-index: 150100;
    left: 0;
    position: fixed
}

.pp-banner .banner.fixed.top {
    top: 0
}

.pp-banner .banner.fixed.bottom {
    bottom: 0
}

.pp-banner * {
    color: #fff
}

.pp-banner .title {
    font-size: 2.6rem;
    line-height: 1.25;
    order: 1
}

.pp-banner .message {
    order: 2
}

.pp-banner .message p:last-of-type {
    margin-bottom: 0
}

.pp-banner .message a {
    font-weight: 600
}

.pp-banner .selection {
    display: flex;
    align-items: center;
    order: 3
}

.pp-banner .selection .options {
    flex-grow: 1
}

.pp-banner .selection .options label {
    margin-right: 2rem;
    margin-bottom: 0;
    padding-left: 30px;
    cursor: pointer;
    position: relative
}

.pp-banner .selection .options label input {
    position: absolute;
    left: -9999px
}

.pp-banner .selection .options label i {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
    outline: 0;
    background-color: #fff
}

.pp-banner .selection .options label input+i::after {
    position: absolute;
    opacity: 0;
    content: "\f00c";
    top: -4px;
    left: -1px;
    font-size: 23px;
    line-height: 23px;
    font-family: FontAwesome;
    font-weight: 400;
    text-align: center
}

.pp-banner .selection .options label input:checked+i::after {
    opacity: 1;
    color: #525252
}

.pp-banner .selection .options label input[disabled]+i {
    background-color: #525252
}

.pp-banner .selection .options label input[disabled]+i::after {
    color: #525252
}

.pp-banner .buttons .btn {
    font-size: 1.8rem;
    min-width: 100px
}

.pp-banner .buttons .btn:last-of-type {
    margin-left: 2rem
}

.pp-banner .buttons .btn-accept {
    background-color: #525252;
    color: #fff
}

.open .dropdown-toggle .pp-banner .buttons .btn-accept,
.pp-banner .buttons .btn-accept.active,
.pp-banner .buttons .btn-accept:focus,
.pp-banner .buttons .btn-accept:hover {
    color: #fff;
    background-color: #2f5497;
    text-decoration: none;
    cursor: pointer;
    transition-property: color, background-color, border-color;
    transition-duration: .33s;
    transition-timing-function: ease
}

.pp-banner .buttons .btn-accept.disabled,
.pp-banner .buttons .btn-accept[disabled],
fieldset[disabled] .pp-banner .buttons .btn-accept {
    background-color: #525252;
    color: #fff;
    cursor: not-allowed
}

.pp-banner .buttons .btn-save {
    background-color: #3c3c3c;
    color: #fff
}

.open .dropdown-toggle .pp-banner .buttons .btn-save,
.pp-banner .buttons .btn-save.active,
.pp-banner .buttons .btn-save:focus,
.pp-banner .buttons .btn-save:hover {
    color: #fff;
    background-color: #2f5497;
    text-decoration: none;
    cursor: pointer;
    transition-property: color, background-color, border-color;
    transition-duration: .33s;
    transition-timing-function: ease
}

.pp-banner .buttons .btn-save.disabled,
.pp-banner .buttons .btn-save[disabled],
fieldset[disabled] .pp-banner .buttons .btn-save {
    background-color: #525252;
    color: #fff;
    cursor: not-allowed
}

.pp-banner .links {
    order: 4;
    font-size: 80%
}

.pp-banner .links ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.pp-banner .links li {
    display: inline;
    margin: 0
}

.pp-banner .links li+li {
    margin-left: 2rem
}

.pp-banner .links a {
    font-weight: 600
}

@media (max-width:1013.98px) {
    .pp-banner .title {
        text-align: center;
        font-size: 1.8rem;
        max-width: 100%;
        display: block;
        float: none
    }
    .pp-banner .container {
        padding: 0
    }
    .pp-banner .selection {
        font-size: 1.25rem;
        flex-direction: column;
        align-items: flex-start
    }
    .pp-banner .selection .options {
        flex-grow: initial;
        margin-bottom: 1rem
    }
    .pp-banner .buttons {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        width: 100%
    }
    .pp-banner .buttons .btn {
        margin: 0;
        font-size: 1.5rem
    }
    .pp-banner .message {
        font-size: 1.2rem;
        line-height: 1.25;
        text-align: justify;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto
    }
    .pp-banner .links {
        font-size: 1rem
    }
}

@media (max-width:763.98px) {
    .pp-banner .banner {
        padding: 15px 15px 10px 15px
    }
    .pp-banner .selection {
        order: 6;
        margin-bottom: 0 !important
    }
    .pp-banner .buttons {
        justify-content: space-around
    }
    .pp-banner .buttons .btn {
        margin-bottom: 5px
    }
    .pp-banner .links {
        margin-bottom: 1rem
    }
}

@media (max-width:551.98px) {
    .pp-banner .selection .options {
        display: flex;
        flex-direction: column
    }
    .pp-banner .selection .options label+label {
        margin-top: 1rem
    }
    .pp-banner .message {
        margin-bottom: .5rem !important
    }
    .pp-banner .buttons .btn {
        font-size: 1.25rem;
        padding: 1.5px 7.5px
    }
    .pp-banner .buttons .btn:last-of-type {
        margin-left: 0
    }
    .pp-banner .links li {
        display: list-item
    }
    .pp-banner .links li+li {
        margin-left: 0
    }
}

#privacy-policy-banner-noscript .banner {
    display: block
}

#privacy-policy-banner-noscript .banner .message {
    font-size: 3.1rem;
    line-height: 1.25
}

.pp-toggle .toggle-check[disabled]+.toggle-label,
html.opencms-page-editor .pp-toggle .toggle-check+.toggle-label {
    pointer-events: none;
    cursor: auto
}

.pp-toggle .toggle-check[disabled]+.toggle-label .toggle-inner::after,
.pp-toggle .toggle-check[disabled]+.toggle-label .toggle-inner::before,
html.opencms-page-editor .pp-toggle .toggle-check+.toggle-label .toggle-inner::after,
html.opencms-page-editor .pp-toggle .toggle-check+.toggle-label .toggle-inner::before {
    background-color: #525252 !important;
    color: #a8adb4 !important
}

.pp-toggle {
    position: relative;
    display: flex
}

.pp-toggle+.pp-toggle {
    margin-top: 2rem
}

.pp-toggle .toggle-label {
    display: block;
    cursor: pointer;
    min-height: 42px;
    margin-bottom: 0
}

.pp-toggle .toggle-label:hover .toggle-inner::after,
.pp-toggle .toggle-label:hover .toggle-inner::before {
    color: #525252 !important;
    background-color: #fff !important
}

.pp-toggle .toggle-text {
    display: flex;
    align-items: center;
    font-size: 18px;
    line-height: 1;
    margin-left: 2rem
}

.pp-toggle .toggle-box {
    width: 200px;
    position: relative;
    display: block;
    overflow: hidden;
    border: 1px solid #525252;
    border-radius: 4px
}

.pp-toggle .toggle-inner {
    display: block;
    width: 200%;
    margin-left: -100%
}

.pp-toggle .toggle-inner::after,
.pp-toggle .toggle-inner::before {
    display: block;
    float: left;
    width: 50%;
    height: 40px;
    line-height: 40px;
    padding: 0;
    font-size: 18px;
    font-weight: 600;
    box-sizing: border-box
}

.pp-toggle .toggle-inner::before {
    content: attr(data-checked) " ";
    padding-left: 10px;
    background-color: #525252;
    color: #fff
}

.pp-toggle .toggle-inner::after {
    content: attr(data-unchecked) " ";
    padding-right: 10px;
    background-color: #525252;
    color: #fff;
    text-align: right
}

.pp-toggle .toggle-slider {
    display: block;
    width: 36px;
    margin: 2px;
    background-color: #525252;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 158px;
    border: 1px solid #525252;
    border-radius: 2px
}

.pp-toggle.animated .toggle-inner {
    transition: margin .3s ease-in 0s
}

.pp-toggle.animated .toggle-slider {
    transition: all .3s ease-in 0s
}

.pp-toggle .toggle-check {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0
}

.pp-toggle .toggle-check:checked+.toggle-label .toggle-inner {
    margin-left: 0 !important
}

.pp-toggle .toggle-check:checked+.toggle-label .toggle-slider {
    right: 0 !important
}

@media (max-width:763.98px) {
    .pp-toggle {
        flex-direction: column
    }
    .pp-toggle .toggle-text {
        margin-left: 0;
        margin-bottom: 1rem
    }
    .pp-toggle .toggle-label {
        order: 1
    }
}

html.keyboard-nav .pp-toggle .toggle-check:focus+.toggle-label .toggle-box {
    outline-color: rgba(77, 144, 255, .5);
    outline-width: 3px;
    outline-style: solid;
    outline-offset: -2px;
    box-shadow: inset 0 0 4px 1px rgba(77, 144, 255, .5), 0 0 7px 2px rgba(77, 144, 255, .5);
    z-index: 155000
}

#mercury-page .external-cookie-notice {
    color: #525252;
    background-color: #f7f7f7;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: scroll !important;
    padding: 2rem;
    cursor: auto;
    font: 300 14px/1.4 Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    border-radius: 4px;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    overflow-wrap: break-word
}

@media (min-width:1014px) {
    #mercury-page .external-cookie-notice {
        font-size: 1.6rem
    }
}

#mercury-page .external-cookie-notice .cookie-header {
    font-weight: 600;
    line-height: 1.25;
    font-size: 125%
}

#mercury-page .external-cookie-notice .cookie-header,
#mercury-page .external-cookie-notice .cookie-message,
#mercury-page .external-cookie-notice .cookie-switch {
    margin-bottom: 1rem
}

#mercury-page .external-cookie-notice .cookie-footer {
    font-size: 85%;
    color: #525252
}

#mercury-page .external-cookie-notice .cookie-footer>:last-child {
    margin-bottom: 0
}

#mercury-page .external-cookie-notice .pp-toggle .toggle-label {
    min-height: 22px
}

#mercury-page .external-cookie-notice .pp-toggle .toggle-box {
    width: 150px
}

#mercury-page .external-cookie-notice .pp-toggle .toggle-slider {
    width: 16px;
    right: 128px;
    background-color: #525252
}

#mercury-page .external-cookie-notice .pp-toggle .toggle-inner::after,
#mercury-page .external-cookie-notice .pp-toggle .toggle-inner::before {
    height: 20px;
    line-height: 20px;
    font-size: 85%
}

#mercury-page .external-cookie-notice .pp-toggle .toggle-inner::after {
    background-color: #f7f7f7
}

#mercury-page .external-cookie-notice .pp-toggle .toggle-text {
    font-size: inherit
}

#mercury-page .modal .modal-dialog.cookie-notice .external-cookie-notice {
    padding: 1rem
}

#mercury-page .modal .modal-dialog.cookie-notice .external-cookie-notice .modal-footer {
    border-top: none
}

#mercury-page .modal .modal-dialog.cookie-notice .external-cookie-notice .modal-footer .btn+.btn {
    margin-left: 2rem
}

.type-search .styled-form {
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    background: inherit
}

.type-search .show-more {
    margin-top: 1rem
}

.type-search .search-results-header {
    margin-bottom: 2rem
}

.type-search .search-results-header::after {
    display: block;
    clear: both;
    content: ""
}

.type-search .search-query,
.type-search .search-result,
.type-search .search-sort {
    margin-bottom: 2rem
}

.type-search .search-input,
.type-search .search-sort-options {
    margin-bottom: 2rem
}

.type-search .search-results-count {
    font-weight: 600
}

.type-search .type-list-filter .filterbox>div {
    border: 1px solid #525252;
    border-top: none;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}

.type-search .type-list-filter .filterbox>button.btn.li-label:not(.collapsed) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.type-search .type-list-filter .filterbox>div {
    padding: 15px
}

.type-search .type-list-filter .filterbox:last-of-type {
    margin-bottom: 2rem
}

.type-search .search-result-heading {
    margin-bottom: .5rem
}

.type-search .search-result-heading .result-title {
    margin-right: .5rem;
    vertical-align: middle
}

.type-search .search-result-heading a:hover .search-badge {
    text-decoration: none
}

.type-search .search-result-heading+.search-result-date {
    margin-top: -.5rem;
    margin-bottom: .5rem;
    color: #a8adb4
}

.type-search .search-badge {
    font-weight: 300;
    font-family: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 50%;
    padding: .13rem .5rem;
    border-radius: 4px;
    color: #a8adb4;
    border: 1px solid #a8adb4;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle
}

@media (min-width:1014px) {
    .type-search .search-query.has-facets,
    .type-search .search-results.has-facets,
    .type-search .search-sort.has-facets {
        width: calc((100% + 30px) * .6666666674 - 30px);
        float: left
    }
    .type-search .search-facets {
        width: calc((100% + 30px) * .3333333337 - 30px);
        float: right
    }
    .type-search .search-results-head {
        float: left;
        margin-bottom: 0
    }
    .type-search .search-results-count {
        float: right
    }
    .type-search .search-result-heading .result-title {
        margin-right: .75rem
    }
    .type-search .search-badge {
        font-size: 60%;
        padding: .13rem .75rem
    }
}

.type-iconbox {
    background-color: #2f5497;
    color: #fff;
    padding: 2rem 1rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    border-radius: 4px;
    overflow: hidden;
    z-index: 5
}

.type-iconbox:only-child {
    flex-grow: 1;
    flex-shrink: 1
}

.type-iconbox a:not(.btn):not(.uncolored) {
    color: #fff
}

.type-iconbox.box {
    padding: 2rem 1rem
}

.type-iconbox.box a:not(.btn):not(.uncolored) {
    color: inherit
}

.type-iconbox .icon-title {
    color: inherit;
    flex-grow: 1;
    margin-bottom: 2rem;
    font-size: 2rem;
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    overflow-wrap: break-word
}

.type-iconbox .icon-text {
    margin-top: 2rem;
    margin-bottom: 0
}

.type-iconbox .icon-text>p {
    overflow-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis
}

.type-iconbox .icon-text>p:last-of-type {
    margin-bottom: 0
}

.type-iconbox .icon-image {
    flex-grow: 2;
    font-size: 32px
}

.type-iconbox .icon-link {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    text-decoration: none
}

.type-iconbox .icon-link:hover {
    text-decoration: none
}

@media (min-width:764px) {
    .type-iconbox {
        padding: 2rem
    }
    .type-iconbox.box {
        padding: 2rem
    }
    .type-iconbox .icon-title {
        font-size: 2.2rem;
        line-height: 1.25
    }
}

.imageflip {
    perspective: 1000px;
    transform-style: preserve-3d;
    position: relative
}

.imageflip:hover {
    z-index: 50
}

.imageflip:hover .back {
    transform: rotateY(0);
    visibility: visible;
    opacity: 1
}

.imageflip:hover .front:not(.noflip) {
    transform: rotateY(180deg);
    pointer-events: none
}

.imageflip .flipper {
    width: 100%;
    transition: .6s;
    transform-style: preserve-3d;
    position: relative
}

.imageflip .back,
.imageflip .front {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: .6s;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0
}

.imageflip .front {
    z-index: 2;
    transform: rotateY(0)
}

.imageflip .back {
    transform: rotateY(-180deg);
    visibility: hidden;
    opacity: 0
}

.imageflip .text-section {
    border-radius: 4px;
    padding: 2rem;
    height: 100%;
    overflow: auto;
    background-color: #f7f7f7
}

.imageflip .text-section.front:not(.noflip) {
    overflow: hidden
}

.imageflip .image-section .heading {
    position: absolute;
    top: 0;
    left: 0;
    padding: 1rem;
    z-index: 9
}

.imageflip .image-section .heading .text-heading {
    border-radius: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    overflow-wrap: break-word;
    background-color: rgba(247, 247, 247, .75);
    padding: 1rem;
    margin-bottom: 0
}

.imageflip.color-white {
    color: #525252
}

.imageflip.color-white .text-section {
    background-color: #fff;
    border: 1px solid #f7f7f7
}

.imageflip.color-white h1,
.imageflip.color-white h2,
.imageflip.color-white h3,
.imageflip.color-white h4,
.imageflip.color-white h5,
.imageflip.color-white h6 {
    color: #525252
}

.imageflip.color-grey {
    color: #525252
}

.imageflip.color-grey h1,
.imageflip.color-grey h2,
.imageflip.color-grey h3,
.imageflip.color-grey h4,
.imageflip.color-grey h5,
.imageflip.color-grey h6 {
    color: #525252
}

.imageflip.color-theme {
    color: #fff
}

.imageflip.color-theme .text-section {
    background-color: #2f5497
}

.imageflip.color-theme .text-section :not(a):not(span) {
    color: #fff
}

.imageflip.color-theme .text-section .btn {
    border-color: #fff;
    background-color: #fff;
    color: #525252
}

.imageflip.color-theme .image-section .heading .text-heading {
    background-color: rgba(231, 42, 96, .65)
}

.imageflip.color-theme h1,
.imageflip.color-theme h2,
.imageflip.color-theme h3,
.imageflip.color-theme h4,
.imageflip.color-theme h5,
.imageflip.color-theme h6 {
    color: #fff
}

@media (min-width:764px) {
    html.desktop .effect-flipraise .imageflip:hover .back,
    html.desktop .effect-flipraise.imageflip:hover .back {
        top: -4rem;
        left: -4rem;
        box-shadow: 0 0 15px 0 rgba(0, 0, 0, .25);
        width: calc(100% + 8rem);
        height: calc(100% + 8rem)
    }
    html.desktop .effect-flipraise .imageflip:hover .back.text-section,
    html.desktop .effect-flipraise.imageflip:hover .back.text-section {
        padding: 2rem
    }
}

.type-sitemap {
    margin-bottom: 1rem
}

.type-sitemap li,
.type-sitemap ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.type-sitemap li a {
    color: #fff;
    background-color: #525252;
    font-size: 1.6rem;
    line-height: 1.92rem;
    padding: .6rem 1rem;
    width: 100%;
    display: block;
    text-decoration: none
}

.type-sitemap li a:hover {
    color: #fff;
    background-color: #2f5497;
    text-decoration: none
}

.type-sitemap li a.tree-toggle {
    position: relative;
    padding-right: 3rem
}

.type-sitemap li a.tree-toggle:after {
    position: absolute;
    display: inline-block;
    font-family: FontAwesome;
    font-weight: 400;
    content: "\f078";
    top: .6rem;
    right: .9rem;
    line-height: 1.92rem;
    transform: rotate(-180deg) translate(0, 0);
    transition: transform .33s
}

.type-sitemap li a.tree-toggle.collapsed:after {
    transform: rotate(0) translate(0, 0);
    transition: transform .33s
}

.type-sitemap li.top {
    float: left;
    width: 100%;
    margin-bottom: 1rem;
    border-radius: 4px;
    overflow: hidden;
    z-index: 5
}

.type-sitemap li.top>a {
    color: #fff;
    background-color: #2f5497;
    font-weight: 600
}

.type-sitemap li.top::after {
    content: " ";
    display: block;
    float: left;
    padding-right: 1rem
}

@media (min-width:1014px) {
    .type-sitemap .sitemap-col-6>li.top {
        width: calc(50% - 1rem);
        margin-right: 1rem
    }
    .type-sitemap .sitemap-col-6>li.top:nth-of-type(2n+1) {
        clear: both
    }
}

@media (min-width:1014px) and (max-width:1199.98px) {
    .type-sitemap .sitemap-col-4>li.top {
        width: calc(50% - 1rem);
        margin-right: 1rem
    }
    .type-sitemap .sitemap-col-4>li.top:nth-of-type(2n+1) {
        clear: both
    }
}

@media (min-width:1200px) {
    .type-sitemap .sitemap-col-4>li.top {
        width: calc(33.333333% - 1rem);
        margin-right: 1rem
    }
    .type-sitemap .sitemap-col-4>li.top:nth-of-type(3n+1) {
        clear: both
    }
}

@media (min-width:764px) and (max-width:1013.98px) {
    .type-sitemap .sitemap-col-3>li.top {
        width: calc(50% - 1rem);
        margin-right: 1rem
    }
    .type-sitemap .sitemap-col-3>li.top:nth-of-type(2n+1) {
        clear: both
    }
}

@media (min-width:1014px) and (max-width:1199.98px) {
    .type-sitemap .sitemap-col-3>li.top {
        width: calc(33.333333% - 1rem);
        margin-right: 1rem
    }
    .type-sitemap .sitemap-col-3>li.top:nth-of-type(3n+1) {
        clear: both
    }
}

@media (min-width:1200px) {
    .type-sitemap .sitemap-col-3>li.top {
        width: calc(25% - 1rem);
        margin-right: 1rem
    }
    .type-sitemap .sitemap-col-3>li.top:nth-of-type(4n+1) {
        clear: both
    }
}

.type-sitemap li.top>ul>li>ul li a {
    padding-left: 2rem
}

.type-sitemap li.top>ul>li>ul>li>ul li a {
    padding-left: 3rem
}

.type-sitemap li.top>ul>li>ul>li>ul>li>ul li a {
    padding-left: 4rem
}

.type-sitemap li.top>ul>li>ul>li>ul>li>ul>li>ul li a {
    padding-left: 5rem
}

.type-sitemap.color-grey-darker li a,
.type-sitemap.color-grey-darker li.top>a {
    color: #fff;
    background-color: #5a6069
}

.type-sitemap.color-grey-darker li a:hover,
.type-sitemap.color-grey-darker li.top>a:hover {
    color: #fff;
    background-color: #2f5497
}

.type-sitemap.color-grey-dark li a,
.type-sitemap.color-grey-dark li.top>a {
    color: #fff;
    background-color: #7f8691
}

.type-sitemap.color-grey-dark li a:hover,
.type-sitemap.color-grey-dark li.top>a:hover {
    color: #fff;
    background-color: #2f5497
}

.type-sitemap.color-grey li a,
.type-sitemap.color-grey li.top>a {
    color: #fff;
    background-color: #a8adb4
}

.type-sitemap.color-grey li a:hover,
.type-sitemap.color-grey li.top>a:hover {
    color: #fff;
    background-color: #2f5497
}

.type-sitemap.color-grey-light li a,
.type-sitemap.color-grey-light li.top>a {
    color: #fff;
    background-color: #525252
}

.type-sitemap.color-grey-light li a:hover,
.type-sitemap.color-grey-light li.top>a:hover {
    color: #fff;
    background-color: #2f5497
}

.type-sitemap.color-grey-lighter li a,
.type-sitemap.color-grey-lighter li.top>a {
    color: #525252;
    background-color: #f7f7f7
}

.type-sitemap.color-grey-lighter li a:hover,
.type-sitemap.color-grey-lighter li.top>a:hover {
    color: #fff;
    background-color: #2f5497
}

.type-sitemap.color-violet li a,
.type-sitemap.color-violet li.top>a {
    color: #fff;
    background-color: #642f5b
}

.type-sitemap.color-violet li a:hover,
.type-sitemap.color-violet li.top>a:hover {
    color: #fff;
    background-color: #b31b34
}

.type-sitemap.color-green li a,
.type-sitemap.color-green li.top>a {
    color: #fff;
    background-color: #00af33
}

.type-sitemap.color-green li a:hover,
.type-sitemap.color-green li.top>a:hover {
    color: #fff;
    background-color: #ffa826
}

.type-sitemap.color-yellow li a,
.type-sitemap.color-yellow li.top>a {
    color: #fff;
    background-color: #ffd900
}

.type-sitemap.color-yellow li a:hover,
.type-sitemap.color-yellow li.top>a:hover {
    color: #fff;
    background-color: #d9622d
}

.type-sitemap.color-cyan li a,
.type-sitemap.color-cyan li.top>a {
    color: #fff;
    background-color: #1bb39a
}

.type-sitemap.color-cyan li a:hover,
.type-sitemap.color-cyan li.top>a:hover {
    color: #fff;
    background-color: #187b8e
}

.type-sitemap.color-blue-dark li a,
.type-sitemap.color-blue-dark li.top>a {
    color: #fff;
    background-color: #0d2c56
}

.type-sitemap.color-blue-dark li a:hover,
.type-sitemap.color-blue-dark li.top>a:hover {
    color: #fff;
    background-color: #2197db
}

.type-sitemap.color-blue li a,
.type-sitemap.color-blue li.top>a {
    color: #fff;
    background-color: #144382
}

.type-sitemap.color-blue li a:hover,
.type-sitemap.color-blue li.top>a:hover {
    color: #fff;
    background-color: #2197db
}

.type-sitemap.color-blue-light li a,
.type-sitemap.color-blue-light li.top>a {
    color: #fff;
    background-color: #2197db
}

.type-sitemap.color-blue-light li a:hover,
.type-sitemap.color-blue-light li.top>a:hover {
    color: #fff;
    background-color: #144382
}

.type-sitemap.color-orange-dark li a,
.type-sitemap.color-orange-dark li.top>a {
    color: #fff;
    background-color: #d9622d
}

.type-sitemap.color-orange-dark li a:hover,
.type-sitemap.color-orange-dark li.top>a:hover {
    color: #fff;
    background-color: #ffa826
}

.type-sitemap.color-orange li a,
.type-sitemap.color-orange li.top>a {
    color: #fff;
    background-color: #ffa826
}

.type-sitemap.color-orange li a:hover,
.type-sitemap.color-orange li.top>a:hover {
    color: #fff;
    background-color: #ffcc26
}

.type-sitemap.color-red-dark li a,
.type-sitemap.color-red-dark li.top>a {
    color: #fff;
    background-color: #8b1528
}

.type-sitemap.color-red-dark li a:hover,
.type-sitemap.color-red-dark li.top>a:hover {
    color: #fff;
    background-color: #ff264a
}

.type-sitemap.color-red li a,
.type-sitemap.color-red li.top>a {
    color: #fff;
    background-color: #b31b34
}

.type-sitemap.color-red li a:hover,
.type-sitemap.color-red li.top>a:hover {
    color: #fff;
    background-color: #ff264a
}

.type-sitemap.color-white li a,
.type-sitemap.color-white li.top>a {
    color: #525252;
    background-color: #fff
}

.type-sitemap.color-white li a:hover,
.type-sitemap.color-white li.top>a:hover {
    color: #fff;
    background-color: #2f5497
}

.type-sitemap.color-default li a,
.type-sitemap.color-default li.top>a {
    color: #fff;
    background-color: #2f5497
}

.type-sitemap.color-default li a:hover,
.type-sitemap.color-default li.top>a:hover {
    color: #fff;
    background-color: #525252
}

.slick-slider:hover .slick-arrow::before,
html.keyboard-nav .slick-slider .slick-arrow::before {
    opacity: .5;
    transition: opacity .5s linear
}

.slick-slider:hover .slick-arrow:focus::before,
.slick-slider:hover .slick-arrow:hover::before,
html.keyboard-nav .slick-slider .slick-arrow:focus::before,
html.keyboard-nav .slick-slider .slick-arrow:hover::before {
    opacity: 1
}

.slick-slider:hover .slick-dots,
html.keyboard-nav .slick-slider .slick-dots {
    opacity: 1;
    transition: opacity .5s linear
}

.slick-arrow {
    position: absolute;
    display: block;
    height: 40px;
    width: 40px;
    line-height: 0;
    font-size: 0px;
    cursor: pointer;
    background: 0 0;
    color: transparent;
    top: 50%;
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: 0;
    z-index: 1100
}

.slick-arrow:focus,
.slick-arrow:hover {
    outline: 0;
    background: 0 0;
    color: transparent
}

.slick-arrow.slick-disabled::before {
    opacity: .25
}

.slick-arrow::before {
    content: " ";
    display: block;
    width: 40px;
    height: 40px;
    background-size: 40px 40px;
    opacity: 0;
    transition: opacity .5s linear
}

.slick-prev {
    left: 30px
}

[dir=rtl] .slick-prev {
    left: auto;
    right: 30px
}

.slick-prev::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNTYiIGhlaWdodD0iMjU2Ij4NCiAgPHBhdGggZD0iTTI1NSAxMjhhMTI3IDEyNyAwIDEgMS0yNTQtLjEgMTI3IDEyNyAwIDAgMSAyNTMuOS4xeiIvPg0KICA8cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTQ0IDIyNGwzNi0zNi02MC02MCA2MC02MC0zNi0zNi05NiA5NnoiLz4NCjwvc3ZnPg0K")
}

[dir=rtl] .slick-prev::before {
    content: "\f138"
}

.slick-next {
    right: 30px
}

[dir=rtl] .slick-next {
    left: 30px;
    right: auto
}

.slick-next::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNTYiIGhlaWdodD0iMjU2Ij4NCiAgPHBhdGggZD0iTTI1NSAxMjhhMTI3IDEyNyAwIDEgMS0yNTQtLjEgMTI3IDEyNyAwIDAgMSAyNTMuOS4xeiIvPg0KICA8cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTEyIDIyNGwtMzYtMzYgNjAtNjAtNjAtNjAgMzYtMzYgOTYgOTZ6Ii8+DQo8L3N2Zz4NCg==")
}

[dir=rtl] .slick-next::before {
    content: "\f137"
}

.slick-dotted.slick-slider {
    margin-bottom: 0
}

.slick-dots {
    position: absolute;
    bottom: 10px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
    z-index: 1100;
    opacity: 0;
    transition: opacity .5s linear
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    border: 0;
    background: 0 0;
    display: block;
    height: 20px;
    width: 20px;
    outline: 0;
    line-height: 0;
    font-size: 0px;
    color: transparent;
    padding: 5px;
    cursor: pointer
}

.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: 0
}

.slick-dots li button:focus::before,
.slick-dots li button:hover::before {
    opacity: 1
}

.slick-dots li button::before {
    content: " ";
    display: block;
    width: 18px;
    height: 18px;
    background-size: 18px 18px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNTYiIGhlaWdodD0iMjU2Ij4NCiAgPHBhdGggZD0iTTI1NSAxMjhhMTI3IDEyNyAwIDEgMS0yNTQtLjEgMTI3IDEyNyAwIDAgMSAyNTMuOS4xeiIvPg0KICA8cGF0aCBmaWxsPSIjZmZmIiBkPSJNMjA4IDEyOGE4MCA4MCAwIDEgMS0xNjAgMCA4MCA4MCAwIDAgMSAxNjAgMHoiLz4NCjwvc3ZnPg==");
    position: absolute;
    top: 0;
    left: 0;
    opacity: .5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button::before {
    color: #2f5497;
    opacity: 1
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[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 {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.type-slider.type-slick-slider .slick-slide .slide-wrapper .caption.background,
.type-slider.type-slick-slider .slick-slide .slide-wrapper .caption.foreground {
    opacity: 0
}

.type-slider.type-slick-slider .slick-slide.slick-current.slick-active .slide-wrapper .caption.background,
.type-slider.type-slick-slider .slick-slide.slick-current.slick-active .slide-wrapper .caption.foreground {
    transition: opacity 1.5s linear
}

.type-slider.type-slick-slider .slick-slide.slick-current.slick-active .slide-wrapper .caption.foreground {
    opacity: 1
}

.type-slider.type-slick-slider .slick-slide.slick-current.slick-active .slide-wrapper .caption.background {
    opacity: .75
}

.type-slider.type-slick-slider.hero-slider .slide-definitions.slick-initialized .slide-wrapper.hide-noscript {
    visibility: visible;
    max-height: none
}

.type-slider.type-slick-slider.logo-slider .slide-definitions.slick-initialized {
    overflow: visible;
    max-height: none
}

.type-slider.type-slick-slider .slick-slide>div {
    display: flex
}

@media (max-width:763.98px) {
    .type-slider.type-slick-slider.text-below-on-xs .slick-dots {
        bottom: -10px
    }
    .type-slider.type-slick-slider.text-below-on-xs .slick-arrow {
        display: none !important
    }
    .type-slider.type-slick-slider.text-below-on-xs .slider-box.custom .slick-list {
        background-color: transparent
    }
}

.type-slider.hero-slider .slide-wrapper.hide-noscript {
    visibility: hidden;
    max-height: 0
}

.type-slider.logo-slider .slide-definitions {
    overflow: hidden;
    max-height: 0
}

.type-slider.logo-slider>.lm-5 {
    margin-left: -5px;
    margin-right: -5px
}

.type-slider.logo-slider>.lm-5 .slide-wrapper .visual {
    margin: 5px
}

.type-slider.logo-slider>.lm-10 {
    margin-left: -10px;
    margin-right: -10px
}

.type-slider.logo-slider>.lm-10 .slide-wrapper .visual {
    margin: 10px
}

.type-slider.logo-slider>.lm-15 {
    margin-left: -15px;
    margin-right: -15px
}

.type-slider.logo-slider>.lm-15 .slide-wrapper .visual {
    margin: 15px
}

.type-slider.logo-slider>.lm-20 {
    margin-left: -20px;
    margin-right: -20px
}

.type-slider.logo-slider>.lm-20 .slide-wrapper .visual {
    margin: 20px
}

.type-slider .slider-box {
    border-radius: 4px
}

.type-slider .slide-wrapper {
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    z-index: 5
}

.type-slider .slide-wrapper .visual {
    position: relative
}

.type-slider .slide-wrapper .img-responsive {
    width: 100%
}

.type-slider .slide-wrapper img.lazyload,
.type-slider .slide-wrapper img.lazyloading {
    background-color: transparent;
    opacity: 1
}

.type-slider .slide-wrapper img.lazyloaded {
    transition: none
}

.type-slider .slide-wrapper a,
.type-slider .slide-wrapper a:focus,
.type-slider .slide-wrapper a:hover {
    text-decoration: none
}

.type-slider .slide-wrapper .caption {
    padding: .5rem 0;
    position: absolute;
    max-width: calc(100% - 6rem);
    background-color: #2f5497;
    border-radius: 4px;
    overflow: hidden;
    z-index: 5
}

.type-slider .slide-wrapper .caption.background {
    opacity: .75;
    background-color: #2f5497
}

.type-slider .slide-wrapper .caption.foreground {
    background-color: transparent
}

.type-slider .slide-wrapper .caption.bottom {
    bottom: 2rem
}

.type-slider .slide-wrapper .caption.top {
    top: 2rem
}

.type-slider .slide-wrapper .caption.middle {
    top: 50%;
    transform: translate(0, -50%)
}

.type-slider .slide-wrapper .caption.left {
    left: 2rem
}

.type-slider .slide-wrapper .caption.right {
    right: 2rem;
    text-align: right
}

.type-slider .slide-wrapper .caption.center {
    text-align: center;
    white-space: nowrap;
    left: 50%;
    transform: translate(-50%, 0)
}

.type-slider .slide-wrapper .caption.middle.center {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.type-slider .slide-wrapper .caption .subcaption br {
    display: none
}

.type-slider .slide-wrapper .caption small,
.type-slider .slide-wrapper .caption strong {
    display: block;
    margin: 0;
    padding: 0 1rem;
    color: transparent;
    font-family: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.type-slider .slide-wrapper .caption.foreground small,
.type-slider .slide-wrapper .caption.foreground strong {
    color: #fff;
    text-shadow: 1px 1px 1px rgba(51, 51, 51, .5)
}

.type-slider .slide-wrapper .caption strong {
    font-size: 2rem;
    line-height: 1.25
}

.type-slider .slide-wrapper .caption strong+.subcaption small {
    margin-top: .5rem
}

.type-slider .slide-wrapper .caption small {
    font-family: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1.6rem;
    line-height: 1.4
}

.type-slider .slide-wrapper .caption small~small {
    margin-top: 0
}

@media (min-width:552px) {
    .type-slider .slide-wrapper .caption strong {
        font-size: 2.6rem
    }
}

@media (min-width:764px) {
    .type-slider .slide-wrapper .caption strong {
        font-size: 3.1rem
    }
    .type-slider .slide-wrapper .caption small {
        font-size: 2.2rem;
        line-height: 1.25
    }
}

.type-slider .slide-wrapper.custom .caption {
    background-color: transparent !important;
    background-image: none !important;
    padding: 0;
    border-radius: 0
}

.type-slider .slide-wrapper.custom .caption small,
.type-slider .slide-wrapper.custom .caption strong {
    display: inline-block;
    float: left;
    clear: both
}

.type-slider .slide-wrapper.custom .caption.right small,
.type-slider .slide-wrapper.custom .caption.right strong {
    float: right
}

.type-slider .slide-wrapper.custom .caption.center small,
.type-slider .slide-wrapper.custom .caption.center strong {
    float: none
}

.type-slider .slide-wrapper.custom .caption.background small,
.type-slider .slide-wrapper.custom .caption.background strong {
    background-color: #2f5497
}

.type-slider .slide-wrapper.custom .caption strong {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.type-slider .slide-wrapper.custom .caption small {
    padding-top: 2px;
    padding-bottom: 2px;
    margin-top: .5rem
}

.type-slider .slide-wrapper.custom .caption small:nth-of-type(2) {
    margin-top: 0
}

@media (min-width:764px) {
    .type-slider .slide-wrapper.custom .caption.center .subcaption br {
        display: block
    }
    .type-slider .slide-wrapper.custom .caption small,
    .type-slider .slide-wrapper.custom .caption strong {
        border-radius: 4px
    }
}

.type-slider .slide-wrapper .copyright {
    padding: 2px 4px;
    font-family: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 8px;
    line-height: 1;
    display: inline-block;
    color: #000;
    background-color: rgba(255, 255, 255, .6);
    opacity: .8;
    position: absolute;
    bottom: 0;
    pointer-events: none;
    z-index: 7;
    box-shadow: none;
    right: 0;
    left: initial;
    text-align: right;
    border-top-left-radius: 2px
}

@media (max-width:763.98px) {
    .type-slider.text-below-on-xs .image-src-box,
    .type-slider.text-below-on-xs .slide-wrapper {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }
    .type-slider.text-below-on-xs .slider-box {
        background-color: #2f5497
    }
    .type-slider.text-below-on-xs .slide-wrapper .caption {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        position: static;
        max-width: initial;
        min-height: calc(6rem + 10px);
        background-color: #2f5497;
        opacity: 1 !important;
        text-align: initial !important;
        white-space: initial !important;
        transform: initial !important
    }
    .type-slider.text-below-on-xs .slide-wrapper .caption.foreground {
        display: none
    }
    .type-slider.text-below-on-xs .slide-wrapper .caption.background small,
    .type-slider.text-below-on-xs .slide-wrapper .caption.background strong {
        color: #fff;
        text-shadow: 1px 1px 1px rgba(51, 51, 51, .5)
    }
    .type-slider.text-below-on-xs .slide-wrapper strong {
        font-size: 2.6rem;
        line-height: 1.25;
        font-weight: 600
    }
    .type-slider.text-below-on-xs .slide-wrapper small {
        display: inline;
        padding: 0
    }
    .type-slider.text-below-on-xs .slide-wrapper small~small::before {
        display: inline-block;
        content: " "
    }
    .type-slider.text-below-on-xs .slide-wrapper.custom .caption {
        background-color: transparent
    }
    .type-slider.text-below-on-xs .slide-wrapper.custom .caption strong {
        display: block;
        padding: .5rem 1rem
    }
    .type-slider.text-below-on-xs .slide-wrapper.custom .caption small,
    .type-slider.text-below-on-xs .slide-wrapper.custom .caption strong {
        float: none;
        clear: none
    }
    .type-slider.text-below-on-xs .slide-wrapper.custom .caption small {
        display: inline;
        margin-top: 0
    }
    .type-slider.text-below-on-xs .slide-wrapper .subcaption {
        display: block;
        padding: .5rem 1rem
    }
}

html.noscript .slide-count,
html.noscript .slide-count-1,
html.noscript .slide-count-10,
html.noscript .slide-count-11,
html.noscript .slide-count-12,
html.noscript .slide-count-2,
html.noscript .slide-count-3,
html.noscript .slide-count-4,
html.noscript .slide-count-5,
html.noscript .slide-count-6,
html.noscript .slide-count-7,
html.noscript .slide-count-8,
html.noscript .slide-count-9 {
    float: left
}

html.noscript .slide-count-1 {
    width: 100%
}

html.noscript .slide-count-2 {
    width: 50%
}

html.noscript .slide-count-3 {
    width: 33.3333333334%
}

html.noscript .slide-count-4 {
    width: 25%
}

html.noscript .slide-count-5 {
    width: 20%
}

html.noscript .slide-count-6 {
    width: 16.666666667%
}

html.noscript .slide-count-7 {
    width: 14.2857142858%
}

html.noscript .slide-count-8 {
    width: 12.5%
}

html.noscript .slide-count-9 {
    width: 11.1111111112%
}

html.noscript .slide-count-10 {
    width: 10%
}

html.noscript .slide-count-11 {
    width: 9.090909091%
}

html.noscript .slide-count-12 {
    width: 8.3333333337%
}

.social-icons .fab,
.social-icons .fas {
    display: inline-block;
    font-family: FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased
}

.social-icons .fa-linkedin-in:before {
    content: "\f0e1"
}

.social-icons {
    list-style: none;
    font-size: 0;
    padding: 0
}

.social-icons ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap
}

.social-icons.element {
    margin-bottom: 1.5rem
}

.social-icons li {
    display: inline-block;
    margin-top: 0;
    margin-left: 0;
    margin-right: .5rem;
    margin-bottom: .5rem;
    vertical-align: middle
}

.social-icons li a {
    background-color: #525252;
    width: 3rem;
    height: 3rem;
    display: block;
    border: none;
    font-size: 1.5rem;
    border-radius: 4px
}

.social-icons li a * {
    color: #525252
}

.social-icons li a:hover {
    text-decoration: none
}

.social-icons li a:hover * {
    color: #fff;
    transition-property: color, background-color, border-color;
    transition-duration: .33s;
    transition-timing-function: ease
}

.social-icons li:last-of-type {
    margin-right: 0
}

.social-icons .share_text {
    display: none;
    text-align: left;
    padding-right: 1rem;
    font-size: 1.6rem;
    font-weight: 400
}

.social-icons .fa,
.social-icons .fab,
.social-icons .fas {
    width: 3rem;
    line-height: 3rem;
    text-align: center;
    font-size: 1.5rem
}

.social-icons .bgi {
    width: 3rem;
    height: 3rem;
    vertical-align: top
}

.social-icons.verbose li a {
    width: initial
}

.social-icons.verbose .share_text {
    display: inline-block;
    line-height: 3rem
}

.social-icons.verbose a {
    width: initial
}

.social-icons.verbose a .share_text {
    display: inline
}

.social-icons.stacked li {
    width: 100%;
    margin-right: 0
}

.social-icons.stacked li a {
    width: 100%
}

@media (min-width:552px) {
    .social-icons.verbose-sm a {
        width: initial
    }
    .social-icons.verbose-sm a .share_text {
        display: inline
    }
    .social-icons.stacked-sm li {
        width: 100%;
        margin-right: 0
    }
    .social-icons.stacked-sm li a {
        width: 100%
    }
}

@media (min-width:764px) {
    .social-icons.verbose-md a {
        width: initial
    }
    .social-icons.verbose-md a .share_text {
        display: inline
    }
    .social-icons.stacked-md li {
        width: 100%;
        margin-right: 0
    }
    .social-icons.stacked-md li a {
        width: 100%
    }
}

@media (min-width:1014px) {
    .social-icons.verbose-lg a {
        width: initial
    }
    .social-icons.verbose-lg a .share_text {
        display: inline
    }
    .social-icons.stacked-lg li {
        width: 100%;
        margin-right: 0
    }
    .social-icons.stacked-lg li a {
        width: 100%
    }
}

@media (min-width:1200px) {
    .social-icons.verbose-xl a {
        width: initial
    }
    .social-icons.verbose-xl a .share_text {
        display: inline
    }
    .social-icons.stacked-xl li {
        width: 100%;
        margin-right: 0
    }
    .social-icons.stacked-xl li a {
        width: 100%
    }
}

.social-icons li.facebook a:hover {
    background-color: #4267b2
}

.social-icons li.youtube a:hover {
    background-color: red
}

.social-icons li.twitter a:hover {
    background-color: #00acee
}

.social-icons li.github a:hover {
    background-color: #777
}

.social-icons li.xing a:hover {
    background-color: #026466
}

.social-icons li.rss a:hover {
    background-color: #ee802f
}

.social-icons li.whatsapp a:hover {
    background-color: #25d366
}

.social-icons li.linkedin a:hover {
    background-color: #2867b2
}

.social-icons li.instagram a:hover {
    background-color: #c13584
}

.social-icons li.mail a:hover {
    background-color: #999
}

.social-icons li.wallsio a:hover {
    background-color: #000
}

.social-icons li.slideshare a:hover {
    background-color: #e98325
}

.social-icons.themed li a {
    background-color: #2f5497
}

.social-icons.themed li a * {
    color: #fff
}

.social-icons.colored li a * {
    color: #fff
}

.social-icons.colored li.facebook a {
    background-color: #4267b2
}

.social-icons.colored li.facebook a:hover {
    background-color: #4d7bda
}

.social-icons.colored li.youtube a {
    background-color: red
}

.social-icons.colored li.youtube a:hover {
    background-color: #f33
}

.social-icons.colored li.twitter a {
    background-color: #00acee
}

.social-icons.colored li.twitter a:hover {
    background-color: #22c2ff
}

.social-icons.colored li.github a {
    background-color: #777
}

.social-icons.colored li.github a:hover {
    background-color: #a77a7a
}

.social-icons.colored li.xing a {
    background-color: #026466
}

.social-icons.colored li.xing a:hover {
    background-color: #00989b
}

.social-icons.colored li.rss a {
    background-color: #ee802f
}

.social-icons.colored li.rss a:hover {
    background-color: #ff9b51
}

.social-icons.colored li.whatsapp a {
    background-color: #25d366
}

.social-icons.colored li.whatsapp a:hover {
    background-color: #36f57d
}

.social-icons.colored li.linkedin a {
    background-color: #2867b2
}

.social-icons.colored li.linkedin a:hover {
    background-color: #227eeb
}

.social-icons.colored li.instagram a {
    background-color: #c13584
}

.social-icons.colored li.instagram a:hover {
    background-color: #e6439f
}

.social-icons.colored li.mail a {
    background-color: #999
}

.social-icons.colored li.mail a:hover {
    background-color: #c2a3a3
}

.social-icons.colored li.wallsio a {
    background-color: #000
}

.social-icons.colored li.wallsio a:hover {
    background-color: #1f1414
}

.social-icons.colored li.slideshare a {
    background-color: #e98325
}

.social-icons.colored li.slideshare a:hover {
    background-color: #ff9d42
}

.social-icons li.instagram a:hover,
.social-icons.colored li.instagram a {
    background: radial-gradient(circle at 30% 107%, #fdf497 0, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%)
}

.social-icons.colored li.instagram a:hover {
    background: radial-gradient(circle at 30% 107%, #fdf497 0, #fff69a 5%, #ff6f61 45%, #f529b6 60%, #285aeb 90%)
}

.social-icons.colored li.youtube a:hover {
    background-color: #c00
}

.social-icons.colored li.wallsio a:hover {
    background-color: #444
}

html.desktop:not(.opencms-page-editor) li.whatsapp {
    display: none
}

.tab-content {
    padding: 1rem 0
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

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

.tab-list::after {
    display: block;
    clear: both;
    content: ""
}

.tab-list::after {
    clear: both
}

.tab-list>li {
    margin-bottom: .5rem
}

.tab-list>li>a {
    border: 1px solid #525252;
    font-size: 2.2rem;
    line-height: 1.2;
    background: #f7f7f7;
    text-transform: none;
    display: block;
    position: relative;
    font-family: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 600;
    color: #525252;
    margin: 0;
    padding: .5rem 1rem;
    border-radius: 4px
}

.tab-list>li>a.active {
    color: #fff;
    background: #2f5497
}

.tab-list>li>a:hover {
    color: #fff;
    background: #525252;
    text-decoration: none
}

.tab-pane>div>.row-12:last-child,
.tab-pane>div>.row-tile:last-child,
.tab-pane>div>.row:last-child {
    margin-bottom: -2rem
}

.tab-pane>div>.element:last-child {
    margin-bottom: 0
}

@media (min-width:1014px) {
    .tab-list {
        border-bottom: solid 2px #2f5497
    }
    .tab-list>li {
        float: left;
        margin-bottom: 0
    }
    .tab-list>li>a {
        text-transform: none;
        font-size: 2rem;
        line-height: 2.4rem;
        background: 0 0;
        border: none;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }
}

.accordion {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow-wrap: break-word;
    margin-bottom: .5rem;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    border: 1px solid #525252;
    border-radius: 4px;
    overflow: hidden;
    z-index: 5
}

.accordion:last-of-type {
    margin-bottom: 0
}

.accordion .acco-header {
    margin: 0;
    font-size: 2.2rem;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    overflow-wrap: break-word;
    line-height: 1.2;
    text-transform: none
}

@media (max-width:1013.98px) {
    .accordion .acco-header {
        font-size: 2rem
    }
}

.accordion .acco-header>a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    padding: .5rem 1rem;
    color: #525252;
    background: #f7f7f7
}

.accordion .acco-header>a:focus,
.accordion .acco-header>a:hover {
    color: #fff;
    background: #2f5497;
    text-decoration: none
}

.accordion .acco-body {
    border-top: 1px solid #525252;
    padding: 1rem 1rem 0 1rem
}

.accordion .acco-body>.piece:not(:last-of-type) {
    margin-bottom: 2rem
}

.accordion .acco-body>.piece:last-of-type {
    margin-bottom: 1rem
}

.accordion .sub-header {
    margin-bottom: 1.5rem
}

.accordion .acco-header>a {
    padding-right: 3rem
}

.accordion .acco-toggle {
    position: relative
}

.accordion .acco-toggle::after {
    position: absolute;
    display: inline-block;
    font-family: FontAwesome;
    font-weight: 400;
    font-size: inherit;
    font-style: normal;
    line-height: inherit;
    content: "\f078";
    top: .5rem;
    right: 1rem;
    transform: rotate(-180deg) translate(0, 0);
    transition: transform .33s
}

.accordion .acco-toggle.collapsed::after {
    transform: rotate(0) translate(0, 0);
    transition: transform .33s
}

.color-grey-darker .tab-list {
    border-bottom-color: #5a6069
}

.color-grey-darker .tab-list>li>a.active {
    color: #fff;
    background: #5a6069
}

.color-grey-darker .tab-list>li>a:focus,
.color-grey-darker .tab-list>li>a:hover {
    color: #fff;
    background: #2f5497
}

.color-grey-dark .tab-list {
    border-bottom-color: #7f8691
}

.color-grey-dark .tab-list>li>a.active {
    color: #fff;
    background: #7f8691
}

.color-grey-dark .tab-list>li>a:focus,
.color-grey-dark .tab-list>li>a:hover {
    color: #fff;
    background: #2f5497
}

.color-grey .tab-list {
    border-bottom-color: #a8adb4
}

.color-grey .tab-list>li>a.active {
    color: #fff;
    background: #a8adb4
}

.color-grey .tab-list>li>a:focus,
.color-grey .tab-list>li>a:hover {
    color: #fff;
    background: #2f5497
}

.color-grey-light .tab-list {
    border-bottom-color: #525252
}

.color-grey-light .tab-list>li>a.active {
    color: #fff;
    background: #525252
}

.color-grey-light .tab-list>li>a:focus,
.color-grey-light .tab-list>li>a:hover {
    color: #fff;
    background: #2f5497
}

.color-grey-lighter .tab-list {
    border-bottom-color: #f7f7f7
}

.color-grey-lighter .tab-list>li>a.active {
    color: #525252;
    background: #f7f7f7
}

.color-grey-lighter .tab-list>li>a:focus,
.color-grey-lighter .tab-list>li>a:hover {
    color: #fff;
    background: #2f5497
}

.color-violet .tab-list {
    border-bottom-color: #642f5b
}

.color-violet .tab-list>li>a.active {
    color: #fff;
    background: #642f5b
}

.color-violet .tab-list>li>a:focus,
.color-violet .tab-list>li>a:hover {
    color: #fff;
    background: #b31b34
}

.color-green .tab-list {
    border-bottom-color: #00af33
}

.color-green .tab-list>li>a.active {
    color: #fff;
    background: #00af33
}

.color-green .tab-list>li>a:focus,
.color-green .tab-list>li>a:hover {
    color: #fff;
    background: #ffa826
}

.color-yellow .tab-list {
    border-bottom-color: #ffd900
}

.color-yellow .tab-list>li>a.active {
    color: #fff;
    background: #ffd900
}

.color-yellow .tab-list>li>a:focus,
.color-yellow .tab-list>li>a:hover {
    color: #fff;
    background: #d9622d
}

.color-cyan .tab-list {
    border-bottom-color: #1bb39a
}

.color-cyan .tab-list>li>a.active {
    color: #fff;
    background: #1bb39a
}

.color-cyan .tab-list>li>a:focus,
.color-cyan .tab-list>li>a:hover {
    color: #fff;
    background: #187b8e
}

.color-blue-dark .tab-list {
    border-bottom-color: #0d2c56
}

.color-blue-dark .tab-list>li>a.active {
    color: #fff;
    background: #0d2c56
}

.color-blue-dark .tab-list>li>a:focus,
.color-blue-dark .tab-list>li>a:hover {
    color: #fff;
    background: #2197db
}

.color-blue .tab-list {
    border-bottom-color: #144382
}

.color-blue .tab-list>li>a.active {
    color: #fff;
    background: #144382
}

.color-blue .tab-list>li>a:focus,
.color-blue .tab-list>li>a:hover {
    color: #fff;
    background: #2197db
}

.color-blue-light .tab-list {
    border-bottom-color: #2197db
}

.color-blue-light .tab-list>li>a.active {
    color: #fff;
    background: #2197db
}

.color-blue-light .tab-list>li>a:focus,
.color-blue-light .tab-list>li>a:hover {
    color: #fff;
    background: #144382
}

.color-orange-dark .tab-list {
    border-bottom-color: #d9622d
}

.color-orange-dark .tab-list>li>a.active {
    color: #fff;
    background: #d9622d
}

.color-orange-dark .tab-list>li>a:focus,
.color-orange-dark .tab-list>li>a:hover {
    color: #fff;
    background: #ffa826
}

.color-orange .tab-list {
    border-bottom-color: #ffa826
}

.color-orange .tab-list>li>a.active {
    color: #fff;
    background: #ffa826
}

.color-orange .tab-list>li>a:focus,
.color-orange .tab-list>li>a:hover {
    color: #fff;
    background: #ffcc26
}

.color-red-dark .tab-list {
    border-bottom-color: #8b1528
}

.color-red-dark .tab-list>li>a.active {
    color: #fff;
    background: #8b1528
}

.color-red-dark .tab-list>li>a:focus,
.color-red-dark .tab-list>li>a:hover {
    color: #fff;
    background: #ff264a
}

.color-red .tab-list {
    border-bottom-color: #b31b34
}

.color-red .tab-list>li>a.active {
    color: #fff;
    background: #b31b34
}

.color-red .tab-list>li>a:focus,
.color-red .tab-list>li>a:hover {
    color: #fff;
    background: #ff264a
}

.color-white .tab-list {
    border-bottom-color: #fff
}

.color-white .tab-list>li>a.active {
    color: #525252;
    background: #fff
}

.color-white .tab-list>li>a:focus,
.color-white .tab-list>li>a:hover {
    color: #fff;
    background: #2f5497
}

.color-default .tab-list {
    border-bottom-color: #2f5497
}

.color-default .tab-list>li>a.active {
    color: #fff;
    background: #2f5497
}

.color-default .tab-list>li>a:focus,
.color-default .tab-list>li>a:hover {
    color: #fff;
    background: #525252
}

.color-grey-darker .accordion .acco-header>a {
    color: #fff;
    background: #5a6069
}

.color-grey-darker .accordion .acco-header>a:hover {
    color: #fff;
    background: #2f5497
}

.color-grey-dark .accordion .acco-header>a {
    color: #fff;
    background: #7f8691
}

.color-grey-dark .accordion .acco-header>a:hover {
    color: #fff;
    background: #2f5497
}

.color-grey .accordion .acco-header>a {
    color: #fff;
    background: #a8adb4
}

.color-grey .accordion .acco-header>a:hover {
    color: #fff;
    background: #2f5497
}

.color-grey-light .accordion .acco-header>a {
    color: #fff;
    background: #525252
}

.color-grey-light .accordion .acco-header>a:hover {
    color: #fff;
    background: #2f5497
}

.color-grey-lighter .accordion .acco-header>a {
    color: #525252;
    background: #f7f7f7
}

.color-grey-lighter .accordion .acco-header>a:hover {
    color: #fff;
    background: #2f5497
}

.color-violet .accordion .acco-header>a {
    color: #fff;
    background: #642f5b
}

.color-violet .accordion .acco-header>a:hover {
    color: #fff;
    background: #b31b34
}

.color-green .accordion .acco-header>a {
    color: #fff;
    background: #00af33
}

.color-green .accordion .acco-header>a:hover {
    color: #fff;
    background: #ffa826
}

.color-yellow .accordion .acco-header>a {
    color: #fff;
    background: #ffd900
}

.color-yellow .accordion .acco-header>a:hover {
    color: #fff;
    background: #d9622d
}

.color-cyan .accordion .acco-header>a {
    color: #fff;
    background: #1bb39a
}

.color-cyan .accordion .acco-header>a:hover {
    color: #fff;
    background: #187b8e
}

.color-blue-dark .accordion .acco-header>a {
    color: #fff;
    background: #0d2c56
}

.color-blue-dark .accordion .acco-header>a:hover {
    color: #fff;
    background: #2197db
}

.color-blue .accordion .acco-header>a {
    color: #fff;
    background: #144382
}

.color-blue .accordion .acco-header>a:hover {
    color: #fff;
    background: #2197db
}

.color-blue-light .accordion .acco-header>a {
    color: #fff;
    background: #2197db
}

.color-blue-light .accordion .acco-header>a:hover {
    color: #fff;
    background: #144382
}

.color-orange-dark .accordion .acco-header>a {
    color: #fff;
    background: #d9622d
}

.color-orange-dark .accordion .acco-header>a:hover {
    color: #fff;
    background: #ffa826
}

.color-orange .accordion .acco-header>a {
    color: #fff;
    background: #ffa826
}

.color-orange .accordion .acco-header>a:hover {
    color: #fff;
    background: #ffcc26
}

.color-red-dark .accordion .acco-header>a {
    color: #fff;
    background: #8b1528
}

.color-red-dark .accordion .acco-header>a:hover {
    color: #fff;
    background: #ff264a
}

.color-red .accordion .acco-header>a {
    color: #fff;
    background: #b31b34
}

.color-red .accordion .acco-header>a:hover {
    color: #fff;
    background: #ff264a
}

.color-white .accordion .acco-header>a {
    color: #525252;
    background: #fff
}

.color-white .accordion .acco-header>a:hover {
    color: #fff;
    background: #2f5497
}

.color-default .accordion .acco-header>a {
    color: #fff;
    background: #2f5497
}

.color-default .accordion .acco-header>a:hover {
    color: #fff;
    background: #525252
}

.square-col {
    float: left;
    position: relative;
    width: 100%;
    padding: 0 0 100% 0 !important
}

.square-col .content {
    border-radius: 4px;
    overflow: hidden;
    z-index: 5
}

.square-m-0 .square-col .content {
    border-radius: 0
}

.square-col .content {
    position: absolute !important;
    height: 100%;
    width: 100%;
    margin: 0;
    overflow: auto;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 5
}

.square-col-list .square-col .content {
    overflow: hidden
}

.square-col-list .square-col .content .list-badge {
    position: absolute;
    display: inline-block;
    padding: 2px 4px;
    top: 5px;
    right: 5px;
    text-shadow: none
}

.square-col-list .square-col .content .list-badge::after {
    content: none
}

@media (min-width:764px) {
    .square-col-list .square-col.square-small .preface {
        display: none
    }
}

@media (min-width:1014px) {
    .square-col-list .square-col.square-small .preface {
        display: block
    }
}

@media (min-width:1200px) {
    .square-col-list .square-col.square-small .preface {
        display: none
    }
}

.square-m-2 .square-col .content {
    height: calc(100% - 4px);
    width: calc(100% - 4px);
    margin: 2px
}

.square-m-2.row-square {
    margin: -2px
}

.square-m-4 .square-col .content {
    height: calc(100% - 8px);
    width: calc(100% - 8px);
    margin: 4px
}

.square-m-4.row-square {
    margin: -4px
}

.square-m-5 .square-col .content {
    height: calc(100% - 10px);
    width: calc(100% - 10px);
    margin: 5px
}

.square-m-5.row-square {
    margin: -5px
}

.square-m-10 .square-col .content {
    height: calc(100% - 20px);
    width: calc(100% - 20px);
    margin: 10px
}

.square-m-10.row-square {
    margin: -10px
}

.square-m-15 .square-col .content {
    height: calc(100% - 30px);
    width: calc(100% - 30px);
    margin: 15px
}

.square-m-15.row-square {
    margin: -15px
}

.square-m-20 .square-col .content {
    height: calc(100% - 40px);
    width: calc(100% - 40px);
    margin: 20px
}

.square-m-20.row-square {
    margin: -20px
}

.square-m-25 .square-col .content {
    height: calc(100% - 50px);
    width: calc(100% - 50px);
    margin: 25px
}

.square-m-25.row-square {
    margin: -25px
}

.square-m-50 .square-col .content {
    height: calc(100% - 100px);
    width: calc(100% - 100px);
    margin: 50px
}

.square-m-50.row-square {
    margin: -50px
}

.square-m-100 .square-col .content {
    height: calc(100% - 200px);
    width: calc(100% - 200px);
    margin: 100px
}

.square-m-100.row-square {
    margin: -100px
}

@media (max-width:763.98px) {
    .square-col.square-sm-12.square-m-2 .content {
        height: calc(100% - 30px);
        width: calc(100% - 30px);
        margin: 15px
    }
    .square-col.square-sm-12.square-m-4 .content {
        height: calc(100% - 30px);
        width: calc(100% - 30px);
        margin: 15px
    }
    .square-col.square-sm-12.square-m-5 .content {
        height: calc(100% - 30px);
        width: calc(100% - 30px);
        margin: 15px
    }
    .square-col.square-sm-12.square-m-10 .content {
        height: calc(100% - 30px);
        width: calc(100% - 30px);
        margin: 15px
    }
    .square-col.square-sm-12.square-m-15 .content {
        height: calc(100% - 30px);
        width: calc(100% - 30px);
        margin: 15px
    }
    .square-col.square-sm-12.square-m-20 .content {
        height: calc(100% - 30px);
        width: calc(100% - 30px);
        margin: 15px
    }
    .square-col.square-sm-12.square-m-25 .content {
        height: calc(100% - 30px);
        width: calc(100% - 30px);
        margin: 15px
    }
    .square-col.square-sm-12.square-m-50 .content {
        height: calc(100% - 30px);
        width: calc(100% - 30px);
        margin: 15px
    }
    .square-col.square-sm-12.square-m-100 .content {
        height: calc(100% - 30px);
        width: calc(100% - 30px);
        margin: 15px
    }
}

.fixcol,
.fixcol-lg-125,
.fixcol-lg-125-rest,
.fixcol-lg-150,
.fixcol-lg-150-rest,
.fixcol-lg-75,
.fixcol-lg-75-rest,
.fixcol-md-125,
.fixcol-md-125-rest,
.fixcol-md-150,
.fixcol-md-150-rest,
.fixcol-md-75,
.fixcol-md-75-rest,
.fixcol-sm-125,
.fixcol-sm-125-rest,
.fixcol-sm-150,
.fixcol-sm-150-rest,
.fixcol-sm-75,
.fixcol-sm-75-rest,
.fixcol-xl-125,
.fixcol-xl-125-rest,
.fixcol-xl-150,
.fixcol-xl-150-rest,
.fixcol-xl-75,
.fixcol-xl-75-rest,
.fixcol-xs-125,
.fixcol-xs-125-rest,
.fixcol-xs-150,
.fixcol-xs-150-rest,
.fixcol-xs-75,
.fixcol-xs-75-rest {
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    width: 100%
}

.square-xs-12 {
    width: 100%;
    padding-bottom: 100% !important
}

.square-xs-6 {
    width: 50%;
    padding-bottom: 50% !important
}

.fixcol-xs-75 {
    width: 105px;
    max-width: 105px;
    flex: 0 0 105px
}

.fixcol-xs-75-rest {
    width: calc(100% - 105px);
    max-width: calc(100% - 105px);
    flex: 0 0 calc(100% - 105px)
}

.fixcol-xs-125 {
    width: 155px;
    max-width: 155px;
    flex: 0 0 155px
}

.fixcol-xs-125-rest {
    width: calc(100% - 155px);
    max-width: calc(100% - 155px);
    flex: 0 0 calc(100% - 155px)
}

.fixcol-xs-150 {
    width: 180px;
    max-width: 180px;
    flex: 0 0 180px
}

.fixcol-xs-150-rest {
    width: calc(100% - 180px);
    max-width: calc(100% - 180px);
    flex: 0 0 calc(100% - 180px)
}

@media (min-width:552px) {
    .square-sm-12 {
        width: 100%;
        padding-bottom: 100% !important
    }
    .square-sm-12-h-0o5 {
        width: 100%;
        padding-bottom: 50% !important
    }
    .square-sm-12-h-2 {
        width: 100%;
        padding-bottom: 200% !important
    }
    .square-sm-9 {
        width: 74.999999985%;
        padding-bottom: 74.999999985% !important
    }
    .square-sm-9-h-0o5 {
        width: 74.999999985%;
        padding-bottom: 37.4999999925% !important
    }
    .square-sm-9-h-2 {
        width: 74.999999985%;
        padding-bottom: 149.99999997% !important
    }
    .square-sm-6 {
        width: 50%;
        padding-bottom: 50% !important
    }
    .square-sm-6-h-0o5 {
        width: 50%;
        padding-bottom: 25% !important
    }
    .square-sm-6-h-2 {
        width: 50%;
        padding-bottom: 100% !important
    }
    .square-sm-4 {
        width: 33.3333333334%;
        padding-bottom: 33.3333333334% !important
    }
    .square-sm-4-h-0o5 {
        width: 33.3333333334%;
        padding-bottom: 16.6666666667% !important
    }
    .square-sm-4-h-2 {
        width: 33.3333333334%;
        padding-bottom: 66.6666666668% !important
    }
    .square-sm-3 {
        width: 25%;
        padding-bottom: 25% !important
    }
    .square-sm-3-h-0o5 {
        width: 25%;
        padding-bottom: 12.5% !important
    }
    .square-sm-3-h-2 {
        width: 25%;
        padding-bottom: 50% !important
    }
    .square-m-2-parent .container {
        width: 512px;
        padding: 0
    }
    .square-m-4-parent .container {
        width: 516px;
        padding: 0
    }
    .square-m-5-parent .container {
        width: 520px;
        padding: 0
    }
    .square-m-10-parent .container {
        width: 528px;
        padding: 0
    }
    .square-m-15-parent .container {
        width: 540px;
        padding: 0
    }
    .square-m-20-parent .container {
        width: 548px;
        padding: 0
    }
    .square-m-25-parent .container {
        width: 560px;
        padding: 0
    }
    .square-m-50-parent .container {
        width: 608px;
        padding: 0
    }
    .square-m-100-parent .container {
        width: 708px;
        padding: 0
    }
    .fixcol-sm-75 {
        width: 105px;
        max-width: 105px;
        flex: 0 0 105px
    }
    .fixcol-sm-75-rest {
        width: calc(100% - 105px);
        max-width: calc(100% - 105px);
        flex: 0 0 calc(100% - 105px)
    }
    .fixcol-sm-125 {
        width: 155px;
        max-width: 155px;
        flex: 0 0 155px
    }
    .fixcol-sm-125-rest {
        width: calc(100% - 155px);
        max-width: calc(100% - 155px);
        flex: 0 0 calc(100% - 155px)
    }
    .fixcol-sm-150 {
        width: 180px;
        max-width: 180px;
        flex: 0 0 180px
    }
    .fixcol-sm-150-rest {
        width: calc(100% - 180px);
        max-width: calc(100% - 180px);
        flex: 0 0 calc(100% - 180px)
    }
}

@media (min-width:764px) {
    .square-md-12 {
        width: 100%;
        padding-bottom: 100% !important
    }
    .square-md-12-h-0o5 {
        width: 100%;
        padding-bottom: 50% !important
    }
    .square-md-12-h-1o5 {
        width: 100%;
        padding-bottom: 150% !important
    }
    .square-md-12-h-2 {
        width: 100%;
        padding-bottom: 200% !important
    }
    .square-md-9 {
        width: 74.999999985%;
        padding-bottom: 74.999999985% !important
    }
    .square-md-9-h-0o5 {
        width: 74.999999985%;
        padding-bottom: 37.4999999925% !important
    }
    .square-md-9-h-1o5 {
        width: 74.999999985%;
        padding-bottom: 112.4999999775% !important
    }
    .square-md-9-h-2 {
        width: 74.999999985%;
        padding-bottom: 149.99999997% !important
    }
    .square-md-8 {
        width: 66.6666666667%;
        padding-bottom: 66.6666666667% !important
    }
    .square-md-8-h-0o5 {
        width: 66.6666666667%;
        padding-bottom: 33.3333333334% !important
    }
    .square-md-8-h-1o5 {
        width: 66.6666666667%;
        padding-bottom: 100.0000000001% !important
    }
    .square-md-8-h-2 {
        width: 66.6666666667%;
        padding-bottom: 133.3333333334% !important
    }
    .square-md-6 {
        width: 50%;
        padding-bottom: 50% !important
    }
    .square-md-6-h-0o5 {
        width: 50%;
        padding-bottom: 25% !important
    }
    .square-md-6-h-1o5 {
        width: 50%;
        padding-bottom: 75% !important
    }
    .square-md-6-h-2 {
        width: 50%;
        padding-bottom: 100% !important
    }
    .square-md-4 {
        width: 33.3333333334%;
        padding-bottom: 33.3333333334% !important
    }
    .square-md-4-h-0o5 {
        width: 33.3333333334%;
        padding-bottom: 16.6666666667% !important
    }
    .square-md-4-h-1o5 {
        width: 33.3333333334%;
        padding-bottom: 50.0000000001% !important
    }
    .square-md-4-h-2 {
        width: 33.3333333334%;
        padding-bottom: 66.6666666668% !important
    }
    .square-md-3 {
        width: 25%;
        padding-bottom: 25% !important
    }
    .square-md-3-h-0o5 {
        width: 25%;
        padding-bottom: 12.5% !important
    }
    .square-md-3-h-1o5 {
        width: 25%;
        padding-bottom: 37.5% !important
    }
    .square-md-3-h-2 {
        width: 25%;
        padding-bottom: 50% !important
    }
    .square-md-2o4 {
        width: 20%;
        padding-bottom: 20% !important
    }
    .square-md-2o4-h-0o5 {
        width: 20%;
        padding-bottom: 10% !important
    }
    .square-md-2o4-h-1o5 {
        width: 20%;
        padding-bottom: 30% !important
    }
    .square-md-2o4-h-2 {
        width: 20%;
        padding-bottom: 40% !important
    }
    .square-md-2 {
        width: 16.666666667%;
        padding-bottom: 16.666666667% !important
    }
    .square-md-2-h-0o5 {
        width: 16.666666667%;
        padding-bottom: 8.3333333335% !important
    }
    .square-md-2-h-1o5 {
        width: 16.666666667%;
        padding-bottom: 25.0000000005% !important
    }
    .square-md-2-h-2 {
        width: 16.666666667%;
        padding-bottom: 33.333333334% !important
    }
    .square-m-2-parent .container {
        width: 716px;
        padding: 0
    }
    .square-m-4-parent .container {
        width: 720px;
        padding: 0
    }
    .square-m-5-parent .container {
        width: 724px;
        padding: 0
    }
    .square-m-10-parent .container {
        width: 732px;
        padding: 0
    }
    .square-m-15-parent .container {
        width: 744px;
        padding: 0
    }
    .square-m-20-parent .container {
        width: 752px;
        padding: 0
    }
    .square-m-25-parent .container {
        width: 764px;
        padding: 0
    }
    .square-m-50-parent .container {
        width: 812px;
        padding: 0
    }
    .square-m-100-parent .container {
        width: 912px;
        padding: 0
    }
    .fixcol-md-75 {
        width: 105px;
        max-width: 105px;
        flex: 0 0 105px
    }
    .fixcol-md-75-rest {
        width: calc(100% - 105px);
        max-width: calc(100% - 105px);
        flex: 0 0 calc(100% - 105px)
    }
    .fixcol-md-125 {
        width: 155px;
        max-width: 155px;
        flex: 0 0 155px
    }
    .fixcol-md-125-rest {
        width: calc(100% - 155px);
        max-width: calc(100% - 155px);
        flex: 0 0 calc(100% - 155px)
    }
    .fixcol-md-150 {
        width: 180px;
        max-width: 180px;
        flex: 0 0 180px
    }
    .fixcol-md-150-rest {
        width: calc(100% - 180px);
        max-width: calc(100% - 180px);
        flex: 0 0 calc(100% - 180px)
    }
}

@media (min-width:1014px) {
    .square-lg-12 {
        width: 100%;
        padding-bottom: 100% !important
    }
    .square-lg-12-h-0o5 {
        width: 100%;
        padding-bottom: 50% !important
    }
    .square-lg-12-h-1o5 {
        width: 100%;
        padding-bottom: 150% !important
    }
    .square-lg-12-h-2 {
        width: 100%;
        padding-bottom: 200% !important
    }
    .square-lg-9 {
        width: 74.999999985%;
        padding-bottom: 74.999999985% !important
    }
    .square-lg-9-h-0o5 {
        width: 74.999999985%;
        padding-bottom: 37.4999999925% !important
    }
    .square-lg-9-h-1o5 {
        width: 74.999999985%;
        padding-bottom: 112.4999999775% !important
    }
    .square-lg-9-h-2 {
        width: 74.999999985%;
        padding-bottom: 149.99999997% !important
    }
    .square-lg-8 {
        width: 66.6666666667%;
        padding-bottom: 66.6666666667% !important
    }
    .square-lg-8-h-0o5 {
        width: 66.6666666667%;
        padding-bottom: 33.3333333334% !important
    }
    .square-lg-8-h-1o5 {
        width: 66.6666666667%;
        padding-bottom: 100.0000000001% !important
    }
    .square-lg-8-h-2 {
        width: 66.6666666667%;
        padding-bottom: 133.3333333334% !important
    }
    .square-lg-6 {
        width: 50%;
        padding-bottom: 50% !important
    }
    .square-lg-6-h-0o5 {
        width: 50%;
        padding-bottom: 25% !important
    }
    .square-lg-6-h-1o5 {
        width: 50%;
        padding-bottom: 75% !important
    }
    .square-lg-6-h-2 {
        width: 50%;
        padding-bottom: 100% !important
    }
    .square-lg-4 {
        width: 33.3333333334%;
        padding-bottom: 33.3333333334% !important
    }
    .square-lg-4-h-0o5 {
        width: 33.3333333334%;
        padding-bottom: 16.6666666667% !important
    }
    .square-lg-4-h-1o5 {
        width: 33.3333333334%;
        padding-bottom: 50.0000000001% !important
    }
    .square-lg-4-h-2 {
        width: 33.3333333334%;
        padding-bottom: 66.6666666668% !important
    }
    .square-lg-3 {
        width: 25%;
        padding-bottom: 25% !important
    }
    .square-lg-3-h-0o5 {
        width: 25%;
        padding-bottom: 12.5% !important
    }
    .square-lg-3-h-1o5 {
        width: 25%;
        padding-bottom: 37.5% !important
    }
    .square-lg-3-h-2 {
        width: 25%;
        padding-bottom: 50% !important
    }
    .square-lg-2o4 {
        width: 20%;
        padding-bottom: 20% !important
    }
    .square-lg-2o4-h-0o5 {
        width: 20%;
        padding-bottom: 10% !important
    }
    .square-lg-2o4-h-1o5 {
        width: 20%;
        padding-bottom: 30% !important
    }
    .square-lg-2o4-h-2 {
        width: 20%;
        padding-bottom: 40% !important
    }
    .square-lg-2 {
        width: 16.666666667%;
        padding-bottom: 16.666666667% !important
    }
    .square-lg-2-h-0o5 {
        width: 16.666666667%;
        padding-bottom: 8.3333333335% !important
    }
    .square-lg-2-h-1o5 {
        width: 16.666666667%;
        padding-bottom: 25.0000000005% !important
    }
    .square-lg-2-h-2 {
        width: 16.666666667%;
        padding-bottom: 33.333333334% !important
    }
    .square-m-2-parent .container {
        width: 964px;
        padding: 0
    }
    .square-m-4-parent .container {
        width: 968px;
        padding: 0
    }
    .square-m-5-parent .container {
        width: 972px;
        padding: 0
    }
    .square-m-10-parent .container {
        width: 980px;
        padding: 0
    }
    .square-m-15-parent .container {
        width: 992px;
        padding: 0
    }
    .square-m-20-parent .container {
        width: 1000px;
        padding: 0
    }
    .square-m-25-parent .container {
        width: 1012px;
        padding: 0
    }
    .square-m-50-parent .container {
        width: 1060px;
        padding: 0
    }
    .square-m-100-parent .container {
        width: 1160px;
        padding: 0
    }
    .fixcol-lg-75 {
        width: 105px;
        max-width: 105px;
        flex: 0 0 105px
    }
    .fixcol-lg-75-rest {
        width: calc(100% - 105px);
        max-width: calc(100% - 105px);
        flex: 0 0 calc(100% - 105px)
    }
    .fixcol-lg-125 {
        width: 155px;
        max-width: 155px;
        flex: 0 0 155px
    }
    .fixcol-lg-125-rest {
        width: calc(100% - 155px);
        max-width: calc(100% - 155px);
        flex: 0 0 calc(100% - 155px)
    }
    .fixcol-lg-150 {
        width: 180px;
        max-width: 180px;
        flex: 0 0 180px
    }
    .fixcol-lg-150-rest {
        width: calc(100% - 180px);
        max-width: calc(100% - 180px);
        flex: 0 0 calc(100% - 180px)
    }
}

@media (min-width:1200px) {
    .square-xl-12 {
        width: 100%;
        padding-bottom: 100% !important
    }
    .square-xl-12-h-0o25 {
        width: 100%;
        padding-bottom: 25% !important
    }
    .square-xl-12-h-0o5 {
        width: 100%;
        padding-bottom: 50% !important
    }
    .square-xl-12-h-1o5 {
        width: 100%;
        padding-bottom: 150% !important
    }
    .square-xl-12-h-2 {
        width: 100%;
        padding-bottom: 200% !important
    }
    .square-xl-9 {
        width: 74.999999985%;
        padding-bottom: 74.999999985% !important
    }
    .square-xl-9-h-0o25 {
        width: 74.999999985%;
        padding-bottom: 18.7499999963% !important
    }
    .square-xl-9-h-0o5 {
        width: 74.999999985%;
        padding-bottom: 37.4999999925% !important
    }
    .square-xl-9-h-1o5 {
        width: 74.999999985%;
        padding-bottom: 112.4999999775% !important
    }
    .square-xl-9-h-2 {
        width: 74.999999985%;
        padding-bottom: 149.99999997% !important
    }
    .square-xl-8 {
        width: 66.6666666667%;
        padding-bottom: 66.6666666667% !important
    }
    .square-xl-8-h-0o25 {
        width: 66.6666666667%;
        padding-bottom: 16.6666666667% !important
    }
    .square-xl-8-h-0o5 {
        width: 66.6666666667%;
        padding-bottom: 33.3333333334% !important
    }
    .square-xl-8-h-1o5 {
        width: 66.6666666667%;
        padding-bottom: 100.0000000001% !important
    }
    .square-xl-8-h-2 {
        width: 66.6666666667%;
        padding-bottom: 133.3333333334% !important
    }
    .square-xl-6 {
        width: 50%;
        padding-bottom: 50% !important
    }
    .square-xl-6-h-0o25 {
        width: 50%;
        padding-bottom: 12.5% !important
    }
    .square-xl-6-h-0o5 {
        width: 50%;
        padding-bottom: 25% !important
    }
    .square-xl-6-h-1o5 {
        width: 50%;
        padding-bottom: 75% !important
    }
    .square-xl-6-h-2 {
        width: 50%;
        padding-bottom: 100% !important
    }
    .square-xl-4 {
        width: 33.3333333334%;
        padding-bottom: 33.3333333334% !important
    }
    .square-xl-4-h-0o25 {
        width: 33.3333333334%;
        padding-bottom: 8.3333333334% !important
    }
    .square-xl-4-h-0o5 {
        width: 33.3333333334%;
        padding-bottom: 16.6666666667% !important
    }
    .square-xl-4-h-1o5 {
        width: 33.3333333334%;
        padding-bottom: 50.0000000001% !important
    }
    .square-xl-4-h-2 {
        width: 33.3333333334%;
        padding-bottom: 66.6666666668% !important
    }
    .square-xl-3 {
        width: 25%;
        padding-bottom: 25% !important
    }
    .square-xl-3-h-0o25 {
        width: 25%;
        padding-bottom: 6.25% !important
    }
    .square-xl-3-h-0o5 {
        width: 25%;
        padding-bottom: 12.5% !important
    }
    .square-xl-3-h-1o5 {
        width: 25%;
        padding-bottom: 37.5% !important
    }
    .square-xl-3-h-2 {
        width: 25%;
        padding-bottom: 50% !important
    }
    .square-xl-2o4 {
        width: 20%;
        padding-bottom: 20% !important
    }
    .square-xl-2o4-h-0o25 {
        width: 20%;
        padding-bottom: 5% !important
    }
    .square-xl-2o4-h-0o5 {
        width: 20%;
        padding-bottom: 10% !important
    }
    .square-xl-2o4-h-1o5 {
        width: 20%;
        padding-bottom: 30% !important
    }
    .square-xl-2o4-h-2 {
        width: 20%;
        padding-bottom: 40% !important
    }
    .square-xl-2 {
        width: 16.666666667%;
        padding-bottom: 16.666666667% !important
    }
    .square-xl-2-h-0o25 {
        width: 16.666666667%;
        padding-bottom: 4.1666666668% !important
    }
    .square-xl-2-h-0o5 {
        width: 16.666666667%;
        padding-bottom: 8.3333333335% !important
    }
    .square-xl-2-h-1o5 {
        width: 16.666666667%;
        padding-bottom: 25.0000000005% !important
    }
    .square-xl-2-h-2 {
        width: 16.666666667%;
        padding-bottom: 33.333333334% !important
    }
    .square-m-2-parent .container {
        width: 1144px;
        padding: 0
    }
    .square-m-4-parent .container {
        width: 1148px;
        padding: 0
    }
    .square-m-5-parent .container {
        width: 1148px;
        padding: 0
    }
    .square-m-10-parent .container {
        width: 1160px;
        padding: 0
    }
    .square-m-15-parent .container {
        width: 1168px;
        padding: 0
    }
    .square-m-20-parent .container {
        width: 1180px;
        padding: 0
    }
    .square-m-25-parent .container {
        width: 1188px;
        padding: 0
    }
    .square-m-50-parent .container {
        width: 1240px;
        padding: 0
    }
    .square-m-100-parent .container {
        width: 1340px;
        padding: 0
    }
    .fixcol-xl-75 {
        width: 105px;
        max-width: 105px;
        flex: 0 0 105px
    }
    .fixcol-xl-75-rest {
        width: calc(100% - 105px);
        max-width: calc(100% - 105px);
        flex: 0 0 calc(100% - 105px)
    }
    .fixcol-xl-125 {
        width: 155px;
        max-width: 155px;
        flex: 0 0 155px
    }
    .fixcol-xl-125-rest {
        width: calc(100% - 155px);
        max-width: calc(100% - 155px);
        flex: 0 0 calc(100% - 155px)
    }
    .fixcol-xl-150 {
        width: 180px;
        max-width: 180px;
        flex: 0 0 180px
    }
    .fixcol-xl-150-rest {
        width: calc(100% - 180px);
        max-width: calc(100% - 180px);
        flex: 0 0 calc(100% - 180px)
    }
}

.square-col.square-16-9.square-xs-12 {
    padding-bottom: calc(56.25% + 20px) !important
}

.square-col.square-4-3.square-xs-12 {
    padding-bottom: calc(75% + 10px) !important
}

.list-content.square-col-list .square-item-20 {
    margin-left: -15px !important;
    margin-right: -15px !important;
    margin-top: -20px !important;
    margin-bottom: 20px !important
}

@media (min-width:764px) {
    .list-content.square-col-list .square-item-20 {
        margin-left: -20px !important;
        margin-right: -20px !important
    }
}

@media (min-width:764px) and (max-width:1013.98px) {
    .square-col.square-4-3.square-md-12,
    .square-col.square-4-3.square-xs-12 {
        padding-bottom: 575px !important
    }
    .square-col.square-4-3.square-md-6 {
        padding-bottom: 292px !important
    }
    .square-col.square-16-9.square-md-12,
    .square-col.square-16-9.square-xs-12 {
        padding-bottom: 424px !important
    }
    .square-col.square-16-9.square-md-6 {
        padding-bottom: 221px !important
    }
}

@media (min-width:1014px) and (max-width:1199.98px) {
    .square-col.square-4-3.square-lg-12,
    .square-col.square-4-3.square-md-12,
    .square-col.square-4-3.square-xs-12 {
        padding-bottom: 761px !important
    }
    .square-col.square-4-3.square-lg-6,
    .square-col.square-4-3.square-md-6 {
        padding-bottom: 385px !important
    }
    .square-col.square-16-9.square-lg-12,
    .square-col.square-16-9.square-md-12,
    .square-col.square-16-9.square-xs-12 {
        padding-bottom: 558px !important
    }
    .square-col.square-16-9.square-lg-6,
    .square-col.square-16-9.square-md-6 {
        padding-bottom: 288px !important
    }
}

@media (min-width:1200px) {
    .square-col.square-4-3.square-lg-12,
    .square-col.square-4-3.square-md-12,
    .square-col.square-4-3.square-xl-12 {
        padding-bottom: 895px !important
    }
    .square-col.square-4-3.square-lg-8,
    .square-col.square-4-3.square-md-8,
    .square-col.square-4-3.square-xl-8 {
        padding-bottom: 600px !important
    }
    .square-col.square-4-3.square-lg-6,
    .square-col.square-4-3.square-md-6,
    .square-col.square-4-3.square-xl-6 {
        padding-bottom: 452px !important
    }
    .square-col.square-4-3.square-lg-4,
    .square-col.square-4-3.square-md-4,
    .square-col.square-4-3.square-xl-4 {
        padding-bottom: 300px !important
    }
    .square-col.square-4-3.square-lg-3,
    .square-col.square-4-3.square-md-3,
    .square-col.square-4-3.square-xl-3 {
        padding-bottom: 226px !important
    }
    .square-col.square-16-9.square-lg-12,
    .square-col.square-16-9.square-md-12,
    .square-col.square-16-9.square-xl-12 {
        padding-bottom: 654px !important
    }
    .square-col.square-16-9.square-lg-8,
    .square-col.square-16-9.square-md-8,
    .square-col.square-16-9.square-xl-8 {
        padding-bottom: 460px !important
    }
    .square-col.square-16-9.square-lg-6,
    .square-col.square-16-9.square-md-6,
    .square-col.square-16-9.square-xl-6 {
        padding-bottom: 354px !important
    }
    .square-col.square-16-9.square-lg-4,
    .square-col.square-16-9.square-md-4,
    .square-col.square-16-9.square-xl-4 {
        padding-bottom: 230px !important
    }
    .square-col.square-16-9.square-lg-3,
    .square-col.square-16-9.square-md-3,
    .square-col.square-16-9.square-xl-3 {
        padding-bottom: 177px !important
    }
}

.square-col .table {
    display: table;
    height: 100%;
    width: 100%
}

.square-col .table-cell {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    width: 100%
}

.content-box {
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    z-index: 5
}

.tile-col .full-overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9;
    overflow: auto;
    background: rgba(0, 0, 0, .15)
}

.tile-col .full-overlay .piece {
    margin: 1rem
}

.tile-col .full-overlay div.body,
.tile-col .full-overlay h1,
.tile-col .full-overlay h2,
.tile-col .full-overlay h3,
.tile-col .full-overlay h4 {
    color: #fff;
    text-shadow: 1px 1px 1px #000
}

.square-col .text-overlay,
.tile-col .text-overlay {
    position: absolute;
    bottom: 0;
    padding: 1rem 2rem;
    background: rgba(0, 0, 0, .65);
    width: 100%;
    z-index: 5
}

.square-col .text-overlay div,
.square-col .text-overlay h1,
.square-col .text-overlay h2,
.square-col .text-overlay h3,
.square-col .text-overlay h4,
.tile-col .text-overlay div,
.tile-col .text-overlay h1,
.tile-col .text-overlay h2,
.tile-col .text-overlay h3,
.tile-col .text-overlay h4 {
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    line-height: 1.2;
    margin: 0
}

.square-col .text-overlay h1,
.tile-col .text-overlay h1 {
    font-size: 2rem
}

.square-col .text-overlay h2,
.tile-col .text-overlay h2 {
    font-size: 1.6rem
}

.square-col .text-overlay h3,
.tile-col .text-overlay h3 {
    font-size: 1.2rem
}

.square-col .text-overlay h4,
.tile-col .text-overlay h4 {
    font-size: 1.2rem
}

.square-col .text-overlay div,
.square-col .text-overlay h2+h3,
.tile-col .text-overlay div,
.tile-col .text-overlay h2+h3 {
    font-size: 1.2rem
}

.square-col .text-overlay .heading+.body,
.square-col .text-overlay div.teaser-date+h2,
.square-col .text-overlay h2+h3,
.tile-col .text-overlay .heading+.body,
.tile-col .text-overlay div.teaser-date+h2,
.tile-col .text-overlay h2+h3 {
    margin-top: .5rem
}

.square-col .copyright,
.tile-col .copyright {
    padding: 2px 4px;
    font-family: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 8px;
    line-height: 1;
    display: inline-block;
    color: #000;
    background-color: rgba(255, 255, 255, .6);
    opacity: .8;
    position: absolute;
    bottom: 0;
    pointer-events: none;
    z-index: 7;
    box-shadow: none;
    right: 0;
    left: initial;
    text-align: right;
    border-top-left-radius: 2px;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    background-color: transparent
}

.square-col a:hover,
.tile-col a:hover {
    text-decoration: none
}

@media (max-width:763.98px) {
    .square-col.text-below-on-xs:not(.revealed),
    .tile-col.text-below-on-xs:not(.revealed) {
        padding: 0 !important
    }
    .square-col.text-below-on-xs:not(.revealed).square-16-9.square-xs-12,
    .square-col.text-below-on-xs:not(.revealed).square-4-3.square-xs-12,
    .tile-col.text-below-on-xs:not(.revealed).square-16-9.square-xs-12,
    .tile-col.text-below-on-xs:not(.revealed).square-4-3.square-xs-12 {
        padding-bottom: 0 !important
    }
    .square-col.text-below-on-xs:not(.revealed) .content,
    .tile-col.text-below-on-xs:not(.revealed) .content {
        height: auto !important;
        position: relative !important
    }
    .square-col.text-below-on-xs:not(.revealed) .content .centered.image,
    .tile-col.text-below-on-xs:not(.revealed) .content .centered.image {
        position: static;
        transition: none;
        transform: none
    }
    .square-col.text-below-on-xs:not(.revealed) .content .text-overlay,
    .tile-col.text-below-on-xs:not(.revealed) .content .text-overlay {
        position: relative !important
    }
    .square-col.text-below-on-xs:not(.revealed) .image-src-box,
    .square-col.text-below-on-xs:not(.revealed) .image-src-box>img,
    .tile-col.text-below-on-xs:not(.revealed) .image-src-box,
    .tile-col.text-below-on-xs:not(.revealed) .image-src-box>img {
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important
    }
    .square-col.text-below-on-xs:not(.revealed) .text-overlay,
    .tile-col.text-below-on-xs:not(.revealed) .text-overlay {
        background: #272727
    }
}

.square-col.min-height-px .text-overlay,
.tile-col.min-height-px .text-overlay {
    min-height: calc(3.84rem + 2rem)
}

@media (min-width:764px) {
    .square-col.square-small.min-height .text-overlay,
    .tile-col.square-small.min-height .text-overlay {
        min-height: 20%
    }
    .square-col.square-large .text-overlay,
    .tile-col.square-large .text-overlay {
        padding: 2rem
    }
    .square-col.square-large .text-overlay h2,
    .tile-col.square-large .text-overlay h2 {
        font-size: 2rem
    }
    .square-col.square-large .text-overlay div,
    .square-col.square-large .text-overlay h3,
    .tile-col.square-large .text-overlay div,
    .tile-col.square-large .text-overlay h3 {
        font-size: 1.6rem
    }
}

@media (min-width:1014px) {
    .square-col.square-small.min-height .text-overlay,
    .tile-col.square-small.min-height .text-overlay {
        min-height: 20%
    }
    .square-col.square-small.show-preface .text-overlay,
    .tile-col.square-small.show-preface .text-overlay {
        min-height: 35%
    }
}

@media (min-width:1014px) {
    .square-col.min-height.square-small .text-overlay,
    .tile-col.min-height.square-small .text-overlay {
        min-height: 40%
    }
    .square-col.min-height.square-large .text-overlay,
    .tile-col.min-height.square-large .text-overlay {
        padding: 1rem 2rem;
        min-height: 18.5%
    }
}

.list-content .list-box {
    position: relative;
    display: flex;
    flex-direction: column
}

.list-content .list-box.initial-load {
    opacity: .5
}

.list-content .list-box.initial-load::after {
    content: " ";
    position: absolute;
    z-index: 10;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.list-content .list-append-position {
    display: block
}

.list-content ul.list-entries {
    margin-bottom: 0;
    padding: 0;
    list-style-type: none
}

.list-content.type-static-list ul.list-entries>.list-entry:last-of-type>.teaser {
    margin-bottom: 0
}

.list-content .type-list-group {
    position: relative
}

.list-content .type-list-group:not(:last-of-type) {
    margin-bottom: 2rem
}

.list-content .list-spinner {
    display: none
}

.list-content .list-link {
    margin-top: 2rem
}

.teaser {
    margin-bottom: 2rem
}

.teaser::after {
    display: block;
    clear: both;
    content: ""
}

.teaser.teaser-compact .teaser-btn {
    padding: 1.5px 7.5px
}

.teaser .intro-headline {
    font-size: 2rem;
    line-height: 1.25;
    margin-bottom: 1rem
}

@media (min-width:1014px) {
    .teaser .intro-headline {
        font-size: 2.2rem
    }
}

.teaser .teaser-btn:not(:last-child) {
    margin-right: 1rem
}

.teaser .teaser-date {
    line-height: 1.2;
    font-size: 80%;
    color: #525252;
    margin-bottom: .5rem
}

.teaser .heading>a,
.teaser .heading>a:focus,
.teaser .heading>a:hover {
    text-decoration: none
}

.teaser .text>a,
.teaser .text>a:focus,
.teaser .text>a:hover {
    color: #525252;
    text-decoration: none
}

.teaser .list-badge {
    margin-left: 10px;
    font-size: .7em;
    padding: 3px 6px;
    bottom: 2px
}

.list-content .teaser {
    margin-bottom: 4rem
}

.list-content .teaser.teaser-compact {
    margin-bottom: 2rem
}

.list-content.minimal-display .teaser .intro-headline>.intro,
.list-content.reduced-display .teaser .intro-headline>.intro {
    font-size: 1.3rem
}

@media (min-width:1014px) {
    .list-content.minimal-display .teaser .intro-headline>.intro,
    .list-content.reduced-display .teaser .intro-headline>.intro {
        font-size: 1.43rem
    }
}

.list-content.reduced-display .teaser .intro-headline {
    font-size: 1.8rem
}

@media (min-width:1014px) {
    .list-content.reduced-display .teaser .intro-headline {
        font-size: 2rem
    }
}

.list-content.minimal-display .teaser {
    margin-bottom: 2rem
}

.list-content.minimal-display .teaser .intro-headline {
    margin-bottom: .5rem;
    font-size: inherit
}

.list-content.minimal-display .teaser .teaser-btn {
    padding: 1.5px 7.5px
}

.list-content.list-aside .teaser .teaser-btn:not(:hover),
aside .list-content .teaser .teaser-btn:not(:hover) {
    background-color: #525252;
    color: #fff
}

.list-content.list-aside .teaser .intro-headline,
aside .list-content .teaser .intro-headline {
    font-size: 1.8rem
}

@media (min-width:1014px) {
    .list-content.list-aside .teaser .intro-headline,
    aside .list-content .teaser .intro-headline {
        font-size: 2rem
    }
}

.list-content.list-aside .teaser .intro-headline>.headline,
aside .list-content .teaser .intro-headline>.headline {
    color: #525252
}

.list-content.list-aside .teaser .intro-headline>.intro,
aside .list-content .teaser .intro-headline>.intro {
    color: #525252
}

.list-content.list-aside.minimal-display .teaser .intro-headline>.intro,
.list-content.list-aside.reduced-display .teaser .intro-headline>.intro,
aside .list-content.minimal-display .teaser .intro-headline>.intro,
aside .list-content.reduced-display .teaser .intro-headline>.intro {
    font-size: 1.17rem
}

@media (min-width:1014px) {
    .list-content.list-aside.minimal-display .teaser .intro-headline>.intro,
    .list-content.list-aside.reduced-display .teaser .intro-headline>.intro,
    aside .list-content.minimal-display .teaser .intro-headline>.intro,
    aside .list-content.reduced-display .teaser .intro-headline>.intro {
        font-size: 1.3rem
    }
}

.list-content.list-aside.reduced-display .teaser .intro-headline,
aside .list-content.reduced-display .teaser .intro-headline {
    font-size: 1.6rem
}

@media (min-width:1014px) {
    .list-content.list-aside.reduced-display .teaser .intro-headline,
    aside .list-content.reduced-display .teaser .intro-headline {
        font-size: 1.8rem
    }
}

@media (min-width:1014px) {
    .list-content.list-aside .teaser .teaser-btn,
    aside .list-content .teaser .teaser-btn {
        padding: 1.5px 7.5px
    }
    .list-content.list-aside .teaser-compact .teaser-btn,
    .list-content.list-aside.minimal-display .teaser .teaser-btn,
    aside .list-content .teaser-compact .teaser-btn,
    aside .list-content.minimal-display .teaser .teaser-btn {
        padding: 0 6px
    }
}

.teaser-tile {
    display: flex
}

.teaser-tile:empty {
    display: none
}

.teaser-tile .teaser.piece {
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    z-index: 5
}

.teaser-tile .teaser.piece>.body {
    flex-basis: auto;
    flex-grow: 1
}

.teaser-tile .teaser.piece>.body .headline {
    overflow: hidden;
    text-overflow: ellipsis
}

.teaser-tile .teaser.piece>.body>.heading .headline {
    line-height: 1.25
}

@media (min-width:1014px) {
    .list-content.default-display .teaser-tile.teaser-text-tile>.body>.heading .headline {
        min-height: 5.5rem
    }
}

.masonry-list .teaser-tile .teaser.piece>.body {
    flex-grow: 0
}

.download-list a:hover {
    text-decoration: none
}

.download-list a:hover .dl-content .dl-title {
    text-decoration: underline
}

.download-list a:hover .dl-content .dl-desc {
    color: #525252
}

.download-list a:not(:hover) .dl-content .dl-desc,
.download-list a:not(:hover) .dl-content .dl-file {
    color: #525252
}

.download-list .dl-content {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    overflow: hidden;
    overflow-wrap: break-word
}

.download-list .dl-desc p {
    margin-bottom: 0
}

.download-list .dl-cat .dl-cat-label {
    display: inline-block;
    line-height: 1;
    font-size: 1.3rem;
    color: #525252;
    margin-right: 1rem
}

.download-list .dl-cat .dl-cat-label::before {
    font-family: FontAwesome;
    content: "\f02b";
    padding-right: .5rem
}

.download-list.dl-list-elaborate li.list-entry {
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #f7f7f7
}

.download-list.dl-list-elaborate li.list-entry:last-child {
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom: 2rem
}

.download-list.dl-list-elaborate li.list-entry:first-child {
    padding-top: 0
}

.download-list.dl-list-elaborate .dl-content .dl-title {
    margin-top: 0;
    margin-bottom: .5rem
}

.download-list.dl-list-elaborate .dl-content .dl-file {
    margin-bottom: .5rem
}

.download-list.dl-list-elaborate .dl-content .dl-desc {
    margin-bottom: .5rem
}

.download-list.dl-list-elaborate .dl-content .dl-btn {
    margin-top: .5rem;
    min-width: 200px
}

.download-list.dl-list-elaborate .dl-content .dl-btn .fa {
    padding-right: 1rem
}

.download-list.dl-list-elaborate .dl-stats .dl-type::after {
    content: " | "
}

@media (min-width:764px) {
    .download-list.dl-list-elaborate .dl-date-cat::after {
        display: block;
        clear: both;
        content: ""
    }
    .download-list.dl-list-elaborate .dl-date-cat>.dl-date {
        float: left
    }
    .download-list.dl-list-elaborate .dl-date-cat>.dl-cat {
        padding-left: 2rem;
        float: right
    }
    .download-list.dl-list-elaborate .dl-info {
        margin-top: 1rem;
        text-align: center
    }
    .download-list.dl-list-elaborate .dl-info .fa {
        font-size: 4rem;
        margin-bottom: .5rem
    }
    .download-list.dl-list-elaborate .dl-info .dl-info-text {
        display: none
    }
}

@media (max-width:763.98px) {
    .download-list.dl-list-elaborate .dl-info {
        text-align: left;
        margin-top: .5rem
    }
    .download-list.dl-list-elaborate .dl-info .btn-info {
        margin: 0;
        padding: 6px 20px;
        display: inline-block;
        text-align: center;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        box-shadow: none;
        min-height: 39px;
        border: none;
        font-size: 14px;
        font-weight: 400;
        border-radius: 4px;
        background-color: #525252;
        color: #fff;
        margin-top: .5rem;
        min-width: 200px;
        text-align: left;
        min-width: 50%
    }
    .download-list.dl-list-elaborate .dl-info .btn-info.active,
    .download-list.dl-list-elaborate .dl-info .btn-info:focus,
    .download-list.dl-list-elaborate .dl-info .btn-info:hover,
    .open .dropdown-toggle .download-list.dl-list-elaborate .dl-info .btn-info {
        color: #fff;
        background-color: #2f5497;
        text-decoration: none;
        cursor: pointer;
        transition-property: color, background-color, border-color;
        transition-duration: .33s;
        transition-timing-function: ease
    }
    .download-list.dl-list-elaborate .dl-info .btn-info.disabled,
    .download-list.dl-list-elaborate .dl-info .btn-info[disabled],
    fieldset[disabled] .download-list.dl-list-elaborate .dl-info .btn-info {
        background-color: #525252;
        color: #fff;
        cursor: not-allowed
    }
    .download-list.dl-list-elaborate .dl-info .btn-info .fa {
        padding-right: 1rem
    }
    .download-list.dl-list-elaborate .dl-info .fa {
        min-width: 4rem
    }
    .download-list.dl-list-elaborate .dl-content .dl-btn {
        min-width: 50%;
        text-align: left
    }
    .download-list.dl-list-elaborate .dl-content .dl-btn .fa {
        min-width: 4rem
    }
    .download-list.dl-list-elaborate .dl-stats {
        display: none
    }
}

.download-list.dl-list-compact .list-entries {
    border-bottom: 1px solid #f7f7f7;
    margin-bottom: 1rem
}

.download-list.dl-list-compact li:nth-child(odd) .dl-link {
    background-color: #f7f7f7
}

.download-list.dl-list-compact .dl-link {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.download-list.dl-list-compact a.dl-link:hover .dl-title {
    color: #525252
}

.download-list.dl-list-compact .dl-teaser-compact {
    display: flex;
    width: 100%
}

.download-list.dl-list-compact .dl-link {
    display: flex
}

.download-list.dl-list-compact .dl-link.dl-link-disp {
    flex-grow: 10;
    width: 100%
}

.download-list.dl-list-compact .dl-link .fa {
    font-size: 2rem
}

.download-list.dl-list-compact .dl-type {
    padding: 0 1rem
}

.download-list.dl-list-compact .dl-dl {
    padding-right: 1rem
}

.download-list.dl-list-compact .dl-content {
    flex-grow: 10
}

.download-list.dl-list-compact .dl-content .dl-title {
    font-weight: 600;
    margin: 0
}

.download-list.dl-list-compact .dl-content .dl-desc,
.download-list.dl-list-compact .dl-content .dl-file,
.download-list.dl-list-compact .dl-content .dl-title {
    margin-right: 1rem
}

.download-list.dl-list-compact .dl-date,
.download-list.dl-list-compact .dl-size {
    white-space: nowrap;
    float: right;
    min-width: 7rem
}

.download-list.dl-list-compact .dl-info {
    min-width: 14rem
}

.download-list.dl-list-compact .dl-show-file .dl-link .fa {
    padding-top: .4rem;
    font-size: 2.5rem
}

.download-list.dl-list-compact .dl-show-file .dl-info {
    min-width: 7rem
}

.download-list.dl-list-compact .dl-show-file .dl-date,
.download-list.dl-list-compact .dl-show-file .dl-size {
    display: block;
    float: left;
    min-width: 0
}

@media (max-width:763.98px) {
    .download-list.dl-list-compact .dl-teaser-compact {
        flex-direction: column
    }
    .download-list.dl-list-compact .dl-link.dl-link-down {
        justify-content: flex-end;
        padding-top: 0
    }
    .download-list.dl-list-compact .dl-link.dl-link-down .fa {
        padding-top: 0;
        font-size: 1.8rem
    }
    .download-list.dl-list-compact .dl-link.dl-link-down .dl-date,
    .download-list.dl-list-compact .dl-link.dl-link-down .dl-size {
        min-width: 7rem
    }
    .download-list.dl-list-compact .dl-show-file .dl-link>span.dl-dl {
        display: block
    }
}

.list-pagination .btn-append {
    padding: 6px 20px;
    display: block;
    width: 100%
}

.list-pagination:empty {
    display: none
}

.list-content.list-aside .pagination>li:not(.disabled)>a:not(:hover),
.list-content.pagination-small .pagination>li:not(.disabled)>a:not(:hover),
aside .list-content .pagination>li:not(.disabled)>a:not(:hover) {
    background-color: #fff;
    border-color: #525252;
    color: #525252
}

.list-content.list-aside .pagination>li:not(.disabled).active>a:not(:hover),
.list-content.pagination-small .pagination>li:not(.disabled).active>a:not(:hover),
aside .list-content .pagination>li:not(.disabled).active>a:not(:hover) {
    background-color: #525252;
    border-color: #525252;
    color: #fff
}

@media (min-width:1014px) {
    .list-content.list-aside .pagination>li.previous,
    .list-content.pagination-small .pagination>li.previous,
    aside .list-content .pagination>li.previous {
        margin-right: .5rem
    }
    .list-content.list-aside .pagination>li.next,
    .list-content.pagination-small .pagination>li.next,
    aside .list-content .pagination>li.next {
        margin-left: .5rem
    }
    .list-content.list-aside .pagination>li.first.gap::after,
    .list-content.pagination-small .pagination>li.first.gap::after,
    aside .list-content .pagination>li.first.gap::after {
        margin: 0 .5rem
    }
    .list-content.list-aside .pagination>li>a,
    .list-content.pagination-small .pagination>li>a,
    aside .list-content .pagination>li>a {
        padding: .2rem .6rem;
        min-width: 2.8rem
    }
}

.list-content.list-aside .btn-append:not(:hover),
.list-content.pagination-small .btn-append:not(:hover),
aside .list-content .btn-append:not(:hover) {
    background-color: #525252;
    border-color: #525252;
    color: #fff
}

.pagination-center .list-dynamic.list-paginate .list-pagination {
    display: flex;
    justify-content: center
}

@media (min-width:1014px) {
    .pagination-center .list-dynamic:not(.list-paginate) .list-pagination {
        display: flex;
        justify-content: center
    }
    .pagination-center .list-dynamic:not(.list-paginate) .list-pagination .list-append-position {
        width: 50%
    }
}

@media (min-width:1200px) {
    .pagination-center .list-dynamic:not(.list-paginate) .list-pagination .list-append-position {
        width: 40%
    }
}

.pagination-right .list-dynamic.list-paginate .list-pagination {
    display: flex;
    justify-content: flex-end
}

.type-list-filter button {
    padding-left: 15px;
    padding-right: 2rem
}

.type-list-filter .filterbox {
    margin-bottom: 2rem;
    background-color: #fff
}

.type-list-filter .filterbox:last-of-type {
    margin-bottom: 0
}

.type-list-filter .filterbox .dialog {
    display: none
}

.type-list-filter .filterbox.search {
    padding: 0
}

.type-list-filter .filterbox.search .styled-form {
    border-radius: 4px
}

.type-list-filter .filterbox.search .styled-form .input {
    margin: 0
}

.type-list-filter .filterbox.search .styled-form .input input {
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}

.type-list-filter .filterbox.search .icon-prepend,
.type-list-filter .filterbox.search input {
    border-color: #525252
}

.type-list-filter .filterbox .btn.li-label {
    display: block;
    position: relative;
    text-align: left;
    border-radius: 4px
}

.type-list-filter .filterbox .btn.li-label::before {
    font-family: FontAwesome;
    font-weight: 400;
    padding-right: 6px
}

.type-list-filter .filterbox .btn.li-label::after,
.type-list-filter .filterbox .nav-side li>a+a::after {
    position: absolute;
    display: inline-block;
    font-family: FontAwesome;
    right: 0;
    width: 40px;
    content: "\f078";
    font-weight: 400;
    text-align: center;
    transform: rotate(-180deg);
    transition: transform .33s
}

.type-list-filter .filterbox .btn.li-label.collapsed::after,
.type-list-filter .filterbox .nav-side li>a+a.collapsed::after {
    transform: rotate(0)
}

.type-list-filter .filterbox .nav-side li>a+a::after {
    content: "\f107"
}

.type-list-filter .filterbox.archive>div,
.type-list-filter .filterbox.categories>div {
    border: 1px solid #525252;
    border-top: none;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}

.type-list-filter .filterbox.archive>button.btn.li-label:not(.collapsed),
.type-list-filter .filterbox.categories>button.btn.li-label:not(.collapsed) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.type-list-filter .filterbox.categories>div {
    padding: 15px
}

.type-list-filter .filterbox.categories .btn.li-label:before {
    content: "\f02c"
}

.type-list-filter .filterbox.categories ul {
    margin: 0;
    padding: 0;
    list-style: outside none none
}

.type-list-filter .filterbox.categories ul li {
    margin-top: 2px
}

.type-list-filter .filterbox.categories ul li a {
    cursor: pointer
}

.type-list-filter .filterbox.categories ul li.active a {
    font-weight: 600
}

.type-list-filter .filterbox.categories ul li .li-entry {
    display: inline-block;
    line-height: 1;
    font-size: 1.3rem;
    color: #525252;
    padding: .5rem;
    border-radius: .5rem;
    background-color: #f7f7f7
}

.type-list-filter .filterbox.categories ul li .li-entry::before {
    font-family: FontAwesome;
    content: "\f02b";
    padding-right: .5rem
}

.type-list-filter .filterbox.categories ul li .li-entry:hover {
    background-color: #525252;
    transition: background-color .33s
}

.type-list-filter .filterbox.categories ul li .li-count::before {
    padding-left: 4px;
    content: "("
}

.type-list-filter .filterbox.categories ul li .li-count::after {
    content: ")"
}

.type-list-filter .filterbox.folders {
    padding: 0
}

.type-list-filter .filterbox.folders .btn.li-label:before {
    content: "\f115"
}

.type-list-filter .filterbox.folders .nav-side {
    border-top: none;
    margin-left: 0;
    margin-right: 0
}

.type-list-filter .filterbox.folders .nav-side li>a {
    padding-right: 40px
}

.type-list-filter .filterbox.folders .nav-side li>a+a {
    padding-left: 0;
    padding-right: 0
}

.type-list-filter .filterbox.archive .btn.li-label:before {
    content: "\f133"
}

.type-list-filter .filterbox.archive button.year {
    color: #525252;
    background-color: #f7f7f7;
    padding-left: calc(15px - 1px)
}

.type-list-filter .filterbox.archive button.year:hover {
    background-color: #525252
}

.type-list-filter .filterbox.archive button.year::before {
    content: "\f133"
}

.type-list-filter .filterbox.archive button.year::after {
    width: calc(40px - 2px)
}

.type-list-filter .filterbox.archive ul {
    list-style: outside none none;
    margin: 0;
    padding: 0
}

.type-list-filter .filterbox.archive ul.collapsing,
.type-list-filter .filterbox.archive ul.show {
    display: flex;
    flex-wrap: wrap
}

.type-list-filter .filterbox.archive ul li {
    display: inline-block;
    padding: 1rem 0;
    width: 16.666666%;
    font-size: 1.2rem;
    text-align: center;
    cursor: pointer
}

.type-list-filter .filterbox.archive ul li a {
    color: #525252
}

.type-list-filter .filterbox.archive ul li a:hover {
    text-decoration: none
}

.type-list-filter .filterbox.archive ul li.active a {
    font-weight: 600
}

.type-list-filter .filterbox.archive ul li .li-entry {
    position: relative
}

.type-list-filter .filterbox.archive ul li .li-count {
    display: none;
    position: absolute;
    left: calc(100% - 2px);
    top: -7px;
    z-index: 10;
    font-size: 10px
}

.type-list-filter .filterbox.archive ul li .li-count:before {
    content: "("
}

.type-list-filter .filterbox.archive ul li .li-count:after {
    content: ")"
}

.type-list-filter .filterbox.archive ul li:hover {
    background-color: #f7f7f7;
    transition: background-color .33s
}

.type-list-filter .filterbox.archive ul li:hover .li-count {
    display: block
}

.type-list-sortoptions .dropdown-toggle {
    padding: 6px 24px 6px 12px
}

.type-list-sortoptions .dropdown-toggle::after {
    position: absolute;
    display: inline-block;
    font-family: FontAwesome;
    font-weight: 400;
    content: "\f078";
    right: 6px;
    transition: .33s;
    margin: 0;
    border: none;
    width: auto;
    height: auto
}

.type-list-sortoptions .btn-group {
    display: flex;
    justify-content: flex-end
}

.type-list-sortoptions .btn-group .list-option.show .dropdown-toggle::after {
    transform: rotate(-180deg) translate(0, 0)
}

.type-list-sortoptions .dropdown-menu {
    padding: 0;
    border-radius: 0;
    font-size: 1.6rem;
    color: #525252;
    min-width: 16rem;
    font-weight: 300;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .3)
}

.type-list-sortoptions .dropdown-menu.show {
    -webkit-animation-name: fadeTopMenu;
    animation-name: fadeTopMenu;
    -webkit-animation-duration: .33s;
    animation-duration: .33s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    transform-origin: top
}

.type-list-sortoptions .dropdown-menu>li>a {
    padding: .5rem 2rem;
    color: #525252;
    text-decoration: none;
    clear: both;
    display: block;
    white-space: nowrap;
    line-height: 1.4
}

.type-list-sortoptions .dropdown-menu>li>a:hover {
    background-color: #525252
}

.type-list-sortoptions .dropdown-menu>.active>a,
.type-list-sortoptions .dropdown-menu>.active>a:focus,
.type-list-sortoptions .dropdown-menu>.active>a:hover {
    color: #fff;
    background-color: #2f5497
}

.type-list-sortoptions .dropdown-menu .divider {
    margin: .5rem 0
}

.type-list-sortoptions .list-option {
    position: relative;
    margin-bottom: 2rem;
    margin-left: 1rem
}

.type-list-sortoptions .list-option.btn.placeholder {
    background-color: transparent
}

.type-list-sortoptions .list-option.btn.placeholder::after,
.type-list-sortoptions .list-option.btn.placeholder::before {
    content: "";
    background-color: transparent
}

.type-list-sortoptions .list-option span {
    margin-right: .5rem
}

@media (max-width:763.98px) {
    .type-list-sortoptions .dropdown-menu,
    .type-list-sortoptions .dropdown-toggle {
        width: 100%
    }
    .type-list-sortoptions .list-option {
        flex: 0 0 100%;
        margin-left: 0
    }
}

.box {
    background-color: #f7f7f7;
    color: #525252;
    overflow: hidden;
    padding: 20px;
    border-radius: 4px
}

.box.oc-drag-element {
    overflow: visible
}

.box h1,
.box h2,
.box h3,
.box h4,
.box h5,
.box h6 {
    color: #525252
}

.box-grey-darker {
    background-color: #5a6069;
    color: #fff
}

.box-grey-darker a:not(.btn):not(.uncolored) {
    color: #ccc
}

.box-grey-darker a:not(.btn):not(.uncolored):focus,
.box-grey-darker a:not(.btn):not(.uncolored):hover {
    color: #fff
}

.box-grey-darker h1,
.box-grey-darker h2,
.box-grey-darker h3,
.box-grey-darker h4,
.box-grey-darker h5,
.box-grey-darker h6 {
    color: #fff
}

.box-grey-darker .intro-headline>.intro,
.box-grey-darker .sub-header,
.box-grey-darker .teaser-date,
.box-grey-darker .text>a {
    color: #fff !important
}

.box-grey-darker.transparent {
    background-color: rgba(90, 96, 105, .7);
    background-image: none
}

.bc-grey-darker {
    background-color: #5a6069
}

.bc-grey-darker.transparent {
    background-color: rgba(90, 96, 105, .7);
    background-image: none
}

.box-grey-dark {
    background-color: #7f8691;
    color: #fff
}

.box-grey-dark a:not(.btn):not(.uncolored) {
    color: #ccc
}

.box-grey-dark a:not(.btn):not(.uncolored):focus,
.box-grey-dark a:not(.btn):not(.uncolored):hover {
    color: #fff
}

.box-grey-dark h1,
.box-grey-dark h2,
.box-grey-dark h3,
.box-grey-dark h4,
.box-grey-dark h5,
.box-grey-dark h6 {
    color: #fff
}

.box-grey-dark .intro-headline>.intro,
.box-grey-dark .sub-header,
.box-grey-dark .teaser-date,
.box-grey-dark .text>a {
    color: #fff !important
}

.box-grey-dark.transparent {
    background-color: rgba(127, 134, 145, .7);
    background-image: none
}

.bc-grey-dark {
    background-color: #7f8691
}

.bc-grey-dark.transparent {
    background-color: rgba(127, 134, 145, .7);
    background-image: none
}

.box-grey {
    background-color: #a8adb4;
    color: #fff
}

.box-grey a:not(.btn):not(.uncolored) {
    color: #ccc
}

.box-grey a:not(.btn):not(.uncolored):focus,
.box-grey a:not(.btn):not(.uncolored):hover {
    color: #fff
}

.box-grey h1,
.box-grey h2,
.box-grey h3,
.box-grey h4,
.box-grey h5,
.box-grey h6 {
    color: #fff
}

.box-grey .intro-headline>.intro,
.box-grey .sub-header,
.box-grey .teaser-date,
.box-grey .text>a {
    color: #fff !important
}

.box-grey.transparent {
    background-color: rgba(168, 173, 180, .7);
    background-image: none
}

.bc-grey {
    background-color: #a8adb4
}

.bc-grey.transparent {
    background-color: rgba(168, 173, 180, .7);
    background-image: none
}

.box-grey-light {
    background-color: #525252;
    color: #fff
}

.box-grey-light a:not(.btn):not(.uncolored) {
    color: #ccc
}

.box-grey-light a:not(.btn):not(.uncolored):focus,
.box-grey-light a:not(.btn):not(.uncolored):hover {
    color: #fff
}

.box-grey-light h1,
.box-grey-light h2,
.box-grey-light h3,
.box-grey-light h4,
.box-grey-light h5,
.box-grey-light h6 {
    color: #fff
}

.box-grey-light .intro-headline>.intro,
.box-grey-light .sub-header,
.box-grey-light .teaser-date,
.box-grey-light .text>a {
    color: #fff !important
}

.box-grey-light.transparent {
    background-color: rgba(82, 82, 82, .7);
    background-image: none
}

.bc-grey-light {
    background-color: #525252
}

.bc-grey-light.transparent {
    background-color: rgba(82, 82, 82, .7);
    background-image: none
}

.box-grey-lighter {
    background-color: #f7f7f7;
    color: #525252
}

.box-grey-lighter a:not(.btn):not(.uncolored) {
    color: #2f5497
}

.box-grey-lighter a:not(.btn):not(.uncolored):focus,
.box-grey-lighter a:not(.btn):not(.uncolored):hover {
    color: #525252
}

.box-grey-lighter h1,
.box-grey-lighter h2,
.box-grey-lighter h3,
.box-grey-lighter h4,
.box-grey-lighter h5,
.box-grey-lighter h6 {
    color: #525252
}

.box-grey-lighter .intro-headline>.intro,
.box-grey-lighter .sub-header,
.box-grey-lighter .teaser-date,
.box-grey-lighter .text>a {
    color: #525252 !important
}

.box-grey-lighter.transparent {
    background-color: rgba(247, 247, 247, .7);
    background-image: none
}

.bc-grey-lighter {
    background-color: #f7f7f7
}

.bc-grey-lighter.transparent {
    background-color: rgba(247, 247, 247, .7);
    background-image: none
}

.box-violet {
    background-color: #642f5b;
    color: #fff
}

.box-violet a:not(.btn):not(.uncolored) {
    color: #ccc
}

.box-violet a:not(.btn):not(.uncolored):focus,
.box-violet a:not(.btn):not(.uncolored):hover {
    color: #fff
}

.box-violet h1,
.box-violet h2,
.box-violet h3,
.box-violet h4,
.box-violet h5,
.box-violet h6 {
    color: #fff
}

.box-violet .intro-headline>.intro,
.box-violet .sub-header,
.box-violet .teaser-date,
.box-violet .text>a {
    color: #fff !important
}

.box-violet.transparent {
    background-color: rgba(100, 47, 91, .7);
    background-image: none
}

.bc-violet {
    background-color: #642f5b
}

.bc-violet.transparent {
    background-color: rgba(100, 47, 91, .7);
    background-image: none
}

.box-green {
    background-color: #00af33;
    color: #fff
}

.box-green a:not(.btn):not(.uncolored) {
    color: #ccc
}

.box-green a:not(.btn):not(.uncolored):focus,
.box-green a:not(.btn):not(.uncolored):hover {
    color: #fff
}

.box-green h1,
.box-green h2,
.box-green h3,
.box-green h4,
.box-green h5,
.box-green h6 {
    color: #fff
}

.box-green .intro-headline>.intro,
.box-green .sub-header,
.box-green .teaser-date,
.box-green .text>a {
    color: #fff !important
}

.box-green.transparent {
    background-color: rgba(0, 175, 51, .7);
    background-image: none
}

.bc-green {
    background-color: #00af33
}

.bc-green.transparent {
    background-color: rgba(0, 175, 51, .7);
    background-image: none
}

.box-yellow {
    background-color: #ffd900;
    color: #fff
}

.box-yellow a:not(.btn):not(.uncolored) {
    color: #2f5497
}

.box-yellow a:not(.btn):not(.uncolored):focus,
.box-yellow a:not(.btn):not(.uncolored):hover {
    color: #525252
}

.box-yellow h1,
.box-yellow h2,
.box-yellow h3,
.box-yellow h4,
.box-yellow h5,
.box-yellow h6 {
    color: #fff
}

.box-yellow .intro-headline>.intro,
.box-yellow .sub-header,
.box-yellow .teaser-date,
.box-yellow .text>a {
    color: #fff !important
}

.box-yellow.transparent {
    background-color: rgba(255, 217, 0, .7);
    background-image: none
}

.bc-yellow {
    background-color: #ffd900
}

.bc-yellow.transparent {
    background-color: rgba(255, 217, 0, .7);
    background-image: none
}

.box-cyan {
    background-color: #1bb39a;
    color: #fff
}

.box-cyan a:not(.btn):not(.uncolored) {
    color: #ccc
}

.box-cyan a:not(.btn):not(.uncolored):focus,
.box-cyan a:not(.btn):not(.uncolored):hover {
    color: #fff
}

.box-cyan h1,
.box-cyan h2,
.box-cyan h3,
.box-cyan h4,
.box-cyan h5,
.box-cyan h6 {
    color: #fff
}

.box-cyan .intro-headline>.intro,
.box-cyan .sub-header,
.box-cyan .teaser-date,
.box-cyan .text>a {
    color: #fff !important
}

.box-cyan.transparent {
    background-color: rgba(27, 179, 154, .7);
    background-image: none
}

.bc-cyan {
    background-color: #1bb39a
}

.bc-cyan.transparent {
    background-color: rgba(27, 179, 154, .7);
    background-image: none
}

.box-blue-dark {
    background-color: #0d2c56;
    color: #fff
}

.box-blue-dark a:not(.btn):not(.uncolored) {
    color: #2f5497
}

.box-blue-dark a:not(.btn):not(.uncolored):focus,
.box-blue-dark a:not(.btn):not(.uncolored):hover {
    color: #fff
}

.box-blue-dark h1,
.box-blue-dark h2,
.box-blue-dark h3,
.box-blue-dark h4,
.box-blue-dark h5,
.box-blue-dark h6 {
    color: #fff
}

.box-blue-dark .intro-headline>.intro,
.box-blue-dark .sub-header,
.box-blue-dark .teaser-date,
.box-blue-dark .text>a {
    color: #fff !important
}

.box-blue-dark.transparent {
    background-color: rgba(13, 44, 86, .7);
    background-image: none
}

.bc-blue-dark {
    background-color: #0d2c56
}

.bc-blue-dark.transparent {
    background-color: rgba(13, 44, 86, .7);
    background-image: none
}

.box-blue {
    background-color: #144382;
    color: #fff
}

.box-blue a:not(.btn):not(.uncolored) {
    color: #ccc
}

.box-blue a:not(.btn):not(.uncolored):focus,
.box-blue a:not(.btn):not(.uncolored):hover {
    color: #fff
}

.box-blue h1,
.box-blue h2,
.box-blue h3,
.box-blue h4,
.box-blue h5,
.box-blue h6 {
    color: #fff
}

.box-blue .intro-headline>.intro,
.box-blue .sub-header,
.box-blue .teaser-date,
.box-blue .text>a {
    color: #fff !important
}

.box-blue.transparent {
    background-color: rgba(20, 67, 130, .7);
    background-image: none
}

.bc-blue {
    background-color: #144382
}

.bc-blue.transparent {
    background-color: rgba(20, 67, 130, .7);
    background-image: none
}

.box-blue-light {
    background-color: #2197db;
    color: #fff
}

.box-blue-light a:not(.btn):not(.uncolored) {
    color: #ccc
}

.box-blue-light a:not(.btn):not(.uncolored):focus,
.box-blue-light a:not(.btn):not(.uncolored):hover {
    color: #fff
}

.box-blue-light h1,
.box-blue-light h2,
.box-blue-light h3,
.box-blue-light h4,
.box-blue-light h5,
.box-blue-light h6 {
    color: #fff
}

.box-blue-light .intro-headline>.intro,
.box-blue-light .sub-header,
.box-blue-light .teaser-date,
.box-blue-light .text>a {
    color: #fff !important
}

.box-blue-light.transparent {
    background-color: rgba(33, 151, 219, .7);
    background-image: none
}

.bc-blue-light {
    background-color: #2197db
}

.bc-blue-light.transparent {
    background-color: rgba(33, 151, 219, .7);
    background-image: none
}

.box-orange-dark {
    background-color: #d9622d;
    color: #fff
}

.box-orange-dark a:not(.btn):not(.uncolored) {
    color: #ccc
}

.box-orange-dark a:not(.btn):not(.uncolored):focus,
.box-orange-dark a:not(.btn):not(.uncolored):hover {
    color: #fff
}

.box-orange-dark h1,
.box-orange-dark h2,
.box-orange-dark h3,
.box-orange-dark h4,
.box-orange-dark h5,
.box-orange-dark h6 {
    color: #fff
}

.box-orange-dark .intro-headline>.intro,
.box-orange-dark .sub-header,
.box-orange-dark .teaser-date,
.box-orange-dark .text>a {
    color: #fff !important
}

.box-orange-dark.transparent {
    background-color: rgba(217, 98, 45, .7);
    background-image: none
}

.bc-orange-dark {
    background-color: #d9622d
}

.bc-orange-dark.transparent {
    background-color: rgba(217, 98, 45, .7);
    background-image: none
}

.box-orange {
    background-color: #ffa826;
    color: #fff
}

.box-orange a:not(.btn):not(.uncolored) {
    color: #ccc
}

.box-orange a:not(.btn):not(.uncolored):focus,
.box-orange a:not(.btn):not(.uncolored):hover {
    color: #fff
}

.box-orange h1,
.box-orange h2,
.box-orange h3,
.box-orange h4,
.box-orange h5,
.box-orange h6 {
    color: #fff
}

.box-orange .intro-headline>.intro,
.box-orange .sub-header,
.box-orange .teaser-date,
.box-orange .text>a {
    color: #fff !important
}

.box-orange.transparent {
    background-color: rgba(255, 168, 38, .7);
    background-image: none
}

.bc-orange {
    background-color: #ffa826
}

.bc-orange.transparent {
    background-color: rgba(255, 168, 38, .7);
    background-image: none
}

.box-red-dark {
    background-color: #8b1528;
    color: #fff
}

.box-red-dark a:not(.btn):not(.uncolored) {
    color: #ccc
}

.box-red-dark a:not(.btn):not(.uncolored):focus,
.box-red-dark a:not(.btn):not(.uncolored):hover {
    color: #fff
}

.box-red-dark h1,
.box-red-dark h2,
.box-red-dark h3,
.box-red-dark h4,
.box-red-dark h5,
.box-red-dark h6 {
    color: #fff
}

.box-red-dark .intro-headline>.intro,
.box-red-dark .sub-header,
.box-red-dark .teaser-date,
.box-red-dark .text>a {
    color: #fff !important
}

.box-red-dark.transparent {
    background-color: rgba(139, 21, 40, .7);
    background-image: none
}

.bc-red-dark {
    background-color: #8b1528
}

.bc-red-dark.transparent {
    background-color: rgba(139, 21, 40, .7);
    background-image: none
}

.box-red {
    background-color: #b31b34;
    color: #fff
}

.box-red a:not(.btn):not(.uncolored) {
    color: #ccc
}

.box-red a:not(.btn):not(.uncolored):focus,
.box-red a:not(.btn):not(.uncolored):hover {
    color: #fff
}

.box-red h1,
.box-red h2,
.box-red h3,
.box-red h4,
.box-red h5,
.box-red h6 {
    color: #fff
}

.box-red .intro-headline>.intro,
.box-red .sub-header,
.box-red .teaser-date,
.box-red .text>a {
    color: #fff !important
}

.box-red.transparent {
    background-color: rgba(179, 27, 52, .7);
    background-image: none
}

.bc-red {
    background-color: #b31b34
}

.bc-red.transparent {
    background-color: rgba(179, 27, 52, .7);
    background-image: none
}

.box-white {
    background-color: #fff;
    color: #525252
}

.box-white a:not(.btn):not(.uncolored) {
    color: #2f5497
}

.box-white a:not(.btn):not(.uncolored):focus,
.box-white a:not(.btn):not(.uncolored):hover {
    color: #525252
}

.box-white h1,
.box-white h2,
.box-white h3,
.box-white h4,
.box-white h5,
.box-white h6 {
    color: #525252
}

.box-white .intro-headline>.intro,
.box-white .sub-header,
.box-white .teaser-date,
.box-white .text>a {
    color: #525252 !important
}

.box-white.transparent {
    background-color: rgba(255, 255, 255, .7);
    background-image: none
}

.bc-white {
    background-color: #fff
}

.bc-white.transparent {
    background-color: rgba(255, 255, 255, .7);
    background-image: none
}

.box-default {
    background-color: #2f5497;
    color: #fff
}

.box-default a:not(.btn):not(.uncolored) {
    color: #ccc
}

.box-default a:not(.btn):not(.uncolored):focus,
.box-default a:not(.btn):not(.uncolored):hover {
    color: #fff
}

.box-default h1,
.box-default h2,
.box-default h3,
.box-default h4,
.box-default h5,
.box-default h6 {
    color: #fff
}

.box-default .intro-headline>.intro,
.box-default .sub-header,
.box-default .teaser-date,
.box-default .text>a {
    color: #fff !important
}

.box-default.transparent {
    background-color: rgba(231, 42, 96, .7);
    background-image: none
}

.bc-default {
    background-color: #2f5497
}

.bc-default.transparent {
    background-color: rgba(231, 42, 96, .7);
    background-image: none
}

.text-black {
    color: #000
}

.text-black :not(a):not(span) {
    color: #000
}

.text-grey {
    color: #a8adb4
}

.text-grey :not(a):not(span) {
    color: #a8adb4
}

.text-white {
    color: #fff
}

.text-white :not(a):not(span) {
    color: #fff
}

.text-light {
    color: #fff
}

.text-light :not(a):not(span) {
    color: #fff
}

.text-dark,
.text-default {
    color: #525252
}

.text-dark :not(a):not(span),
.text-default :not(a):not(span) {
    color: #525252
}

.text-theme {
    color: #2f5497
}

.text-theme :not(a):not(span) {
    color: #2f5497
}

.links-black a:not(.btn):not(.uncolored) {
    color: #000
}

.links-black a:not(.btn):not(.uncolored):focus,
.links-black a:not(.btn):not(.uncolored):hover {
    color: #5a6069
}

.links-grey a:not(.btn):not(.uncolored) {
    color: #a8adb4
}

.links-grey a:not(.btn):not(.uncolored):focus,
.links-grey a:not(.btn):not(.uncolored):hover {
    color: #525252
}

.links-white a:not(.btn):not(.uncolored) {
    color: #fff
}

.links-white a:not(.btn):not(.uncolored):focus,
.links-white a:not(.btn):not(.uncolored):hover {
    color: #f7f7f7
}

.links-light a:not(.btn):not(.uncolored) {
    color: #fff
}

.links-light a:not(.btn):not(.uncolored):focus,
.links-light a:not(.btn):not(.uncolored):hover {
    color: #f7f7f7
}

.links-dark a:not(.btn):not(.uncolored) {
    color: #525252
}

.links-dark a:not(.btn):not(.uncolored):focus,
.links-dark a:not(.btn):not(.uncolored):hover {
    color: #a8adb4
}

.links-default a:not(.btn):not(.uncolored),
.links-theme a:not(.btn):not(.uncolored) {
    color: #2f5497
}

.links-default a:not(.btn):not(.uncolored):focus,
.links-default a:not(.btn):not(.uncolored):hover,
.links-theme a:not(.btn):not(.uncolored):focus,
.links-theme a:not(.btn):not(.uncolored):hover {
    color: #525252
}

.fs-6 {
    font-size: 6px
}

.fs-7 {
    font-size: 7px
}

.fs-8 {
    font-size: 8px
}

.fs-9 {
    font-size: 9px
}

.fs-10 {
    font-size: 10px
}

.fs-11 {
    font-size: 11px
}

.fs-12 {
    font-size: 12px
}

.fs-13 {
    font-size: 13px
}

.fs-14 {
    font-size: 14px
}

.fs-15 {
    font-size: 15px
}

.fs-16 {
    font-size: 16px
}

.fs-18 {
    font-size: 18px
}

.fs-20 {
    font-size: 20px
}

.fs-22 {
    font-size: 22px
}

.fs-24 {
    font-size: 24px
}

.fs-26 {
    font-size: 26px
}

.fs-28 {
    font-size: 28px
}

.fs-30 {
    font-size: 30px
}

.fs-36 {
    font-size: 36px
}

.fs-48 {
    font-size: 48px
}

.fs-72 {
    font-size: 72px
}

.bo-1 {
    border: 1px solid #2f5497;
    padding: calc(20px - 1px);
    border-radius: 4px
}

.bo-2 {
    border: 2px solid #2f5497;
    padding: calc(20px - 2px);
    border-radius: 4px
}

.bo-radius-0 {
    border: 0 solid;
    border-radius: 0
}

.bo-radius-2 {
    border: 0 solid;
    border-radius: 2px
}

.bo-radius-4 {
    border: 0 solid;
    border-radius: 4px
}

.bo-radius-5 {
    border: 0 solid;
    border-radius: 5px
}

.bo-radius-10 {
    border: 0 solid;
    border-radius: 10px
}

.bo-radius-15 {
    border: 0 solid;
    border-radius: 15px
}

.bo-radius-20 {
    border: 0 solid;
    border-radius: 20px
}

.bo-radius-30 {
    border: 0 solid;
    border-radius: 30px
}

.bo-radius-25p {
    border: 0 solid;
    border-radius: 25%
}

.bo-radius-50p {
    border: 0 solid;
    border-radius: 50%
}

.bo-grey-darker {
    border-color: #5a6069
}

.bo-grey-dark {
    border-color: #7f8691
}

.bo-grey {
    border-color: #a8adb4
}

.bo-grey-light {
    border-color: #525252
}

.bo-grey-lighter {
    border-color: #f7f7f7
}

.bo-violet {
    border-color: #642f5b
}

.bo-green {
    border-color: #00af33
}

.bo-yellow {
    border-color: #ffd900
}

.bo-cyan {
    border-color: #1bb39a
}

.bo-blue-dark {
    border-color: #0d2c56
}

.bo-blue {
    border-color: #144382
}

.bo-blue-light {
    border-color: #2197db
}

.bo-orange-dark {
    border-color: #d9622d
}

.bo-orange {
    border-color: #ffa826
}

.bo-red-dark {
    border-color: #8b1528
}

.bo-red {
    border-color: #b31b34
}

.bo-white {
    border-color: #fff
}

.bo-default {
    border-color: #2f5497
}

.bo-solid {
    border-style: solid
}

.bo-dotted {
    border-style: dotted
}

.bo-dashed {
    border-style: dashed
}

.bo-hidden {
    border-style: hidden
}

.bo-none {
    border: none
}

.bo-bottom-1 {
    border-bottom: 1px solid #2f5497;
    padding: 20px
}

.bo-bottom-2 {
    border-bottom: 2px solid #2f5497;
    padding: 20px
}

.bo-bottom-grey-darker {
    border-bottom-color: #5a6069
}

.bo-bottom-grey-dark {
    border-bottom-color: #7f8691
}

.bo-bottom-grey {
    border-bottom-color: #a8adb4
}

.bo-bottom-grey-light {
    border-bottom-color: #525252
}

.bo-bottom-grey-lighter {
    border-bottom-color: #f7f7f7
}

.bo-bottom-violet {
    border-bottom-color: #642f5b
}

.bo-bottom-green {
    border-bottom-color: #00af33
}

.bo-bottom-yellow {
    border-bottom-color: #ffd900
}

.bo-bottom-cyan {
    border-bottom-color: #1bb39a
}

.bo-bottom-blue-dark {
    border-bottom-color: #0d2c56
}

.bo-bottom-blue {
    border-bottom-color: #144382
}

.bo-bottom-blue-light {
    border-bottom-color: #2197db
}

.bo-bottom-orange-dark {
    border-bottom-color: #d9622d
}

.bo-bottom-orange {
    border-bottom-color: #ffa826
}

.bo-bottom-red-dark {
    border-bottom-color: #8b1528
}

.bo-bottom-red {
    border-bottom-color: #b31b34
}

.bo-bottom-white {
    border-bottom-color: #fff
}

.bo-bottom-default {
    border-bottom-color: #2f5497
}

.bo-bottom-solid {
    border-bottom-style: solid
}

.bo-bottom-dotted {
    border-bottom-style: dotted
}

.bo-bottom-dashed {
    border-bottom-style: dashed
}

.bo-bottom-hidden {
    border-bottom-style: hidden
}

.bo-top-1 {
    border-top: 1px solid #2f5497;
    padding: 20px
}

.bo-top-2 {
    border-top: 2px solid #2f5497;
    padding: 20px
}

.bo-top-grey-darker {
    border-top-color: #5a6069
}

.bo-top-grey-dark {
    border-top-color: #7f8691
}

.bo-top-grey {
    border-top-color: #a8adb4
}

.bo-top-grey-light {
    border-top-color: #525252
}

.bo-top-grey-lighter {
    border-top-color: #f7f7f7
}

.bo-top-violet {
    border-top-color: #642f5b
}

.bo-top-green {
    border-top-color: #00af33
}

.bo-top-yellow {
    border-top-color: #ffd900
}

.bo-top-cyan {
    border-top-color: #1bb39a
}

.bo-top-blue-dark {
    border-top-color: #0d2c56
}

.bo-top-blue {
    border-top-color: #144382
}

.bo-top-blue-light {
    border-top-color: #2197db
}

.bo-top-orange-dark {
    border-top-color: #d9622d
}

.bo-top-orange {
    border-top-color: #ffa826
}

.bo-top-red-dark {
    border-top-color: #8b1528
}

.bo-top-red {
    border-top-color: #b31b34
}

.bo-top-white {
    border-top-color: #fff
}

.bo-top-default {
    border-top-color: #2f5497
}

.bo-top-solid {
    border-top-style: solid
}

.bo-top-dotted {
    border-top-style: dotted
}

.bo-top-dashed {
    border-top-style: dashed
}

.bo-top-hidden {
    border-top-style: hidden
}

.bo-left-1 {
    border-left: 1px solid #2f5497;
    padding: 20px
}

.bo-left-2 {
    border-left: 2px solid #2f5497;
    padding: 20px
}

.bo-left-grey-darker {
    border-left-color: #5a6069
}

.bo-left-grey-dark {
    border-left-color: #7f8691
}

.bo-left-grey {
    border-left-color: #a8adb4
}

.bo-left-grey-light {
    border-left-color: #525252
}

.bo-left-grey-lighter {
    border-left-color: #f7f7f7
}

.bo-left-violet {
    border-left-color: #642f5b
}

.bo-left-green {
    border-left-color: #00af33
}

.bo-left-yellow {
    border-left-color: #ffd900
}

.bo-left-cyan {
    border-left-color: #1bb39a
}

.bo-left-blue-dark {
    border-left-color: #0d2c56
}

.bo-left-blue {
    border-left-color: #144382
}

.bo-left-blue-light {
    border-left-color: #2197db
}

.bo-left-orange-dark {
    border-left-color: #d9622d
}

.bo-left-orange {
    border-left-color: #ffa826
}

.bo-left-red-dark {
    border-left-color: #8b1528
}

.bo-left-red {
    border-left-color: #b31b34
}

.bo-left-white {
    border-left-color: #fff
}

.bo-left-default {
    border-left-color: #2f5497
}

.bo-left-solid {
    border-left-style: solid
}

.bo-left-dotted {
    border-left-style: dotted
}

.bo-left-dashed {
    border-left-style: dashed
}

.bo-left-hidden {
    border-left-style: hidden
}

.bo-right-1 {
    border-right: 1px solid #2f5497;
    padding: 20px
}

.bo-right-2 {
    border-right: 2px solid #2f5497;
    padding: 20px
}

.bo-right-grey-darker {
    border-right-color: #5a6069
}

.bo-right-grey-dark {
    border-right-color: #7f8691
}

.bo-right-grey {
    border-right-color: #a8adb4
}

.bo-right-grey-light {
    border-right-color: #525252
}

.bo-right-grey-lighter {
    border-right-color: #f7f7f7
}

.bo-right-violet {
    border-right-color: #642f5b
}

.bo-right-green {
    border-right-color: #00af33
}

.bo-right-yellow {
    border-right-color: #ffd900
}

.bo-right-cyan {
    border-right-color: #1bb39a
}

.bo-right-blue-dark {
    border-right-color: #0d2c56
}

.bo-right-blue {
    border-right-color: #144382
}

.bo-right-blue-light {
    border-right-color: #2197db
}

.bo-right-orange-dark {
    border-right-color: #d9622d
}

.bo-right-orange {
    border-right-color: #ffa826
}

.bo-right-red-dark {
    border-right-color: #8b1528
}

.bo-right-red {
    border-right-color: #b31b34
}

.bo-right-white {
    border-right-color: #fff
}

.bo-right-default {
    border-right-color: #2f5497
}

.bo-right-solid {
    border-right-style: solid
}

.bo-right-dotted {
    border-right-style: dotted
}

.bo-right-dashed {
    border-right-style: dashed
}

.bo-right-hidden {
    border-right-style: hidden
}

.p-0 {
    padding: 0 !important
}

.ph-0,
.pl-0 {
    padding-left: 0 !important
}

.ph-0,
.pr-0 {
    padding-right: 0 !important
}

.pt-0,
.pv-0 {
    padding-top: 0 !important
}

.pb-0,
.pv-0 {
    padding-bottom: 0 !important
}

.m-0 {
    margin: 0 !important
}

.mh-0,
.ml-0 {
    margin-left: 0 !important
}

.mh-0,
.mr-0 {
    margin-right: 0 !important
}

.mt-0,
.mv-0 {
    margin-top: 0 !important
}

.mb-0,
.mv-0 {
    margin-bottom: 0 !important
}

.m-neg-0 {
    margin: 0 !important
}

.mh-neg-0,
.ml-neg-0 {
    margin-left: 0 !important
}

.mh-neg-0,
.mr-neg-0 {
    margin-right: 0 !important
}

.mt-neg-0,
.mv-neg-0 {
    margin-top: 0 !important
}

.mb-neg-0,
.mv-neg-0 {
    margin-bottom: 0 !important
}

.p-1 {
    padding: .1rem !important
}

.ph-1,
.pl-1 {
    padding-left: .1rem !important
}

.ph-1,
.pr-1 {
    padding-right: .1rem !important
}

.pt-1,
.pv-1 {
    padding-top: .1rem !important
}

.pb-1,
.pv-1 {
    padding-bottom: .1rem !important
}

.m-1 {
    margin: .1rem !important
}

.mh-1,
.ml-1 {
    margin-left: .1rem !important
}

.mh-1,
.mr-1 {
    margin-right: .1rem !important
}

.mt-1,
.mv-1 {
    margin-top: .1rem !important
}

.mb-1,
.mv-1 {
    margin-bottom: .1rem !important
}

.m-neg-1 {
    margin: -.1rem !important
}

.mh-neg-1,
.ml-neg-1 {
    margin-left: -.1rem !important
}

.mh-neg-1,
.mr-neg-1 {
    margin-right: -.1rem !important
}

.mt-neg-1,
.mv-neg-1 {
    margin-top: -.1rem !important
}

.mb-neg-1,
.mv-neg-1 {
    margin-bottom: -.1rem !important
}

.p-2 {
    padding: .2rem !important
}

.ph-2,
.pl-2 {
    padding-left: .2rem !important
}

.ph-2,
.pr-2 {
    padding-right: .2rem !important
}

.pt-2,
.pv-2 {
    padding-top: .2rem !important
}

.pb-2,
.pv-2 {
    padding-bottom: .2rem !important
}

.m-2 {
    margin: .2rem !important
}

.mh-2,
.ml-2 {
    margin-left: .2rem !important
}

.mh-2,
.mr-2 {
    margin-right: .2rem !important
}

.mt-2,
.mv-2 {
    margin-top: .2rem !important
}

.mb-2,
.mv-2 {
    margin-bottom: .2rem !important
}

.m-neg-2 {
    margin: -.2rem !important
}

.mh-neg-2,
.ml-neg-2 {
    margin-left: -.2rem !important
}

.mh-neg-2,
.mr-neg-2 {
    margin-right: -.2rem !important
}

.mt-neg-2,
.mv-neg-2 {
    margin-top: -.2rem !important
}

.mb-neg-2,
.mv-neg-2 {
    margin-bottom: -.2rem !important
}

.p-3 {
    padding: .3rem !important
}

.ph-3,
.pl-3 {
    padding-left: .3rem !important
}

.ph-3,
.pr-3 {
    padding-right: .3rem !important
}

.pt-3,
.pv-3 {
    padding-top: .3rem !important
}

.pb-3,
.pv-3 {
    padding-bottom: .3rem !important
}

.m-3 {
    margin: .3rem !important
}

.mh-3,
.ml-3 {
    margin-left: .3rem !important
}

.mh-3,
.mr-3 {
    margin-right: .3rem !important
}

.mt-3,
.mv-3 {
    margin-top: .3rem !important
}

.mb-3,
.mv-3 {
    margin-bottom: .3rem !important
}

.m-neg-3 {
    margin: -.3rem !important
}

.mh-neg-3,
.ml-neg-3 {
    margin-left: -.3rem !important
}

.mh-neg-3,
.mr-neg-3 {
    margin-right: -.3rem !important
}

.mt-neg-3,
.mv-neg-3 {
    margin-top: -.3rem !important
}

.mb-neg-3,
.mv-neg-3 {
    margin-bottom: -.3rem !important
}

.p-4 {
    padding: .4rem !important
}

.ph-4,
.pl-4 {
    padding-left: .4rem !important
}

.ph-4,
.pr-4 {
    padding-right: .4rem !important
}

.pt-4,
.pv-4 {
    padding-top: .4rem !important
}

.pb-4,
.pv-4 {
    padding-bottom: .4rem !important
}

.m-4 {
    margin: .4rem !important
}

.mh-4,
.ml-4 {
    margin-left: .4rem !important
}

.mh-4,
.mr-4 {
    margin-right: .4rem !important
}

.mt-4,
.mv-4 {
    margin-top: .4rem !important
}

.mb-4,
.mv-4 {
    margin-bottom: .4rem !important
}

.m-neg-4 {
    margin: -.4rem !important
}

.mh-neg-4,
.ml-neg-4 {
    margin-left: -.4rem !important
}

.mh-neg-4,
.mr-neg-4 {
    margin-right: -.4rem !important
}

.mt-neg-4,
.mv-neg-4 {
    margin-top: -.4rem !important
}

.mb-neg-4,
.mv-neg-4 {
    margin-bottom: -.4rem !important
}

.p-5 {
    padding: .5rem !important
}

.ph-5,
.pl-5 {
    padding-left: .5rem !important
}

.ph-5,
.pr-5 {
    padding-right: .5rem !important
}

.pt-5,
.pv-5 {
    padding-top: .5rem !important
}

.pb-5,
.pv-5 {
    padding-bottom: .5rem !important
}

.m-5 {
    margin: .5rem !important
}

.mh-5,
.ml-5 {
    margin-left: .5rem !important
}

.mh-5,
.mr-5 {
    margin-right: .5rem !important
}

.mt-5,
.mv-5 {
    margin-top: .5rem !important
}

.mb-5,
.mv-5 {
    margin-bottom: .5rem !important
}

.m-neg-5 {
    margin: -.5rem !important
}

.mh-neg-5,
.ml-neg-5 {
    margin-left: -.5rem !important
}

.mh-neg-5,
.mr-neg-5 {
    margin-right: -.5rem !important
}

.mt-neg-5,
.mv-neg-5 {
    margin-top: -.5rem !important
}

.mb-neg-5,
.mv-neg-5 {
    margin-bottom: -.5rem !important
}

.p-10 {
    padding: 1rem !important
}

.ph-10,
.pl-10 {
    padding-left: 1rem !important
}

.ph-10,
.pr-10 {
    padding-right: 1rem !important
}

.pt-10,
.pv-10 {
    padding-top: 1rem !important
}

.pb-10,
.pv-10 {
    padding-bottom: 1rem !important
}

.m-10 {
    margin: 1rem !important
}

.mh-10,
.ml-10 {
    margin-left: 1rem !important
}

.mh-10,
.mr-10 {
    margin-right: 1rem !important
}

.mt-10,
.mv-10 {
    margin-top: 1rem !important
}

.mb-10,
.mv-10 {
    margin-bottom: 1rem !important
}

.m-neg-10 {
    margin: -1rem !important
}

.mh-neg-10,
.ml-neg-10 {
    margin-left: -1rem !important
}

.mh-neg-10,
.mr-neg-10 {
    margin-right: -1rem !important
}

.mt-neg-10,
.mv-neg-10 {
    margin-top: -1rem !important
}

.mb-neg-10,
.mv-neg-10 {
    margin-bottom: -1rem !important
}

.p-15 {
    padding: 1.5rem !important
}

.ph-15,
.pl-15 {
    padding-left: 1.5rem !important
}

.ph-15,
.pr-15 {
    padding-right: 1.5rem !important
}

.pt-15,
.pv-15 {
    padding-top: 1.5rem !important
}

.pb-15,
.pv-15 {
    padding-bottom: 1.5rem !important
}

.m-15 {
    margin: 1.5rem !important
}

.mh-15,
.ml-15 {
    margin-left: 1.5rem !important
}

.mh-15,
.mr-15 {
    margin-right: 1.5rem !important
}

.mt-15,
.mv-15 {
    margin-top: 1.5rem !important
}

.mb-15,
.mv-15 {
    margin-bottom: 1.5rem !important
}

.m-neg-15 {
    margin: -1.5rem !important
}

.mh-neg-15,
.ml-neg-15 {
    margin-left: -1.5rem !important
}

.mh-neg-15,
.mr-neg-15 {
    margin-right: -1.5rem !important
}

.mt-neg-15,
.mv-neg-15 {
    margin-top: -1.5rem !important
}

.mb-neg-15,
.mv-neg-15 {
    margin-bottom: -1.5rem !important
}

.p-20 {
    padding: 2rem !important
}

.ph-20,
.pl-20 {
    padding-left: 2rem !important
}

.ph-20,
.pr-20 {
    padding-right: 2rem !important
}

.pt-20,
.pv-20 {
    padding-top: 2rem !important
}

.pb-20,
.pv-20 {
    padding-bottom: 2rem !important
}

.m-20 {
    margin: 2rem !important
}

.mh-20,
.ml-20 {
    margin-left: 2rem !important
}

.mh-20,
.mr-20 {
    margin-right: 2rem !important
}

.mt-20,
.mv-20 {
    margin-top: 2rem !important
}

.mb-20,
.mv-20 {
    margin-bottom: 2rem !important
}

.m-neg-20 {
    margin: -2rem !important
}

.mh-neg-20,
.ml-neg-20 {
    margin-left: -2rem !important
}

.mh-neg-20,
.mr-neg-20 {
    margin-right: -2rem !important
}

.mt-neg-20,
.mv-neg-20 {
    margin-top: -2rem !important
}

.mb-neg-20,
.mv-neg-20 {
    margin-bottom: -2rem !important
}

.p-25 {
    padding: 2.5rem !important
}

.ph-25,
.pl-25 {
    padding-left: 2.5rem !important
}

.ph-25,
.pr-25 {
    padding-right: 2.5rem !important
}

.pt-25,
.pv-25 {
    padding-top: 2.5rem !important
}

.pb-25,
.pv-25 {
    padding-bottom: 2.5rem !important
}

.m-25 {
    margin: 2.5rem !important
}

.mh-25,
.ml-25 {
    margin-left: 2.5rem !important
}

.mh-25,
.mr-25 {
    margin-right: 2.5rem !important
}

.mt-25,
.mv-25 {
    margin-top: 2.5rem !important
}

.mb-25,
.mv-25 {
    margin-bottom: 2.5rem !important
}

.m-neg-25 {
    margin: -2.5rem !important
}

.mh-neg-25,
.ml-neg-25 {
    margin-left: -2.5rem !important
}

.mh-neg-25,
.mr-neg-25 {
    margin-right: -2.5rem !important
}

.mt-neg-25,
.mv-neg-25 {
    margin-top: -2.5rem !important
}

.mb-neg-25,
.mv-neg-25 {
    margin-bottom: -2.5rem !important
}

.p-30 {
    padding: 3rem !important
}

.ph-30,
.pl-30 {
    padding-left: 3rem !important
}

.ph-30,
.pr-30 {
    padding-right: 3rem !important
}

.pt-30,
.pv-30 {
    padding-top: 3rem !important
}

.pb-30,
.pv-30 {
    padding-bottom: 3rem !important
}

.m-30 {
    margin: 3rem !important
}

.mh-30,
.ml-30 {
    margin-left: 3rem !important
}

.mh-30,
.mr-30 {
    margin-right: 3rem !important
}

.mt-30,
.mv-30 {
    margin-top: 3rem !important
}

.mb-30,
.mv-30 {
    margin-bottom: 3rem !important
}

.m-neg-30 {
    margin: -3rem !important
}

.mh-neg-30,
.ml-neg-30 {
    margin-left: -3rem !important
}

.mh-neg-30,
.mr-neg-30 {
    margin-right: -3rem !important
}

.mt-neg-30,
.mv-neg-30 {
    margin-top: -3rem !important
}

.mb-neg-30,
.mv-neg-30 {
    margin-bottom: -3rem !important
}

.p-40 {
    padding: 4rem !important
}

.ph-40,
.pl-40 {
    padding-left: 4rem !important
}

.ph-40,
.pr-40 {
    padding-right: 4rem !important
}

.pt-40,
.pv-40 {
    padding-top: 4rem !important
}

.pb-40,
.pv-40 {
    padding-bottom: 4rem !important
}

.m-40 {
    margin: 4rem !important
}

.mh-40,
.ml-40 {
    margin-left: 4rem !important
}

.mh-40,
.mr-40 {
    margin-right: 4rem !important
}

.mt-40,
.mv-40 {
    margin-top: 4rem !important
}

.mb-40,
.mv-40 {
    margin-bottom: 4rem !important
}

.m-neg-40 {
    margin: -4rem !important
}

.mh-neg-40,
.ml-neg-40 {
    margin-left: -4rem !important
}

.mh-neg-40,
.mr-neg-40 {
    margin-right: -4rem !important
}

.mt-neg-40,
.mv-neg-40 {
    margin-top: -4rem !important
}

.mb-neg-40,
.mv-neg-40 {
    margin-bottom: -4rem !important
}

.p-50 {
    padding: 5rem !important
}

.ph-50,
.pl-50 {
    padding-left: 5rem !important
}

.ph-50,
.pr-50 {
    padding-right: 5rem !important
}

.pt-50,
.pv-50 {
    padding-top: 5rem !important
}

.pb-50,
.pv-50 {
    padding-bottom: 5rem !important
}

.m-50 {
    margin: 5rem !important
}

.mh-50,
.ml-50 {
    margin-left: 5rem !important
}

.mh-50,
.mr-50 {
    margin-right: 5rem !important
}

.mt-50,
.mv-50 {
    margin-top: 5rem !important
}

.mb-50,
.mv-50 {
    margin-bottom: 5rem !important
}

.m-neg-50 {
    margin: -5rem !important
}

.mh-neg-50,
.ml-neg-50 {
    margin-left: -5rem !important
}

.mh-neg-50,
.mr-neg-50 {
    margin-right: -5rem !important
}

.mt-neg-50,
.mv-neg-50 {
    margin-top: -5rem !important
}

.mb-neg-50,
.mv-neg-50 {
    margin-bottom: -5rem !important
}

.p-75 {
    padding: 7.5rem !important
}

.ph-75,
.pl-75 {
    padding-left: 7.5rem !important
}

.ph-75,
.pr-75 {
    padding-right: 7.5rem !important
}

.pt-75,
.pv-75 {
    padding-top: 7.5rem !important
}

.pb-75,
.pv-75 {
    padding-bottom: 7.5rem !important
}

.m-75 {
    margin: 7.5rem !important
}

.mh-75,
.ml-75 {
    margin-left: 7.5rem !important
}

.mh-75,
.mr-75 {
    margin-right: 7.5rem !important
}

.mt-75,
.mv-75 {
    margin-top: 7.5rem !important
}

.mb-75,
.mv-75 {
    margin-bottom: 7.5rem !important
}

.m-neg-75 {
    margin: -7.5rem !important
}

.mh-neg-75,
.ml-neg-75 {
    margin-left: -7.5rem !important
}

.mh-neg-75,
.mr-neg-75 {
    margin-right: -7.5rem !important
}

.mt-neg-75,
.mv-neg-75 {
    margin-top: -7.5rem !important
}

.mb-neg-75,
.mv-neg-75 {
    margin-bottom: -7.5rem !important
}

.p-100 {
    padding: 10rem !important
}

.ph-100,
.pl-100 {
    padding-left: 10rem !important
}

.ph-100,
.pr-100 {
    padding-right: 10rem !important
}

.pt-100,
.pv-100 {
    padding-top: 10rem !important
}

.pb-100,
.pv-100 {
    padding-bottom: 10rem !important
}

.m-100 {
    margin: 10rem !important
}

.mh-100,
.ml-100 {
    margin-left: 10rem !important
}

.mh-100,
.mr-100 {
    margin-right: 10rem !important
}

.mt-100,
.mv-100 {
    margin-top: 10rem !important
}

.mb-100,
.mv-100 {
    margin-bottom: 10rem !important
}

.m-neg-100 {
    margin: -10rem !important
}

.mh-neg-100,
.ml-neg-100 {
    margin-left: -10rem !important
}

.mh-neg-100,
.mr-neg-100 {
    margin-right: -10rem !important
}

.mt-neg-100,
.mv-neg-100 {
    margin-top: -10rem !important
}

.mb-neg-100,
.mv-neg-100 {
    margin-bottom: -10rem !important
}

.align-right.piece.full {
    text-align: right
}

.align-right.ls-row>ul {
    display: inline-block;
    float: right
}

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

@media (min-width:552px) {
    .align-sm-right.piece.full {
        text-align: right
    }
    .align-sm-right.ls-row>ul {
        display: inline-block;
        float: right
    }
    .mb-0-sm {
        margin-bottom: 0 !important
    }
}

@media (min-width:764px) {
    .align-md-right.piece.full {
        text-align: right
    }
    .align-md-right.ls-row>ul {
        display: inline-block;
        float: right
    }
    .mb-0-md {
        margin-bottom: 0 !important
    }
}

@media (min-width:1014px) {
    .align-lg-right.piece.full {
        text-align: right
    }
    .align-lg-right.ls-row>ul {
        display: inline-block;
        float: right
    }
    .mb-0-lg {
        margin-bottom: 0 !important
    }
}

@media (min-width:1200px) {
    .align-xl-right.piece.full {
        text-align: right
    }
    .align-xl-right.ls-row>ul {
        display: inline-block;
        float: right
    }
    .mb-0-xl {
        margin-bottom: 0 !important
    }
}

html .opencms :focus,
html .opencms:focus {
    outline: 0;
    box-shadow: none
}

html.keyboard-nav .opencms :focus,
html.keyboard-nav .opencms:focus {
    outline-color: rgba(77, 144, 255, .5);
    outline-width: 3px;
    outline-style: solid;
    outline-offset: -2px;
    box-shadow: none
}

html.hasscript .hide-hasscript {
    display: none
}

#template-info {
    visibility: hidden
}

#template-info::before {
    display: none;
    content:'{"main-theme":"#2f5497", "main-theme-hover":"#525252", "sass-version":"mercury-uomwlxj", "map-color":["#2f5497","#525252","#ffa826","#1bb39a","#525252","#a8adb4","#f7f7f7","#7f8691","#fff","#000","#a8adb4"], "map-style":[{"featureType":"all","elementType":"all","stylers":[{"saturation":"-100"}]},{"featureType":"administrative","elementType":"labels.text.fill","stylers":[{"color":"#2f5497"}]},{"featureType":"landscape.natural","elementType":"all","stylers":[{"lightness":"75"},{"gamma":"1.00"}]},{"featureType":"poi","elementType":"geometry.fill","stylers":[{"color":"#d8ded8"},{"saturation":"-30"},{"lightness":"0"},{"gamma":"1"}]},{"featureType":"poi.business","elementType":"all","stylers":[{"visibility":"off"}]},{"featureType":"poi.park","elementType":"geometry.fill","stylers":[{"color":"#d8ded8"}]},{"featureType":"road","elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"road.highway","elementType":"geometry.fill","stylers":[{"color":"#fafafa"}]},{"featureType":"water","elementType":"geometry.fill","stylers":[{"color":"#a5b1be"}]}]}'
}

#template-grid-info::before {
    display: none;
    content: "xs"
}

@media (min-width:552px) {
    #template-grid-info::before {
        content: "sm"
    }
}

@media (min-width:764px) {
    #template-grid-info::before {
        content: "md"
    }
}

@media (min-width:1014px) {
    #template-grid-info::before {
        content: "lg"
    }
}

@media (min-width:1200px) {
    #template-grid-info::before {
        content: "xl"
    }
}

#template-grid-info::after {
    display: none;
    content:'{"xsMax":551.98px, "smMin":552px, "smMax":763.98px, "mdMin":764px, "mdMax":1013.98px, "lgMin":1014px, "lgMax":1199.98px, "xlMin":1200px, "bhTogTop":"30px","navMobMax":1013.98px, "navDeskMin":1014px, "navMobPos":"right","navFixHeader":"true"}'
}

.template-info.bg-colors::before {
    display: none;
    content:'[{"name": "grey-darker","value": "#5a6069"}, {"name": "grey-dark","value": "#7f8691"}, {"name": "grey","value": "#a8adb4"}, {"name": "grey-light","value": "#525252"}, {"name": "grey-lighter","value": "#f7f7f7"}, {"name": "violet","value": "#642f5b"}, {"name": "green","value": "#00af33"}, {"name": "yellow","value": "#ffd900"}, {"name": "cyan","value": "#1bb39a"}, {"name": "blue-dark","value": "#0d2c56"}, {"name": "blue","value": "#144382"}, {"name": "blue-light","value": "#2197db"}, {"name": "orange-dark","value": "#d9622d"}, {"name": "orange","value": "#ffa826"}, {"name": "red-dark","value": "#8b1528"}, {"name": "red","value": "#b31b34"}, {"name": "white","value": "#fff"}, {"name": "default","value": "#2f5497"}, {}]'
}

.template-info.text-colors::before {
    display: none;
    content:'[{"name": "black","value": "#000"}, {"name": "grey","value": "#a8adb4"}, {"name": "white","value": "#fff"}, {"name": "light","value": "#fff"}, {"name": "dark","value": "#525252"}, {"name": "theme","value": "#2f5497"}, {"name": "default","value": "default"}, {}]'
}

.template-info.link-colors::before {
    display: none;
    content:'[{"name": "black","value": "#000"}, {"name": "grey","value": "#a8adb4"}, {"name": "white","value": "#fff"}, {"name": "light","value": "#fff"}, {"name": "dark","value": "#525252"}, {"name": "theme","value": "#2f5497"}, {"name": "default","value": "default"}, {}]'
}

.type-section h1.piece-heading {
    font-size: 48px;
    line-height: 72px
}

.type-section h2.piece-heading {
    font-size: 36px;
    line-height: 48px
}

.type-section h3.piece-heading {
    font-size: 24px;
    line-height: 32px
}

.type-section h4.piece-heading {
    font-size: 24px;
    line-height: 32px
}

.accordion {
    border: none;
    margin-bottom: 30px;
    overflow: visible
}

.accordion .acco-header {
    height: 80px;
    border: 1px solid #e8e8e8;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom: none;
    display: flex;
    align-items: center
}

.accordion .acco-header>a {
    font-size: 20px;
    font-weight: 600;
    background: #fff;
    width: 100%
}

.accordion .acco-header>a:hover {
    background: #fff;
    color: #525252
}

.accordion .acco-header>a:hover:after {
    color: #525252
}

.accordion .acco-header>a:not(.collapsed):after {
    color: #2f5497
}

.accordion .acco-body {
    border: 1px solid #e8e8e8;
    border-top: none;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.accordion .acco-body.show {
    box-shadow: 0 11px 20px 0 rgba(81, 114, 125, .12)
}

.accordion .acco-body .type-section * {
    text-align: left
}

.accordion .acco-body .text {
    margin-bottom: 30px
}

.accordion .acco-body .btn {
    display: flex;
    align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background: #2f5497;
    color: #fff
}

.accordion .acco-body .btn:hover {
    background: #525252;
    border: #525252
}

.accordion .acco-body .btn:hover a {
    color: #525252
}

@media (max-width:768px) {
    .accordion .acco-header>a {
        padding: 5px 40px
    }
    .accordion .acco-header>a:after {
        right: 30px
    }
    .accordion .acco-body {
        padding: 0 40px
    }
}

.teaser.type-article {
    border: 1px solid #e8e8e8;
    padding-bottom: 15px;
    border-radius: 4px
}

.teaser.type-article .visual {
    width: 100%
}

.teaser.type-article .visual .image-src-box {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.teaser.type-article .body {
    padding: 0 20px
}

.teaser.type-article .body .heading {
    order: 2
}

.teaser.type-article .body .headline {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px !important
}

.teaser.type-article .body .text {
    margin-bottom: 8px
}

.teaser.type-article .body .text .teaser-date {
    color: #9b9b9b
}

.teaser.type-article .body .text .teaser-text {
    font-size: 14px
}

.teaser.type-article .link {
    padding: 0 20px;
    margin-top: 0
}

.teaser.type-article .link button {
    background: #525252;
    border-color: #525252;
    color: #fff
}

.teaser.type-article .link button:hover {
    background: #2f5497;
    border-color: #2f5497
}

.teaser.type-decoy .visual {
    width: 100% !important
}

.teaser.type-decoy .visual .image-src-box {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.teaser.type-decoy .body {
    display: flex;
    flex-direction: column
}

.teaser.type-decoy .body .heading {
    order: 2
}

.teaser.type-decoy .body .heading .headline {
    font-size: 16px;
    margin-bottom: 10px !important
}

.teaser.type-decoy .body .text {
    margin-bottom: 8px
}

.teaser.type-decoy .body .text .teaser-date {
    color: #9b9b9b;
    font-size: 12px
}

.teaser.type-decoy .link {
    margin-top: 0
}

.teaser.type-decoy .link button {
    background: 0 0;
    border: none;
    text-decoration: underline;
    color: #f28a39;
    box-shadow: 0 2px 4px rgba(186, 186, 186, .15);
    padding: 0;
    text-align: left;
    margin-top: 0;
    min-height: auto
}

.teaser.type-decoy .link button:hover {
    color: #2f5497;
    padding: 0;
    background: 0 0
}

.type-list-filter .styled-form .input .icon-prepend {
    border: none;
    color: #525252
}

.type-list-filter .styled-form .input input {
    border-color: #e8e8e8;
    box-shadow: 0 2px 4px rgba(186, 186, 186, .15), inset 0 3px 2px rgba(0, 0, 0, .05)
}

.type-list-filter .styled-form .input input::-moz-placeholder {
    color: #525252
}

.type-list-filter .styled-form .input input:-ms-input-placeholder {
    color: #525252
}

.type-list-filter .styled-form .input input::placeholder {
    color: #525252
}

.type-list-filter .filterbox.search .icon-prepend {
    display: none
}

.type-list-filter .filterbox.search .input input {
    padding: 12px;
    border: 1px solid #e8e8e8;
    box-shadow: 0 2px 4px rgba(186, 186, 186, .15), inset 0 3px 2px rgba(0, 0, 0, .05);
    font-size: 14px;
    font-weight: 400;
    color: #525252
}

.type-list-filter .filterbox.archive .btn,
.type-list-filter .filterbox.categories .btn {
    width: 100%;
    background: #fff;
    color: #525252;
    border: 1px solid #e8e8e8;
    box-shadow: none;
    font-weight: 700
}

.type-list-filter .filterbox.archive .btn::before,
.type-list-filter .filterbox.categories .btn::before {
    color: #2f5497
}

.type-list-filter .filterbox.archive .btn:after,
.type-list-filter .filterbox.categories .btn:after {
    color: #525252
}

.type-list-filter .filterbox.archive .collapse,
.type-list-filter .filterbox.categories .collapse {
    border-color: #e8e8e8
}

.type-list-filter .filterbox.archive .collapse .li-entry,
.type-list-filter .filterbox.categories .collapse .li-entry {
    background: #fff;
    color: #525252;
    font-weight: 400
}

.type-list-filter .filterbox.archive .collapse .li-entry:hover,
.type-list-filter .filterbox.categories .collapse .li-entry:hover {
    background: #e8e8e8
}

.type-list-filter .filterbox.archive .collapse .li-entry:before,
.type-list-filter .filterbox.categories .collapse .li-entry:before {
    color: #92b9bc;
    font-size: 18px
}

.type-list-filter .filterbox.archive .collapsing,
.type-list-filter .filterbox.categories .collapsing {
    border-color: #e8e8e8 !important
}

.pagination>li {
    margin: 0
}

.pagination>li:not(:last-of-type) {
    margin-right: 1rem
}

.pagination>li.active a {
    background: #f28a39;
    border-color: #f28a39
}

.pagination>li.disabled a {
    border-color: #e8e8e8;
    color: #525252
}

.pagination>li a {
    border-color: #e8e8e8;
    color: #525252;
    border-radius: 4px;
    box-shadow: 0 4px 2px 0 rgba(186, 186, 186, .15)
}

.pagination>li a .number {
    font-weight: 500
}

a[nohref] {
    cursor: pointer !important
}

.nodisplay {
    display: none !important
}

.colored-row.bg-newsletter {
    background-color: rgba(148, 184, 188, .12)
}

.wrapper {
    padding: 0 15px;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto
}

.btn {
    width: 100%;
    margin: 0;
    padding: 6px 20px;
    display: inline-block;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-shadow: none;
    min-height: 39px;
    border: none;
    font-size: 14px;
    font-weight: 400;
    border-radius: 4px;
    background-color: #525252;
    color: #fff;
    display: flex;
    align-items: center;
    margin-top: 10px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    box-shadow: 0 2px 4px 0 rgba(186, 186, 186, .15)
}

.btn.active,
.btn:focus,
.btn:hover,
.open .dropdown-toggle .btn {
    color: #fff;
    background-color: #2f5497;
    text-decoration: none;
    cursor: pointer;
    transition-property: color, background-color, border-color;
    transition-duration: .33s;
    transition-timing-function: ease
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    background-color: #525252;
    color: #fff;
    cursor: not-allowed
}

.btn i,
.btn img {
    width: 14px;
    margin-right: 6px
}

.btn a {
    color: #fff;
    font-weight: 400
}

.btn:not(:last-of-type) {
    margin-right: 20px
}

.btn.btn-white {
    background: #fff;
    border: 1px solid #e8e8e8;
    color: #525252
}

.btn.btn-white:hover {
    background: #2f5497;
    border-color: #2f5497;
    color: #fff
}

.btn.btn-principal {
    background: #2f5497;
    border: #2f5497;
    color: #fff
}

.btn.btn-principal:hover {
    background: #525252;
    border-color: #525252;
    color: #fff
}

.btn.btn-secondary {
    background: #525252;
    border: #525252;
    color: #fff
}

.btn.btn-secondary:hover {
    background: #2f5497;
    border-color: #2f5497;
    color: #fff
}

.button__group__column {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 100%
}

.button__group__column .btn {
    width: 100%;
    margin: 0;
    padding: 6px 20px;
    display: inline-block;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-shadow: none;
    min-height: 39px;
    border: none;
    font-size: 14px;
    font-weight: 400;
    border-radius: 4px;
    background-color: #525252;
    color: #fff;
    display: flex;
    align-items: center;
    margin-top: 10px;
    width: auto;
    box-shadow: 0 2px 4px 0 rgba(186, 186, 186, .15)
}

.button__group__column .btn.active,
.button__group__column .btn:focus,
.button__group__column .btn:hover,
.open .dropdown-toggle .button__group__column .btn {
    color: #fff;
    background-color: #2f5497;
    text-decoration: none;
    cursor: pointer;
    transition-property: color, background-color, border-color;
    transition-duration: .33s;
    transition-timing-function: ease
}

.button__group__column .btn.disabled,
.button__group__column .btn[disabled],
fieldset[disabled] .button__group__column .btn {
    background-color: #525252;
    color: #fff;
    cursor: not-allowed
}

.button__group__column .btn img {
    width: 14px;
    margin-right: 6px
}

.button__group__column .btn i {
    margin-right: 6px
}

.button__group__column .btn a {
    color: #fff;
    font-weight: 400
}

.button__group__column .btn:not(:last-of-type) {
    margin-right: 20px
}

@media (min-width:1024px) {
    .wrapper {
        padding: 30px
    }
}

@media (min-width:1200px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1440px;
        padding-right: 30px;
        padding-left: 30px
    }
}

.pretitle {
    font-size: 24px;
    font-weight: 400
}

.title-icon {
    display: flex;
    align-items: center;
    /*margin-bottom:20px*/
}

.title-icon img {
    width: 85px;
    margin-right: 15px
}

.title-icon .title__secundary {
    margin-bottom: 0
}

.input-container {
    position: relative;
    margin-bottom: 20px
}

.input-container i {
    position: absolute;
    z-index: 10;
    top: calc(50% - 8px);
    left: 15px
}

.input-container input,
.input-container select,
.input-container textarea {
    width: 100%;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    position: relative;
    height: 39px;
    padding-left: 40px
}

.input-container textarea {
    padding-top: 15px;
    height: 150px
}

.input-container .error-text {
    display: none;
    position: absolute;
    color: #fc2c2c;
    font-size: 14px;
    margin-bottom: 5px
}

.input-container.error {
    margin-bottom: 25px
}

.input-container.error input,
.input-container.error select,
.input-container.error textarea {
    border-color: red;
    margin-bottom: 5px
}

.input-container.error .error-text {
    display: block
}

.banner__section {
    margin-bottom: 40px
}

.banner__section .column-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    border: 1px solid #92b9bc;
    border-radius: 4px;
    padding: .9375rem;
    margin-bottom: 1.25rem;
    box-shadow: 0 11px 20px 0 rgba(81, 114, 125, .12)
}

.banner__section .column-container .column__img {
    width: 35%;
    padding-right: .625rem
}

.banner__section .column-container .column__img img {
    border-radius: 4px;
    max-width: 100%
}

.banner__section .column-container .column__content {
    width: 65%
}

.banner__section .column-container .column__content .banner__title {
    font-size: 1.525rem;
    line-height: 1.875rem;
    font-weight: 600;
    padding-left: .625rem
}

.banner__section .column-container .column__content p {
    display: none;
    font-size: 16px
}

.banner__section .column-container .banner__button__group {
    display: flex;
    gap: 10px;
    width: 100%
}

.banner__section .column-container .banner__button {
    width: auto;
    text-align: center;
    justify-content: center;
    margin: 0;
    padding: 6px 20px;
    display: inline-block;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-shadow: none;
    min-height: 39px;
    border: none;
    font-size: 14px;
    font-weight: 400;
    border-radius: 4px;
    background-color: #525252;
    color: #fff;
    display: flex;
    align-items: center;
    margin-top: .625rem
}

.banner__section .column-container .banner__button.active,
.banner__section .column-container .banner__button:focus,
.banner__section .column-container .banner__button:hover,
.open .dropdown-toggle .banner__section .column-container .banner__button {
    color: #fff;
    background-color: #2f5497;
    text-decoration: none;
    cursor: pointer;
    transition-property: color, background-color, border-color;
    transition-duration: .33s;
    transition-timing-function: ease
}

.banner__section .column-container .banner__button.disabled,
.banner__section .column-container .banner__button[disabled],
fieldset[disabled] .banner__section .column-container .banner__button {
    background-color: #525252;
    color: #fff;
    cursor: not-allowed
}

.banner__section .column-container .banner__button i,
.banner__section .column-container .banner__button img {
    width: 14px;
    margin-right: 6px
}

.banner__section .column-container .banner__button a {
    color: #fff
}

.banner__section .column-container .banner__button a:hover {
    text-decoration: none
}

.banner__section .column-container.no-img {
    justify-content: flex-start
}

.banner__section .column-container.no-img .column__content {
    width: 100%
}

.banner__section .column-container.no-img .column__content .banner__title {
    padding: 0
}

.banner__section .column-container.no-img .column__content p {
    display: block
}

.banner__section .column-container.no-img .banner__button {
    text-align: left
}

@media (min-width:768px) {
    .banner__section .column-container {
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: center;
        padding: 20px 15px
    }
    .banner__section .column-container .column__img {
        max-width: 100px;
        width: auto
    }
    .banner__section .column-container .column__content {
        width: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0 1.25rem 0 .625rem;
        width: 75%
    }
    .banner__section .column-container .column__content .banner__title {
        padding: 0;
        font-size: 24px;
        line-height: 27px
    }
    .banner__section .column-container .column__content p {
        display: block;
        margin-bottom: 0
    }
    .banner__section .column-container .banner__button__group {
        width: auto;
        margin-left: auto;
        flex-direction: column
    }
    .banner__section .column-container .banner__button {
        min-width: -webkit-max-content;
        min-width: -moz-max-content;
        min-width: max-content;
        width: auto;
        display: flex;
        margin: 0
    }
}

.text__image__section {
    margin-bottom: 60px
}

.text__image__section .column-container {
    display: flex;
    flex-direction: column-reverse;
    row-gap: 20px;
    padding: 0
}

.text__image__section .column__img {
    max-width: 700px;
    width: 100%;
    margin: 0 auto
}

.text__image__section .column__img img {
    width: 100%;
    max-width: 100%
}

.text__image__section .column__content {
    display: flex;
    flex-direction: column;
    max-width: 700px;
    margin: 0 auto
}

.text__image__section .column__content .title__secundary {
    font-size: 24px
}

.text__image__section .column__content .button__group__column .btn {
    background: #2f5497;
    border: 1px solid #2f5497
}

.text__image__section .column__content .button__group__column .btn a {
    color: #fff
}

.text__image__section .column__content .button__group__column .btn:hover {
    background: #525252;
    border-color: #525252
}

.text__image__section .column__content .button__group__column .btn:hover a {
    text-decoration: none
}

.text__image__section .column__content .button__group__column .btn:nth-of-type(2) {
    background: #fff;
    border: 1px solid #e8e8e8;
    color: #525252
}

.text__image__section .column__content .button__group__column .btn:nth-of-type(2) a {
    color: #525252
}

.text__image__section .column__content .button__group__column .btn:nth-of-type(2):hover {
    background: #2f5497;
    border-color: #2f5497;
    color: #fff
}

.text__image__section .column__content .button__group__column .btn:nth-of-type(2):hover a {
    text-decoration: none;
    color: #fff
}

.text__image__section.centered .column-container {
    flex-direction: column;
    padding: 0 15px
}

.text__image__section.centered .column-container .column__content {
    align-items: center;
    text-align: center;
    max-width: 100%;
    width: 100%
}

.text__image__section.centered .column-container .column__content .title-icon {
    justify-content: center
}

.text__image__section.centered .column-container .column__content .title__secundary {
    text-align: center
}

.text__image__section.centered .column-container .column__img {
    margin-top: 20px
}

.text__image__section.centered .column-container .button__group__column {
    align-items: center;
    justify-content: center
}

.text__image__section.img-btn {
    background: #f8f8f8;
    padding: 25px 15px
}

.text__image__section.img-btn .column-container {
    flex-direction: column
}

.text__image__section.img-btn .column-container .column__content .title__secundary {
    color: #f28a39
}

.text__image__section.img-btn .column-container .column__img {
    background: rgba(240, 138, 56, .05);
    border: 1px solid #f28a39;
    border-radius: 4px;
    padding: 15px
}

.text__image__section.img-btn .column-container .column__img>img {
    margin-bottom: 15px
}

.text__image__section.img-btn .column-container .column__img .btn {
    background: #f28a39;
    color: #fff
}

.text__image__section.img-btn .column-container .column__img .btn:hover {
    background: #525252;
    border-color: #525252
}

.text__image__section.img-btn .column-container .column__img .btn:hover a {
    text-decoration: none
}

.card__gif {
    margin-bottom: 60px
}

.card__gif .card__gif-container {
    max-width: 1140px;
    margin: 0 auto
}

.card__gif .card__gif__img {
    display: none
}

.card__gif .card__gif__img img {
    max-width: 100%
}

.card__gif .card__gif__content {
    display: flex;
    flex-direction: column;
    max-width: 700px;
    margin: 0 auto;
    padding: 20px;
    background: rgba(0, 0, 0, .75)
}

.card__gif .card__gif__content .title__secundary {
    font-size: 24px;
    color: #fff
}

.card__gif .card__gif__content div>* {
    color: #fff
}

.card__gif .card__gif__content .button__group__column .btn {
    background: #fff
}

.card__gif .card__gif__content .button__group__column .btn a {
    color: #525252
}

.card__gif .card__gif__content .button__group__column .btn:hover {
    background: #f28a39;
    border-color: #f28a39
}

.card__gif .card__gif__content .button__group__column .btn:hover a {
    text-decoration: none;
    color: #fff
}

.card__gif .card__gif__content .button__group__column .btn:first-of-type {
    background: #f28a39
}

.card__gif .card__gif__content .button__group__column .btn:first-of-type a {
    color: #fff
}

.card__gif .card__gif__content .button__group__column .btn:first-of-type:hover {
    background: #fff;
    border-color: #fff
}

.card__gif .card__gif__content .button__group__column .btn:first-of-type:hover a {
    text-decoration: none;
    color: #525252
}

@media (min-width:1024px) {
    .text__image__section .column-container {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 50px
    }
    .text__image__section .column__img {
        display: block;
        width: 50%
    }
    .text__image__section .column__content {
        align-items: flex-start;
        width: 50%
    }
    .text__image__section .column__content .title__secundary {
        font-size: 36px;
        text-align: left;
        line-height: 48px;
        margin-bottom: 25px
    }
    .text__image__section .column__content .title-icon .title__secundary {
        margin-bottom: 0
    }
    .text__image__section.img-btn {
        padding: 25px 30px
    }
    .text__image__section.img-btn .column-container {
        flex-direction: row
    }
    .text__image__section.img-btn .column-container .column__img {
        border-radius: 4px;
        padding: 20px
    }
    .text__image__section.centered .column-container {
        padding: 0 30px
    }
    .card__gif {
        background: #92b9bc
    }
    .card__gif .card__gif-container {
        padding: 40px 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 45px;
        max-width: 962px
    }
    .card__gif .card__gif__img {
        display: block;
        width: 50%
    }
    .card__gif .card__gif__content {
        max-width: 962px;
        align-items: flex-start;
        width: 50%;
        padding: 60px 35px
    }
    .card__gif .card__gif__content .title__secundary {
        font-size: 36px;
        text-align: left;
        line-height: 48px;
        margin-bottom: 25px
    }
    .card__gif .card__gif__content .title-icon .title__secundary {
        margin-bottom: 0
    }
}

@media (min-width:1200px) {
    .card__gif .card__gif-container {
        max-width: 1440px
    }
}

.nl-section .nl-section_container {
    margin: 0 auto;
    padding: 50px 20px;
    max-width: 700px
}

.nl-section .nl-section_container .input-container {
    margin: 0
}

.nl-section .nl-section_container .input-container .error-text {
    position: relative;
    text-align: left
}

.nl-section form {
    max-width: 530px
}

.nl-section form .form-container {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 20px
}

.nl-section form .input-container input {
    width: 100%;
    max-width: 421px;
    height: 39px;
    border: 1px solid #e8e8e8;
    box-shadow: 0 2px 4px rgba(186, 186, 186, .15), inset 0 3px 2px rgba(0, 0, 0, .05);
    border-radius: 4px;
    font-size: 14px;
    padding: 5px 15px;
    font-weight: 300
}

.nl-section form .btn-form {
    height: 39px;
    border: 1px solid transparent;
    background: #f28a39;
    border-radius: 4px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6px 20px;
    transition: all .3s
}

.nl-section form .btn-form img {
    width: 14px;
    margin-right: 6px
}

.nl-section form .btn-form p {
    margin: 0;
    font-size: 14px
}

.nl-section form .btn-form:hover {
    background: #525252
}

.nl-section form .check-container {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin-top: 15px;
    width: 100%
}

.nl-section form .check-container input {
    margin-right: 6px;
    margin-top: 3px;
    accent-color: #2f5497
}

.nl-section form .check-container label {
    margin-bottom: 0;
    font-size: 14px
}

.nl-section .sendinblue-text {
    max-width: 620px;
    margin: 15px auto;
    font-size: 10px;
    color: #9b9b9b;
    display: flex;
    align-items: flex-start
}

.nl-section .sendinblue-text img {
    width: 24px;
    margin-right: 8px
}

.nl-section .sendinblue-text a {
    color: #9b9b9b;
    text-decoration: underline
}

.nl-section .sendinblue-text a:hover {
    color: #2f5497
}

@media (min-width:1024px) {
    .nl-section .nl-section_container {
        max-width: 962px
    }
    .nl-section .nl-section_container .title {
        text-align: center
    }
    .nl-section .nl-section_container p {
        text-align: center
    }
    .nl-section .nl-section_container form {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: center;
        gap: 20px;
        margin: 10px auto 0 auto
    }
    .nl-section .nl-section_container form input:not([type=checkbox]) {
        width: 421px;
        margin-bottom: 0
    }
    .nl-section .nl-section_container form .check-container {
        margin: 0
    }
    .nl-section .sendinblue-text {
        margin: 0 auto
    }
    .nl-section .sendinblue-text p {
        text-align: left
    }
}

.tag-selector {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    margin-bottom: 20px;
    gap: 15px
}

.tag-selector .btn {
    border: 1px solid #e8e8e8;
    background: #fff;
    color: #9b9b9b
}

.tag-selector .btn i {
    margin-left: 6px;
    margin-right: 0
}

.tag-selector .btn.selected,
.tag-selector .btn:hover {
    border-color: #2f5497;
    color: #2f5497;
    background: rgba(231, 42, 96, .05)
}

.tag-selector .checkbox-container {
    position: relative
}

.tag-selector .checkbox-container input {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    margin-bottom: 0;
    cursor: pointer
}

.tag-selector .checkbox-container input:checked+label.btn,
.tag-selector .checkbox-container input:hover+label.btn {
    border-color: #2f5497;
    color: #2f5497;
    background: rgba(231, 42, 96, .05)
}

.tag-selector .checkbox-container input:checked+label.btn.check i {
    display: block
}

.tag-selector .checkbox-container label.btn {
    margin-top: 0
}

.tag-selector .checkbox-container label.btn.check i {
    display: none;
    margin-left: 0;
    margin-right: 6px
}

.tag-selector_check .btn i {
    display: none;
    margin-left: 0;
    margin-right: 6px
}

.tag-selector_check .btn.selected i {
    display: block
}

.check-selector {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px
}

.check-selector .checkbox-container {
    position: relative;
    font-size: 16px;
    margin-right: 15px;
    margin-bottom: 10px;
    display: flex;
    align-items: center
}

.check-selector .checkbox-container label {
    margin-bottom: 0;
    display: flex;
    align-items: center
}

.check-selector .checkbox-container label:before {
    content: "";
    display: block;
    border-radius: 4px;
    width: 16px;
    height: 16px;
    margin-right: 6px;
    border: 1px solid #e8e8e8
}

.check-selector .checkbox-container input {
    position: absolute;
    width: 100%;
    height: 100%;
    margin-bottom: 0;
    opacity: 0
}

.check-selector .checkbox-container input:checked+label:before {
    background: url("../images/check-solid.png") no-repeat 0 0;
    background-position-x: 1px;
    background-position-y: 1px;
    background-size: 12px;
    background-color: #2f5497;
    border-color: #2f5497
}

@media (min-width:1024px) {
    .tag-selector {
        justify-content: center;
        margin-bottom: 0
    }
    .check-selector {
        justify-content: center;
        margin-bottom: 0
    }
}

.general-info__cards {
    margin-bottom: 50px
}

.general-info__cards .general-info__container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(225px, 1fr));
    grid-gap: 20px
}

.general-info__cards .general-info__container .general-info__card {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #e8e8e8;
    box-shadow: 0 11px 20px 0 rgba(81, 114, 125, .12);
    border-radius: 4px;
    padding: 25px 20px;
    margin: 0 auto 20px
}

.general-info__cards .general-info__container .general-info__card .general-info__card-container {
    display: flex;
    flex-direction: column;
    align-items: center
}

.general-info__cards .general-info__container .general-info__card .general-info__img {
    width: 15%;
    margin-bottom: 15px
}

.general-info__cards .general-info__container .general-info__card .general-info__title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #4d4d4d;
    text-align: center
}

.general-info__cards .general-info__container .general-info__card .general-info__text {
    color: #215768;
    font-size: 16px;
    line-height: inherit;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    margin-bottom: 20px
}

.general-info__cards .general-info__container .general-info__card .button__group__column {
    margin-bottom: 15px
}

.general-info__cards .general-info__container .general-info__card .btn {
    display: flex;
    align-items: center
}

.general-info__cards .general-info__container .general-info__card .btn img {
    width: 14px;
    margin-right: 10px
}

.general-info__cards .general-info__container .general-info__card .btn p {
    margin-bottom: 0
}

.general-info__cards--download .general-info__container {
    align-items: flex-start
}

.general-info__cards--download .general-info__container .general-info__card {
    align-items: flex-start
}

.general-info__cards--download .general-info__container .general-info__card .general-info__card-container {
    align-items: flex-start
}

.general-info__cards--download .general-info__container .general-info__card .general-info__title {
    font-size: 16px;
    text-align: left
}

.general-info__cards--download .general-info__container .general-info__card .general-info__img {
    width: 100%
}

@media (min-width:768px) {
    .general-info__cards .general-info__container .general-info__card {
        margin: 0
    }
}

@media (min-width:1024px) {
    .general-info__cards .general-info__container {
        justify-content: space-between;
        flex-wrap: nowrap
    }
    .general-info__cards .general-info__container .general-info__card {
        justify-content: space-between
    }
    .general-info__cards--download .general-info__container .general-info__card {
        width: 100%;
        height: 100%
    }
}

.footer {
    padding: 30px 0 0;
    /*background: #f8f9f9;*/
	background: #ffffff;
}

.footer .footer__top {
    /*display: flex;*/
	display: none;
    justify-content: space-between;
    flex-wrap: wrap
}

.footer .footer__top .footer__col:first-of-type {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 30px
}

.footer .footer__top .footer__col:not(:first-of-type) {
    width: 50%
}

.footer .footer__top .footer__col {
    margin-bottom: 30px
}

.footer .footer__top .footer__col * {
    color: #4d4d4d
}

.footer .footer__top .logo-footer {
    width: 250px;
    margin-bottom: 20px
}

.footer .footer__top .claim {
    font-size: 14px;
    margin-bottom: 18px;
    color: #8b8d8e
}

.footer .footer__top .claim * {
    color: #8b8d8e
}

.footer .footer__top .footer__nav__title {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 12px;
    color: #8b8d8e
}

.footer .footer__top .footer__nav__list {
    list-style: none;
    padding: 0
}

.footer .footer__top .footer__nav__list .footer__nav__item {
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    color: #8b8d8e
}

.footer .footer__top .footer__nav__list .footer__nav__item a {
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    color: #8b8d8e
}

.footer .footer__top .social .title {
    font-size: 14px;
    font-weight: 600
}

.footer .footer__top .social__list {
    display: flex;
    align-items: center;
    list-style: none;
    padding: 0
}

.footer .footer__top .social__list .social__item:not(:last-of-type) {
    margin-right: .625rem
}

.footer .footer__top .social__list .logo-rrss {
    width: 30px
}

.footer .footer__bottom {
    background: #282b39;
}

.footer .footer__bottom .legals {
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
    padding: 15px 0
}

.footer .footer__bottom .legals * {
    color: rgba(77, 77, 77, .5);
    font-size: 14px;
    font-weight: 300;
    color: #fff
}

.footer .footer__bottom .legals .legals__list {
    list-style: none;
    padding: 0;
    margin-bottom: 0
}

.footer .footer__bottom .legals .legals__list .legal__item {
    margin-bottom: 10px
}

.footer .footer__bottom .legals .legals__list .legal__item a {
    font-size: 14px
}

.footer .footer__bottom .legals .copyright {
    margin-bottom: 20px;
    font-weight: 300;
    font-size: 14px
}

@media (min-width:768px) {
    .footer .footer__top .footer__col,
    .footer .footer__top .footer__col:first-of-type,
    .footer .footer__top .footer__col:not(:first-of-type) {
        width: 25%;
        align-items: flex-start
    }
    .footer .footer__top .footer__col:first-of-type {
        padding-right: 20px
    }
    .footer .footer__bottom .legals {
        flex-direction: row-reverse
    }
    .footer .footer__bottom .legals .legals__list {
        display: flex;
        align-items: center
    }
    .footer .footer__bottom .legals .legals__list .legal__item {
        margin-bottom: 0
    }
    .footer .footer__bottom .legals .legals__list .legal__item:not(:last-of-type) {
        margin-right: 1.875rem
    }
    .footer .footer__bottom .legals .copyright {
        margin-bottom: 0
    }
}

.header {
    /*position:relative;margin-bottom:40px*/
    top: 0px;
    position: fixed !important;
    z-index: 200000;
    left: 0;
    right: 0;
    margin-bottom: 5.2rem;
	background: #3e3f48;
}

.header .header-container {
    display: flex;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    z-index: 30
}

.header .header-container .header-logo {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.header .header-container .header-logo img {
    width: 50%;
    max-width: 400px
}

.header .header-container .btn-burguer {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    background: #fff;
    position: relative
}

.header .header-container .btn-burguer img {
    width: 100%;
    max-width: 26px;
    transition: all .3s;
    position: absolute
}

.header .header-container .btn-burguer .icon-close {
    opacity: 0;
    visibility: hidden
}

.header .header-container .btn-burguer.show .icon-close {
    opacity: 1;
    visibility: visible;
    transition: all .3s
}

.header .header-container .btn-burguer.show .icon-burguer {
    opacity: 0;
    visibility: hidden;
    transition: all .3s
}

.header .header-container .header-nav-desktop {
    display: none;
    opacity: 0;
    visibility: hidden;
    z-index: 100
}

.header .header-container .header-nav-desktop a {
    margin-bottom: 0;
    padding: 10px;
    font-size: 14px;
    color: #ffffff;
	font-weight: bold;
}

.header .header-container .header-nav-desktop a:hover {
    color: #ffffff;
}

.header .header-container .header-nav-desktop .button__group__column {
    flex-wrap: nowrap;
    width: auto
}

.header .header-container .header-nav-desktop .btn {
    display: flex;
    align-items: center;
    margin-top: 0;
    color: #fff
}

.header .header-container .header-nav-desktop .btn p {
    margin-bottom: 0
}

.header .header-container .header-nav-desktop .btn:not(:last-of-type) {
    margin-right: 15px
}

.header .header-container .header-nav-desktop .btn:first-of-type {
    background: #fff;
    color: #525252;
    border: 1px solid #e8e8e8;
    box-shadow: 0 2px 4px rgba(186, 186, 186, .15)
}

.header .header-container .header-nav-desktop .btn:first-of-type:hover {
    background: #2f5497;
    border-color: #2f5497;
    color: #fff
}

.header .header-container .header-nav-desktop .btn:last-of-type {
    margin: 0
}

.header .header-container .header-nav-desktop .btn:hover {
    color: #fff
}

.header .header-container .header-nav-desktop .header-nav-desktop_item {
    position: relative
}

.header .header-container .header-nav-desktop .header-nav-desktop_item:hover .dropdown__nav {
    display: block
}

.header .header-container .header-nav-desktop .dropdown__nav {
    position: absolute;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    left: 0;
    top: 25px;
    border: 1px solid #e8e8e8;
    background: #fff;
    padding: 20px 12px;
    border-radius: 4px;
    box-shadow: 0 11px 20px 0 rgba(81, 114, 125, .12);
    display: none
}

.header .header-container .header-nav-desktop .dropdown__nav .dropdown__container__col {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.header .header-container .header-nav-desktop .dropdown__nav .dropdown__container__col img {
    width: 25px;
    margin-right: 10px;
    height: auto
}

.header .header-container .header-nav-desktop .dropdown__nav .nav__title__container {
    display: flex;
    align-items: center;
    width: 100%;
    /*margin-bottom:10px;*/
    padding: 4px 8px;
    border-radius: 2px
}

.header .header-container .header-nav-desktop .dropdown__nav .nav__title__container:hover {
    background: #f8f8f8;
    text-decoration: none;
    color: inherit
}

.header .header-container .header-nav-desktop .dropdown__nav .nav__title__container .nav__title {
    font-weight: 400;
    /*font-size:16px*/
    font-size: 14px
}

.header .header-container .header-nav-desktop .dropdown__nav .dropdown__nav__list {
    list-style: none;
    padding: 0;
    width: 100%
}

.header .header-container .header-nav-desktop .dropdown__nav .dropdown__nav__item a {
    width: 100%;
    display: block;
    padding: 8px;
    margin: 0
}

.header .header-container .header-nav-desktop .dropdown__nav .dropdown__nav__item a:hover {
    background: #f8f8f8;
    color: inherit;
    text-decoration: none
}

.header .header-container .header-nav-desktop .dropdown__nav .link__container a {
    display: block;
    width: 100%
}

.header .header-container .header-nav-desktop .dropdown__nav .link__container a:hover {
    background: #f8f8f8;
    color: inherit;
    text-decoration: none
}

.header .header-nav-mobile {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 50px;
    right: -100vw;
    height: calc(100vh - 50px);
    width: 100vw;
    padding: 40px 20px;
    transition: all .5s;
    z-index: 10;
    display: flex;
    flex-direction: column;
    background: #fff
}

.header .header-nav-mobile.show {
    opacity: 1;
    visibility: visible;
    right: 0;
    transition: all .5s
}

.header .header-nav-mobile .nav__list {
    padding: 0;
    list-style: none
}

.header .header-nav-mobile .nav__list .nav__item {
    padding-left: 20px
}

.header .header-nav-mobile a {
    margin-bottom: 20px;
    color: #525252
}

.header .header-nav-mobile a:hover {
    color: #2f5497
}

.header .header-nav-mobile .button__group__column {
    margin-top: 20px
}

.header .header-nav-mobile .btn {
    display: flex;
    align-items: center
}

.header .header-nav-mobile .btn a {
    margin-bottom: 0;
    color: #fff;
    text-decoration: none
}

.header .header-nav-mobile .btn a:hover {
    background: #2f5497;
    border-color: #2f5497
}

.header .header-nav-mobile .btn p {
    margin-bottom: 0
}

.header .header-nav-mobile .btn:first-of-type {
    background: #fff;
    border: 1px solid #e8e8e8;
    box-shadow: 0 2px 4px rgba(186, 186, 186, .15)
}

.header .header-nav-mobile .btn:first-of-type a {
    color: #525252
}

.header .header-nav-mobile .btn:first-of-type:hover {
    background: #2f5497;
    border-color: #2f5497;
    color: #fff
}

.header .header-nav-mobile .btn:first-of-type:hover a {
    color: #fff
}

@media (min-width:1024px) {
    .header .header-container {
        justify-content: space-between
    }
    .header .header-container .header-logo {
        width: auto
    }
    .header .header-container .header-nav-desktop {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        opacity: 1;
        visibility: visible
    }
    .header .header-container .btn-burguer {
        display: none
    }
}

.owl-carousel {
    position: relative;
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    padding: 0 30px
}

.owl-carousel .owl-item img {
    display: block
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
    position: absolute;
    top: calc(50% - 33px);
    font-size: 20px
}

.owl-carousel .owl-nav button.owl-prev {
    left: 0
}

.owl-carousel .owl-nav button.owl-next {
    right: 0
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("../2_postcssed/owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.owl-theme .owl-nav {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-nav [class*=owl-] {
    color: #fff;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #d6d6d6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px
}

.owl-theme .owl-nav [class*=owl-]:hover {
    color: #2f5497;
    text-decoration: none
}

.owl-theme .owl-nav .disabled {
    opacity: .5;
    cursor: default
}

.owl-theme .owl-nav .disabled:hover {
    color: inherit;
    cursor: inherit
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 10px
}

.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #869791
}

.search {
    max-width: 446px;
    width: 100%;
    margin: 0 auto
}

.search .search-list {
    margin-bottom: 30px
}

.search .search-item {
    margin-bottom: 20px
}

.search .search-item .search-title {
    font-size: 16px
}

.search .search-item p {
    margin-bottom: 5px
}

.search .search-item .btn {
    margin-top: 15px
}

.search>.btn {
    margin: 0 auto
}

.contact-two-columns {
    display: flex;
    flex-direction: column;
    font-size: 18px
}

.contact-two-columns .contact-text {
    margin-bottom: 20px
}

.contact-two-columns .contact-text .title {
    font-size: 48px
}

.contact-two-columns .contact-text .card-info {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border: 1px solid #e8e8e8;
    padding: 25px;
    box-shadow: 0 11px 20px 0 rgba(81, 114, 125, .12);
    display: flex;
    border-radius: 4px
}

.contact-two-columns .contact-text .card-info i {
    color: #92b9bc;
    margin-right: 25px
}

.contact-two-columns .contact-text .card-info p:last-of-type {
    margin-bottom: 0
}

.contact-two-columns .contact-form {
    display: flex;
    flex-direction: column
}

.contact-two-columns .contact-form input,
.contact-two-columns .contact-form select,
.contact-two-columns .contact-form textarea {
    width: 100%;
    height: 39px;
    padding: 0 15px;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    font-weight: 400;
    font-size: 16px;
    color: #525252;
    margin-bottom: 20px;
    background: #fff
}

.contact-two-columns .contact-form input::-moz-placeholder,
.contact-two-columns .contact-form select::-moz-placeholder,
.contact-two-columns .contact-form textarea::-moz-placeholder {
    font-weight: 400;
    font-size: 16px;
    color: #525252
}

.contact-two-columns .contact-form input:-ms-input-placeholder,
.contact-two-columns .contact-form select:-ms-input-placeholder,
.contact-two-columns .contact-form textarea:-ms-input-placeholder {
    font-weight: 400;
    font-size: 16px;
    color: #525252
}

.contact-two-columns .contact-form input::placeholder,
.contact-two-columns .contact-form select::placeholder,
.contact-two-columns .contact-form textarea::placeholder {
    font-weight: 400;
    font-size: 16px;
    color: #525252
}

.contact-two-columns .contact-form input.error,
.contact-two-columns .contact-form select.error,
.contact-two-columns .contact-form textarea.error {
    border-color: #fc2c2c
}

.contact-two-columns .contact-form textarea {
    padding-top: 15px;
    height: 150px
}

.contact-two-columns .contact-form .error-text {
    display: none;
    position: absolute;
    color: #fc2c2c;
    font-size: 14px;
    margin-bottom: 5px
}

.contact-two-columns .contact-form .input-container {
    margin-bottom: 20px
}

.contact-two-columns .contact-form .input-container input,
.contact-two-columns .contact-form .input-container select,
.contact-two-columns .contact-form .input-container textarea {
    margin-bottom: 0
}

.contact-two-columns .contact-form .input-container.error {
    margin-bottom: 25px
}

.contact-two-columns .contact-form .input-container.error input,
.contact-two-columns .contact-form .input-container.error select,
.contact-two-columns .contact-form .input-container.error textarea {
    border-color: #fc2c2c;
    margin-bottom: 5px
}

.contact-two-columns .contact-form .input-container.error .error-text {
    display: block
}

.contact-two-columns .contact-form .btn {
    margin-top: 0
}

.contact-two-columns .contact-form .asterisk-text {
    font-size: 11px;
    color: #9b9b9b;
    margin-bottom: 20px
}

.contact-two-columns .contact-form .check-container {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 15px
}

.contact-two-columns .contact-form .check-container input {
    width: 17px;
    height: 17px;
    margin: 0 8px 0 0;
    accent-color: #2f5497
}

.contact-two-columns .contact-form .check-container label {
    font-size: 14px;
    margin: 0
}

.contact-two-columns .contact-form .check-container label a {
    color: inherit;
    text-decoration: underline
}

.contact-two-columns .contact-form .check-container label a:hover {
    color: #2f5497
}

.contact-two-columns .contact-form .check-container.error label {
    color: #fc2c2c
}

@media (min-width:768px) {
    .contact-two-columns {
        flex-direction: row;
        align-items: center;
        gap: 20px
    }
    .contact-two-columns .contact-form,
    .contact-two-columns .contact-text {
        width: 50%
    }
    .contact-two-columns .contact-form .btn {
        margin-left: auto
    }
}

.message {
    top: 0;
    width: 100%;
    z-index: 500
}

.message .message-container {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto 20px auto;
    text-align: center;
    padding: 6px 12px;
    border-radius: 4px;
    box-shadow: 0 11px 20px 0 rgba(81, 114, 125, .12)
}

.message .message-container.error {
    background: #ffe9e9;
    color: #fc2c2c
}

.message .message-container.success {
    background: #e9fbef;
    color: #09a926
}

@media (min-width:768px) {
    .message .message-container {
        min-width: 450px
    }
}

.sushi-btn {
    width: 100%;
    display: flex;
    margin-bottom: 20px
}

.sushi-btn--center {
    justify-content: center
}

.sushi-btn--right {
    justify-content: right
}

.promo-box {
    /*height:37px;*/
    height: 100px;
    /*margin-bottom:40px;*/
    margin-bottom: 30px;
    background: #2f5497
}

.promo-box .promo-box-container {
    /*display:flex;*/
    display: grid;
    align-items: center;
    justify-content: center;
    height: inherit
}

.promo-box p {
    margin-bottom: 0;
    color: #fff;
    font-weight: 500
}

.footer__logos img {
    height: 65px;
    margin-right: 1.25rem;
    margin-bottom: 1.25rem;
}