html {
    -webkit-text-size-adjust: 100%;
    line-height:1.15
}

body {
    margin:0
}

main {
    display:block
}

h1 {
    margin: .67em 0;
    font-size:2em
}

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

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

a {
    background-color:transparent
}

abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    border-bottom:none
}

b, strong {
    font-weight:bolder
}

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

small {
    font-size:80%
}

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

sub {
    bottom:-0.25em
}

sup {
    top:-0.5em
}

img {
    border-style:none
}

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

button, input {
    overflow:visible
}

button, select {
    text-transform:none
}

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

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

button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring {
    outline:1px dotted ButtonText
}

fieldset, .fieldGroup {
    padding:.35em .75em .625em
}

legend {
    display: table;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
    padding: 0;
    white-space: normal;
    color:inherit
}

progress {
    vertical-align:baseline
}

textarea {
    overflow:auto
}

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

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

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

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

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

details {
    display:block
}

summary {
    display:list-item
}

template {
    display:none
}

[hidden] {
    display:none
}

@font-face {
    font-family: "RO Icons";
    font-weight: normal;
    font-style: normal;
    src: url("shared-ro/icons/ro-icons-2.1.woff2") format("woff2"), url("shared-ro/icons/ro-icons-2.1.woff") format("opentype"), url("shared-ro/icons/ro-icons-2.1.ttf") format("truetype")
}

@-webkit-keyframes navSlideDown {
    from {
        overflow: hidden;
        max-height:0
    }

    to {
        overflow: visible;
        max-height:600px
    }
}

@keyframes navSlideDown {
    from {
        overflow: hidden;
        max-height:0
    }

    to {
        overflow: visible;
        max-height:600px
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity:0
    }

    to {
        opacity:1
    }
}

@keyframes fadeIn {
    from {
        opacity:0
    }

    to {
        opacity:1
    }
}

@-webkit-keyframes showElement {
    from {
        height: 0;
        opacity:0
    }

    to {
        height: auto;
        opacity:1
    }
}

@keyframes showElement {
    from {
        height: 0;
        opacity:0
    }

    to {
        height: auto;
        opacity:1
    }
}

@-webkit-keyframes fadeInElement {
    0% {
        visibility: hidden;
        opacity:0
    }

    1% {
        visibility: visible;
        opacity:0
    }

    100% {
        visibility: visible;
        opacity:1
    }
}

@keyframes fadeInElement {
    0% {
        visibility: hidden;
        opacity:0
    }

    1% {
        visibility: visible;
        opacity:0
    }

    100% {
        visibility: visible;
        opacity:1
    }
}

@-webkit-keyframes fadeOutElement {
    0% {
        visibility: visible;
        opacity:1
    }

    99% {
        visibility: visible;
        opacity:0
    }

    100% {
        visibility: hidden;
        opacity:0
    }
}

@keyframes fadeOutElement {
    0% {
        visibility: visible;
        opacity:1
    }

    99% {
        visibility: visible;
        opacity:0
    }

    100% {
        visibility: hidden;
        opacity:0
    }
}

@-webkit-keyframes rotateElement {
    0% {
        -webkit-transform: rotate(0deg);
        transform:rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform:rotate(360deg)
    }
}

@keyframes rotateElement {
    0% {
        -webkit-transform: rotate(0deg);
        transform:rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform:rotate(360deg)
    }
}

@font-face {
    font-family: "RO Sans";
    font-weight: normal;
    font-style: normal;
    src: url("shared-ro/webfonts/RO-SansWebText-Regular.woff2") format("woff2"), url("shared-ro/webfonts/RO-SansWebText-Regular.woff") format("woff")
}

@font-face {
    font-family: "RO Sans";
    font-weight: normal;
    font-style: italic;
    src: url("shared-ro/webfonts/RO-SansWebText-Italic.woff2") format("woff2"), url("shared-ro/webfonts/RO-SansWebText-Italic.woff") format("woff")
}

@font-face {
    font-family: "RO Sans";
    font-weight: bold;
    font-style: normal;
    src: url("shared-ro/webfonts/RO-SansWebText-Bold.woff2") format("woff2"), url("shared-ro/webfonts/RO-SansWebText-Bold.woff") format("woff")
}

@font-face {
    font-family: "RO Serif";
    font-weight: normal;
    font-style: normal;
    src: url("shared-ro/webfonts/RO-SerifWeb-Regular.woff2") format("woff2"), url("shared-ro/webfonts/RO-SerifWeb-Regular.woff") format("woff")
}

@font-face {
    font-family: "RO Serif";
    font-weight: normal;
    font-style: italic;
    src: url("shared-ro/webfonts/RO-SerifWeb-Italic.woff2") format("woff2"), url("shared-ro/webfonts/RO-SerifWeb-Italic.woff") format("woff")
}

@font-face {
    font-family: "Meta Sans";
    font-weight: normal;
    font-style: normal;
    src: url("shared-ro/webfonts/meta.woff2") format("woff2"), url("shared-ro/webfonts/meta.woff") format("woff")
}

@font-face {
    font-family: "Meta Sans";
    font-weight: bold;
    font-style: normal;
    src: url("shared-ro/webfonts/meta-bold.woff2") format("woff2"), url("shared-ro/webfonts/meta-bold.woff") format("woff")
}

@font-face {
    font-family: "Meta Sans";
    font-weight: normal;
    font-style: italic;
    src: url("shared-ro/webfonts/meta-italic.woff2") format("woff2"), url("shared-ro/webfonts/meta-italic.woff") format("woff")
}

:root {
    font-family: "RO Sans", Calibri, sans-serif;
    font-size:80%
}

@media (min-width: 768px) {
    :root {
        font-size:90%
    }
}

@media (min-width: 992px) {
    :root {
        font-size:100%
    }
}

body {
    font-size:100%
}

@media (min-width: 768px) {
    body {
        font-size:110%
    }
}

@media (min-width: 992px) {
    body {
        font-size:120%
    }
}

h1, .h1 {
    font-size: 2.0272865295rem;
    line-height: 1.2331754607;
    display: block;
    font-weight: bold;
    margin-bottom:1rem
}

h2, .h2 {
    font-size: 1.8020324707rem;
    line-height: 1.3873223933;
    display: block;
    font-weight: bold;
    margin:0rem 0rem 1rem 0rem
}

h3, .h3 {
    font-size: 1.423828125rem;
    line-height: 1.4046639232;
    display: block;
    font-weight: bold;
    margin:0rem 0rem 0.5rem 0rem
}

h4, .h4 {
    font-size: 1.265625rem;
    line-height: 1.1851851852;
    display: block;
    font-weight: bold;
    margin:0rem 0rem 0.5rem 0rem
}

h5, .h5 {
    font-size: 1.265625rem;
    line-height: 1.1851851852;
    display: block;
    font-weight: bold;
    margin: 0rem 0rem 0.5rem 0rem;
    font-style: italic;
    margin:0rem 0rem 0.5rem 0rem
}

.block h2 {
    padding-top: 0.5rem;
    border-top:1px solid #e1e1e1
}

:root {
    --font-family: RO Sans, Calibri, Arial, Verdana, sans-serif;
    --default-text-color: #333;
    --default-button-color: #01689b
}

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

html {
    scroll-behavior:smooth
}

body {
    overflow-x:hidden
}

body:after {
    display: none;
    content: "mobile"
}

@media (min-width: 576px) {
    body:after {
        display: none;
        content: "phablet"
    }
}

@media (min-width: 768px) {
    body:after {
        display: none;
        content: "tablet"
    }
}

@media (min-width: 992px) {
    body:after {
        display: none;
        content: "desktop"
    }
}

#mainwrapper {
    position: relative;
    overflow:hidden
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    #mainwrapper * ::-ms-backdrop {
        display:inline
    }

    #mainwrapper {
        display:inline
    }
}

.assistive, .hotspotimage button span {
    position: absolute !important;
    display: inline-block !important;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border:0
}

body {
    font-weight: normal;
    color:#000
}

body, p, li {
    font-size: 1.265625rem;
    line-height:1.3827160494
}

a {
    color:#01689b
}

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

a:visited {
    color:#848
}

a:visited:before, a:visited:after {
    color:#848
}

a:focus {
    outline: 2px dashed #000;
    z-index: 1010;
    outline-offset: 0;
    -webkit-box-shadow: 0 0 0 2px #fff;
    box-shadow: 0 0 0 2px #fff
}

a[href^="tel:"]:before {
    content: "";
    display: inline-block;
    margin-right: 0.25rem;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cg id='ICOON'%3E%3Cpath d='M185.2,163.1c-10.2,10.2-13.2,24.9-21.3,33.1c-8,8-39.4-17.1-63.3-40.7c-23.7-23.9-48.7-55.3-40.7-63.3 c8.1-8.1,22.8-11,33.1-21.3c10.2-10.2-33.5-58.6-40.4-65.5S35.7-2.2,27.8,5.7C-17.5,51-8.1,113.3,60.8,186.3l-0.2,0.1 c1.5,1.5,9.1,8.8,9.1,8.8c72.9,68.9,135.3,78.4,180.6,33c7.9-7.9,7.1-17.8,0.3-24.6C243.8,196.7,195.4,152.9,185.2,163.1z' /%3E%3C/g%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cg id='ICOON'%3E%3Cpath d='M185.2,163.1c-10.2,10.2-13.2,24.9-21.3,33.1c-8,8-39.4-17.1-63.3-40.7c-23.7-23.9-48.7-55.3-40.7-63.3 c8.1-8.1,22.8-11,33.1-21.3c10.2-10.2-33.5-58.6-40.4-65.5S35.7-2.2,27.8,5.7C-17.5,51-8.1,113.3,60.8,186.3l-0.2,0.1 c1.5,1.5,9.1,8.8,9.1,8.8c72.9,68.9,135.3,78.4,180.6,33c7.9-7.9,7.1-17.8,0.3-24.6C243.8,196.7,195.4,152.9,185.2,163.1z' /%3E%3C/g%3E%3C/svg%3E")
}

p {
    margin-top:0
}

p:not(:last-child) {
    margin:0 0 1rem 0
}

li:not(:last-child) {
    margin:0 0 0.5rem 0
}

ul {
    padding: 0;
    list-style-type:none
}

ul li {
    padding-right: 0;
    padding-left:0
}

.content {
    padding-top:3rem
}

.content > :last-child {
    margin-bottom:3rem
}

.unordered-list > li {
    overflow: hidden;
    position: relative;
    -webkit-padding-start: calc(7px + 0.75rem);
    padding-inline-start:calc(7px + 0.75rem)
}

.unordered-list > li:before {
    position: absolute;
    inset-inline-start: 0;
    content: "";
    background: #000;
    display: block;
    text-indent: -0.1em;
    width: 6px;
    height: 6px;
    inset-block-start:7.2px
}

@media (min-width: 768px) {
    .unordered-list > li:before {
        width: 7px;
        height: 7px;
        inset-block-start:8.1px
    }
}

@media (min-width: 992px) {
    .unordered-list > li:before {
        width: 7px;
        height: 7px;
        inset-block-start:9.5px
    }
}

ul.common:not(.gallery-result) {
    list-style: none !important;
    -webkit-margin-start: 0 !important;
    margin-inline-start:0 !important
}

ul.common:not(.gallery-result) li, ul.common:not(.gallery-result) li > h2, ul.common:not(.gallery-result) a > h3, ul.common:not(.gallery-result) a > h4 {
    font-size: 1.265625rem;
    line-height: 22.4px;
    font-weight:normal
}

@media (min-width: 768px) {
    ul.common:not(.gallery-result) li, ul.common:not(.gallery-result) li > h2, ul.common:not(.gallery-result) a > h3, ul.common:not(.gallery-result) a > h4 {
        line-height:25.2px
    }
}

@media (min-width: 992px) {
    ul.common:not(.gallery-result) li, ul.common:not(.gallery-result) li > h2, ul.common:not(.gallery-result) a > h3, ul.common:not(.gallery-result) a > h4 {
        line-height:28px
    }
}

ul.common:not(.gallery-result) li, ul.common:not(.gallery-result) a {
    -webkit-margin-after: 0.75rem;
    margin-block-end:0.75rem
}

ul.common:not(.gallery-result) li > a {
    -webkit-margin-after: 0;
    margin-block-end:0
}

ul.common:not(.gallery-result) a {
    -webkit-padding-start: calc((8.4px + 0.75rem) * 0.8);
    padding-inline-start: calc((8.4px + 0.75rem) * 0.8);
    position: relative;
    display: block;
    text-decoration: none;
    font-size: inherit;
    line-height: inherit;
    font-weight:normal
}

@media (min-width: 768px) {
    ul.common:not(.gallery-result) a {
        -webkit-padding-start: calc((8.4px + 0.75rem) * 0.9);
        padding-inline-start:calc((8.4px + 0.75rem) * 0.9)
    }
}

@media (min-width: 992px) {
    ul.common:not(.gallery-result) a {
        -webkit-padding-start: calc((8.4px + 0.75rem) * 1);
        padding-inline-start:calc((8.4px + 0.75rem) * 1)
    }
}

ul.common:not(.gallery-result) a:before {
    display: inline-flex;
    align-items: center;
    content: "";
    font-family: "RO Icons";
    font-size: .7rem;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 6.72px;
    height: 22.4px;
    text-indent: -0.1em;
    position: absolute;
    inset-block-start: -1px;
    inset-inline-start:0
}

@media (min-width: 768px) {
    ul.common:not(.gallery-result) a:before {
        width:7.56px
    }
}

@media (min-width: 992px) {
    ul.common:not(.gallery-result) a:before {
        width:8.4px
    }
}

@media (min-width: 768px) {
    ul.common:not(.gallery-result) a:before {
        height:25.2px
    }
}

@media (min-width: 992px) {
    ul.common:not(.gallery-result) a:before {
        height:28px
    }
}

ul.common:not(.gallery-result) a:hover {
    text-decoration:underline
}

ul.common:not(.gallery-result) a:hover:before {
    text-decoration:none
}

ul.common:not(.gallery-result) a.external:before {
    content: "";
    font-family: "RO Icons";
    font-size: .595rem;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing:grayscale
}

[dir=rtl] ul.common:not(.gallery-result) a:before {
    -webkit-transform: rotate(-180deg);
    transform:rotate(-180deg)
}

[dir=rtl] ul.common:not(.gallery-result) a.external:before {
    -webkit-transform: rotate(-90deg);
    transform:rotate(-90deg)
}

ul.common:not(.gallery-result) p:not(.article-meta):not(.meta):not(.superheading):not(.copyright) {
    font-size: 1rem;
    line-height: 1.5;
    font-weight: normal;
    color: #000;
    -webkit-margin-after: 0;
    margin-block-end:0
}

ul.common:not(.gallery-result) p.meta {
    font-size: 0.8888888889rem;
    line-height: 1.6875;
    font-weight: normal;
    color: #535353;
    margin: 0;
    margin-top:0.5rem
}

.two-columns {
    display: flex;
    flex-basis: 100%;
    flex-wrap: wrap;
    max-width: 1200px;
    align-items: flex-start;
    justify-content: flex-start;
    -webkit-margin-end: -16px;
    margin-inline-end: -16px;
    -webkit-margin-start: -16px;
    margin-inline-start: -16px;
    margin-bottom:2rem
}

.two-columns .column {
    flex-grow: 0;
    flex-shrink: initial;
    flex-basis: 100%;
    max-width: 100%;
    -webkit-padding-end: 16px;
    padding-inline-end: 16px;
    -webkit-padding-start: 16px;
    padding-inline-start: 16px;
    margin:0
}

@media (min-width: 576px) {
    .two-columns .column {
        flex-grow: 0;
        flex-shrink: initial;
        flex-basis: 50%;
        max-width: 50%;
        -webkit-padding-end: 16px;
        padding-inline-end: 16px;
        -webkit-padding-start: 16px;
        padding-inline-start:16px
    }
}

.two-columns > h2 {
    width: 100%;
    padding-right: 1rem;
    padding-left:1rem
}

.three-columns {
    display: flex;
    flex-basis: 100%;
    flex-wrap: wrap;
    max-width: 1200px;
    align-items: flex-start;
    justify-content: flex-start;
    -webkit-margin-end: -16px;
    margin-inline-end: -16px;
    -webkit-margin-start: -16px;
    margin-inline-start:-16px
}

.three-columns .column {
    flex-grow: 0;
    flex-shrink: initial;
    flex-basis: 100%;
    max-width: 100%;
    -webkit-padding-end: 16px;
    padding-inline-end: 16px;
    -webkit-padding-start: 16px;
    padding-inline-start: 16px;
    margin-bottom:1.5rem
}

@media (min-width: 576px) {
    .three-columns .column {
        flex-grow: 0;
        flex-shrink: initial;
        flex-basis: 50%;
        max-width: 50%;
        -webkit-padding-end: 16px;
        padding-inline-end: 16px;
        -webkit-padding-start: 16px;
        padding-inline-start:16px
    }
}

@media (min-width: 768px) {
    .three-columns .column {
        flex-grow: 0;
        flex-shrink: initial;
        flex-basis: 33.3333333333%;
        max-width: 33.3333333333%;
        -webkit-padding-end: 16px;
        padding-inline-end: 16px;
        -webkit-padding-start: 16px;
        padding-inline-start:16px
    }
}

.three-columns .column h2 {
    font-size: 1.6018066406rem;
    line-height:1.2485901539
}

.three-columns .column h2 a {
    text-decoration:underline
}

.three-columns .column h2 a:hover {
    text-decoration:none
}

.three-columns ul.common {
    list-style: none !important;
    -webkit-margin-start: 0 !important;
    margin-inline-start:0 !important
}

.three-columns ul.common li, .three-columns ul.common li > h2, .three-columns ul.common a > h3, .three-columns ul.common a > h4 {
    font-size: 1.125rem;
    line-height: 19.2px;
    font-weight:normal
}

@media (min-width: 768px) {
    .three-columns ul.common li, .three-columns ul.common li > h2, .three-columns ul.common a > h3, .three-columns ul.common a > h4 {
        line-height:21.6px
    }
}

@media (min-width: 992px) {
    .three-columns ul.common li, .three-columns ul.common li > h2, .three-columns ul.common a > h3, .three-columns ul.common a > h4 {
        line-height:24px
    }
}

.three-columns ul.common li, .three-columns ul.common a {
    -webkit-margin-after: 0.75rem;
    margin-block-end:0.75rem
}

.three-columns ul.common li > a {
    -webkit-margin-after: 0;
    margin-block-end:0
}

.three-columns ul.common a {
    -webkit-padding-start: calc((8.4px + 0.75rem) * 0.8);
    padding-inline-start: calc((8.4px + 0.75rem) * 0.8);
    position: relative;
    display: block;
    text-decoration: none;
    font-size: inherit;
    line-height: inherit;
    font-weight:normal
}

@media (min-width: 768px) {
    .three-columns ul.common a {
        -webkit-padding-start: calc((8.4px + 0.75rem) * 0.9);
        padding-inline-start:calc((8.4px + 0.75rem) * 0.9)
    }
}

@media (min-width: 992px) {
    .three-columns ul.common a {
        -webkit-padding-start: calc((8.4px + 0.75rem) * 1);
        padding-inline-start:calc((8.4px + 0.75rem) * 1)
    }
}

.three-columns ul.common a:before {
    display: inline-flex;
    align-items: center;
    content: "";
    font-family: "RO Icons";
    font-size: .7rem;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 6.72px;
    height: 19.2px;
    text-indent: -0.1em;
    position: absolute;
    inset-block-start: -1px;
    inset-inline-start:0
}

@media (min-width: 768px) {
    .three-columns ul.common a:before {
        width:7.56px
    }
}

@media (min-width: 992px) {
    .three-columns ul.common a:before {
        width:8.4px
    }
}

@media (min-width: 768px) {
    .three-columns ul.common a:before {
        height:21.6px
    }
}

@media (min-width: 992px) {
    .three-columns ul.common a:before {
        height:24px
    }
}

.three-columns ul.common a:hover {
    text-decoration:underline
}

.three-columns ul.common a:hover:before {
    text-decoration:none
}

.three-columns ul.common a.external:before {
    content: "";
    font-family: "RO Icons";
    font-size: .595rem;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing:grayscale
}

[dir=rtl] .three-columns ul.common a:before {
    -webkit-transform: rotate(-180deg);
    transform:rotate(-180deg)
}

[dir=rtl] .three-columns ul.common a.external:before {
    -webkit-transform: rotate(-90deg);
    transform:rotate(-90deg)
}

.three-columns ul.common p:not(.article-meta):not(.meta):not(.superheading):not(.copyright) {
    font-size: 0.8888888889rem;
    line-height: 1.40625;
    font-weight: normal;
    color: #000;
    -webkit-margin-after: 0;
    margin-block-end:0
}

.three-columns ul.common p.meta {
    font-size: 0.8888888889rem;
    line-height: 1.6875;
    font-weight: normal;
    color: #535353;
    margin: 0;
    margin-top:0.5rem
}

dl {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    width:100%
}

dl dt, dl dd {
    margin: 0;
    margin-bottom:0.25rem
}

dl dt {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 100%;
    font-weight:normal
}

@media (min-width: 576px) {
    dl dt {
        flex-basis:calc(30% - 0.5rem)
    }
}

dl dt:after {
    content: ":"
}

dl dd {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis:100%
}

@media (min-width: 576px) {
    dl dd {
        flex-basis:calc(70% - 1rem)
    }

    dl dd + dd {
        margin-left:calc(30% + 1rem)
    }
}

dl p:last-child {
    margin-bottom:0
}

@media (min-width: 576px) {
    dl.statistics dt {
        flex-basis:calc(45% - 0.5rem)
    }
}

@media (max-width: 575px) {
    dl.statistics dt {
        margin-bottom:0
    }
}

dl.statistics dd {
    flex-grow:1
}

@media (min-width: 576px) {
    dl.statistics dd {
        flex-basis:calc(55% - 1rem)
    }
}

@media (max-width: 575px) {
    dl.statistics dd {
        margin-bottom:0.5rem
    }
}

q {
    font-style:italic
}

blockquote {
    display: block;
    font-style: italic;
    clear: both;
    width: 100%;
    margin: 2rem 0 1rem 0;
    padding: 1rem 1rem 1rem 1rem;
    color: #000;
    border-left: 0.5rem solid dimgray;
    background:#f3f3f3
}

blockquote::before {
    display: block;
    margin-top: 0.75rem;
    margin-bottom: 0rem;
    content: "“";
    color: dimgray;
    font-size: 6rem;
    line-height:.1em
}

[dir=rtl] blockquote {
    border-right: 0.5rem solid dimgray;
    border-left:0
}

.attention {
    display: block;
    margin: 2.5rem 0;
    padding: 0 4rem 0 2.5rem;
    border-left: 10px solid #01689b;
    font-weight:normal
}

[dir=rtl] .attention {
    padding: 0 2.5rem 0 4rem;
    border-right: 10px solid #01689b;
    border-left:none
}

em {
    font-style:italic
}

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

.infographic img {
    width:auto
}

.shadow-sm {
    -webkit-box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
    box-shadow:0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.shadow {
    -webkit-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
    box-shadow:0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

.shadow-lg {
    -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important;
    box-shadow:0 1rem 3rem rgba(0, 0, 0, .175) !important
}

.shadow-none {
    -webkit-box-shadow: none !important;
    box-shadow:none !important
}

.copyright {
    font-size: 0.8888888889rem;
    line-height: 1.125;
    color:dimgray
}

.external {
    position: relative;
    padding-left:1rem
}

.external:before {
    content: "";
    font-family: "RO Icons";
    font-size: .7rem;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 3px;
    left:2px
}

.summary h2 {
    color: dimgray;
    font-weight: normal;
    font-size:1.6018066406rem
}

.summary h2 span {
    color: #000;
    font-size:2.0272865295rem
}

.activityDetail .alert {
    display: flex;
    align-items: center;
    position: relative;
    background-color: #ffe9b7;
    padding: 1rem;
    margin-bottom: 1.5rem;
    font-size: 1.125rem;
    line-height:1.3333333333
}

.activityDetail .alert:before {
    position: relative;
    display: block;
    content: "";
    width: 24px;
    height: 24px;
    margin-right: 0.5rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 96'%3E%3Cpath d='M0,0H28V61H0ZM0,77.61H28V96H0Z'/%3E%3C/svg%3E");
    background-color: #ffb612;
    background-size: 3.5px 12px;
    background-position: center center;
    background-repeat:no-repeat
}

.activityDetail .alert p {
    margin-top:0
}

.activityDetail .alert p:last-child {
    margin-bottom:0
}

.clearFieldWrapper .clearField {
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    min-height: 2.5rem;
    padding: 0;
    cursor: pointer;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    text-indent: -9999px;
    position: absolute;
    z-index: 1010;
    top: 50%;
    right: 48px;
    display: none;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background:transparent
}

.clearFieldWrapper .clearField:after {
    content: "";
    font-family: "RO Icons";
    font-size: 16px;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 0;
    width: 100%;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    text-indent:0
}

.clearFieldWrapper .clearField:after {
    color:#01689b
}

.clearFieldWrapper .clearField.active {
    display:inline-block
}

[dir=rtl] .clearFieldWrapper .clearField {
    right: auto;
    left:48px
}

.clearFieldWrapper .clearField::-ms-clear {
    display:none
}

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

.message.cookie {
    padding: 0.5rem;
    background-color:#e6e6e6
}

table {
    min-width: 100%;
    margin: 0rem 0rem 1.5rem 0rem;
    text-align: left;
    border-collapse: collapse;
    background-color:#f3f3f3
}

table td, table th, table p, table li, table caption {
    font-size: 1rem;
    line-height:1.5
}

table th, table td {
    padding: 1rem;
    vertical-align: top;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    border-collapse:collapse
}

table th:last-child, table td:last-child {
    border-right-width:0
}

table th ul, table td ul {
    padding: 0;
    list-style-type:none
}

table th ul.list-style-type--disc, table td ul.list-style-type--disc {
    list-style-type:disc
}

table th ul.list-style-type--circle, table td ul.list-style-type--circle {
    list-style-type:circle
}

table th ul.list-style-type--square, table td ul.list-style-type--square {
    list-style-type:square
}

table th ul[class * =list-style-type] li, table td ul[class * =list-style-type] li {
                                                                                    overflow: visible;
                                                                                    -webkit-padding-start: initial;
                                                                                    padding-inline-start: initial;
                                                                                    -webkit-margin-start: 1em;
                                                                                    margin-inline-start:1em
                                                                                }

table th ul[class * =list-style-type] li:before, table td ul[class * =list-style-type] li:before {
                                                                                           display:none
                                                                                       }

table th > ul > li, table th > ul ul > li, table td > ul > li, table td > ul ul > li {
    overflow: hidden;
    position: relative;
    -webkit-padding-start: calc(7px + 0.75rem);
    padding-inline-start:calc(7px + 0.75rem)
}

table th > ul > li:before, table th > ul ul > li:before, table td > ul > li:before, table td > ul ul > li:before {
    position: absolute;
    inset-inline-start: 0;
    content: "";
    background: #000;
    display: block;
    text-indent: -0.1em;
    width: 6px;
    height: 6px;
    inset-block-start:7.2px
}

@media (min-width: 768px) {
    table th > ul > li:before, table th > ul ul > li:before, table td > ul > li:before, table td > ul ul > li:before {
        width: 7px;
        height: 7px;
        inset-block-start:8.1px
    }
}

@media (min-width: 992px) {
    table th > ul > li:before, table th > ul ul > li:before, table td > ul > li:before, table td > ul ul > li:before {
        width: 7px;
        height: 7px;
        inset-block-start:9.5px
    }
}

table th ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results), table td ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results) {
    -webkit-padding-start: 1.5rem;
    padding-inline-start: 1.5rem;
    list-style-type:decimal
}

table th ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--lower-alpha, table td ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--lower-alpha {
    list-style-type:lower-alpha
}

table th ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--upper-alpha, table td ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--upper-alpha {
    list-style-type:upper-alpha
}

table th ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--lower-roman, table td ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--lower-roman {
    list-style-type:lower-roman
}

table th ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--upper-roman, table td ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--upper-roman {
    list-style-type:upper-roman
}

table th ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--decimal, table td ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--decimal {
    list-style-type:decimal
}

table th ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results) > li, table td ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results) > li {
    -webkit-padding-start: 0.25rem;
    padding-inline-start:0.25rem
}

table th > ol > li > ul > li, table td > ol > li > ul > li {
    overflow: hidden;
    position: relative;
    -webkit-padding-start: calc(7px + 0.75rem);
    padding-inline-start:calc(7px + 0.75rem)
}

table th > ol > li > ul > li:before, table td > ol > li > ul > li:before {
    position: absolute;
    inset-inline-start: 0;
    content: "";
    background: #000;
    display: block;
    text-indent: -0.1em;
    width: 6px;
    height: 6px;
    inset-block-start:7.2px
}

@media (min-width: 768px) {
    table th > ol > li > ul > li:before, table td > ol > li > ul > li:before {
        width: 7px;
        height: 7px;
        inset-block-start:8.1px
    }
}

@media (min-width: 992px) {
    table th > ol > li > ul > li:before, table td > ol > li > ul > li:before {
        width: 7px;
        height: 7px;
        inset-block-start:9.5px
    }
}

table th ol, table td ol {
    -webkit-padding-start: 1rem;
    padding-inline-start:1rem
}

table th {
    background-color:#e6e6e6
}

table td:only-child {
    border-right:2px solid #fff
}

table p, table ul {
    margin-bottom:1rem
}

table p:last-child, table ul:last-child {
    margin-bottom:0
}

table caption {
    margin-bottom: 0.75rem;
    text-align: left;
    color:#535353
}

table caption .title {
    display: block;
    color: #000;
    font-weight:700
}

table caption .subtitle {
    color:#535353
}

.scrollcontainer {
    margin: 0rem 0rem 2rem 0rem;
    overflow: hidden;
    overflow-x:auto
}

.scrollcontainer table {
    margin-bottom:0
}

@media (min-width: 768px) {
    .scrollcontainer th.col-wide {
        width:40%
    }
}

.scrollcontainer::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 11px;
    height:11px
}

.scrollcontainer::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid #fff;
    background-color:#e6e6e6
}

@media (min-width: 768px) {
    form table + fieldset.navigation {
        padding-left:0
    }

    form table + fieldset.navigation div {
        padding-left:25%
    }
}

main {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    padding-bottom:3rem
}

main:focus {
    outline:none
}

main > .wrapper:not(.is-full-width) {
    display: flex;
    flex-basis: 100%;
    flex-wrap: wrap;
    max-width: 1200px;
    align-items: flex-start;
    -webkit-margin-end: -16px;
    margin-inline-end: -16px;
    -webkit-margin-start: -16px;
    margin-inline-start:-16px
}

.content {
    flex-grow: 0;
    flex-shrink: initial;
    flex-basis: 100%;
    max-width: 100%;
    -webkit-padding-end: 16px;
    padding-inline-end: 16px;
    -webkit-padding-start: 16px;
    padding-inline-start: 16px;
    max-width: 100vw;
    margin:0 auto
}

@media (min-width: 768px) {
    .content.article {
        flex-grow: 0;
        flex-shrink: initial;
        flex-basis: 75%;
        max-width: 75%;
        -webkit-padding-end: 16px;
        padding-inline-end: 16px;
        -webkit-padding-start: 16px;
        padding-inline-start:16px
    }
}

@media (min-width: 992px) {
    .content.article {
        flex-grow: 0;
        flex-shrink: initial;
        flex-basis: 66.6666666667%;
        max-width: 66.6666666667%;
        -webkit-padding-end: 16px;
        padding-inline-end: 16px;
        -webkit-padding-start: 16px;
        padding-inline-start:16px
    }
}

.fullWidth .content.article {
    margin:0
}

.content.article pre {
    background-color: #e7e7e7;
    padding: 10px;
    border: 1px solid #a9a9a9;
    overflow-x:scroll
}

aside {
    display: flex;
    flex-basis: 100%;
    flex-wrap: wrap;
    max-width: 1200px;
    flex-grow: 0;
    flex-shrink: initial;
    flex-basis: 100%;
    max-width: 100%;
    -webkit-padding-end: 0;
    padding-inline-end: 0;
    -webkit-padding-start: 0;
    padding-inline-start: 0;
    margin:0 auto
}

@media (min-width: 768px) {
    aside {
        flex-grow: 0;
        flex-shrink: initial;
        flex-basis: 75%;
        max-width: 75%;
        -webkit-padding-end: 0;
        padding-inline-end: 0;
        -webkit-padding-start: 0;
        padding-inline-start:0
    }
}

@media (min-width: 992px) {
    aside {
        flex-grow: 0;
        flex-shrink: initial;
        flex-basis: 66.6666666667%;
        max-width: 66.6666666667%;
        -webkit-padding-end: 0;
        padding-inline-end: 0;
        -webkit-padding-start: 0;
        padding-inline-start:0
    }
}

.fullWidth aside {
    margin:0
}

@media (min-width: 768px) {
    .fullWidth aside {
        flex-grow: 0;
        flex-shrink: initial;
        flex-basis: 100%;
        max-width: 100%;
        -webkit-padding-end: 0;
        padding-inline-end: 0;
        -webkit-padding-start: 0;
        padding-inline-start:0
    }
}

@media (min-width: 992px) {
    .fullWidth aside {
        flex-grow: 0;
        flex-shrink: initial;
        flex-basis: 100%;
        max-width: 100%;
        -webkit-padding-end: 0;
        padding-inline-end: 0;
        -webkit-padding-start: 0;
        padding-inline-start:0
    }
}

#follow-up {
    display: flex;
    flex-basis: 100%;
    flex-wrap: wrap;
    max-width: 1200px;
    justify-content:center
}

.fullWidthSection {
    display: flex;
    flex-basis: 100%;
    flex-wrap: wrap;
    max-width: 1200px;
    flex-grow: 0;
    flex-shrink: initial;
    flex-basis: 100%;
    max-width: 100%;
    -webkit-padding-end: 0;
    padding-inline-end: 0;
    -webkit-padding-start: 0;
    padding-inline-start: 0;
    margin:0 auto
}

@media (min-width: 768px) {
    .fullWidthSection {
        flex-grow: 0;
        flex-shrink: initial;
        flex-basis: 75%;
        max-width: 75%;
        -webkit-padding-end: 0;
        padding-inline-end: 0;
        -webkit-padding-start: 0;
        padding-inline-start:0
    }
}

@media (min-width: 992px) {
    .fullWidthSection {
        flex-grow: 0;
        flex-shrink: initial;
        flex-basis: 66.6666666667%;
        max-width: 66.6666666667%;
        -webkit-padding-end: 0;
        padding-inline-end: 0;
        -webkit-padding-start: 0;
        padding-inline-start:0
    }
}

.fullWidthSection .colRow {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis:100%
}

.fullWidth .fullWidthSection {
    margin:0
}

@media (min-width: 768px) {
    .fullWidth .fullWidthSection {
        flex-grow: 0;
        flex-shrink: initial;
        flex-basis: 100%;
        max-width: 100%;
        -webkit-padding-end: 0;
        padding-inline-end: 0;
        -webkit-padding-start: 0;
        padding-inline-start:0
    }
}

@media (min-width: 992px) {
    .fullWidth .fullWidthSection {
        flex-grow: 0;
        flex-shrink: initial;
        flex-basis: 100%;
        max-width: 100%;
        -webkit-padding-end: 0;
        padding-inline-end: 0;
        -webkit-padding-start: 0;
        padding-inline-start:0
    }
}

#navBar {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    width: auto;
    min-height: 70px;
    background-color:#01689b
}

#navBar .wrapper {
    display: flex;
    flex-basis: 100%;
    flex-wrap: wrap;
    max-width: 1200px;
    align-items: center;
    justify-content: flex-start;
    -webkit-margin-end: -16px;
    margin-inline-end: -16px;
    -webkit-margin-start: -16px;
    margin-inline-start: -16px;
    position:relative
}

@media print {
    #navBar {
        display:none
    }
}

.site-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    background-color:#01689b
}

.site-footer > .wrapper {
    display: flex;
    flex-basis: 100%;
    flex-wrap: wrap;
    max-width: 1200px;
    align-items: flex-start;
    justify-content: flex-start;
    -webkit-margin-end: -16px;
    margin-inline-end: -16px;
    -webkit-margin-start: -16px;
    margin-inline-start: -16px;
    padding-top: 2.5rem;
    padding-bottom:2.5rem
}

.site-footer .column {
    flex-grow: 0;
    flex-shrink: initial;
    flex-basis: 50%;
    max-width: 50%;
    -webkit-padding-end: 16px;
    padding-inline-end: 16px;
    -webkit-padding-start: 16px;
    padding-inline-start:16px
}

@media (min-width: 768px) {
    .site-footer .column {
        flex-grow: 0;
        flex-shrink: initial;
        flex-basis: 25%;
        max-width: 25%;
        -webkit-padding-end: 16px;
        padding-inline-end: 16px;
        -webkit-padding-start: 16px;
        padding-inline-start:16px
    }
}

@media (min-width: 1200px) {
    .site-footer .column {
        flex-grow: 0;
        flex-shrink: initial;
        flex-basis: 16.6666666667%;
        max-width: 16.6666666667%;
        -webkit-padding-end: 16px;
        padding-inline-end: 16px;
        -webkit-padding-start: 16px;
        padding-inline-start:16px
    }
}

.site-footer .column h2, .site-footer .column li, .site-footer .column a, .site-footer .column a:hover {
    color:#fff
}

.site-footer .column h2 {
    font-size: 1.6018066406rem;
    line-height: 1.2485901539;
    font-weight: normal;
    margin-bottom:1rem
}

.site-footer .column ul {
    margin-bottom: 0;
    list-style: none !important;
    -webkit-margin-start: 0 !important;
    margin-inline-start:0 !important
}

.site-footer .column ul li, .site-footer .column ul li > h2, .site-footer .column ul a > h3, .site-footer .column ul a > h4 {
    font-size: 1.125rem;
    line-height: 19.2px;
    font-weight:normal
}

@media (min-width: 768px) {
    .site-footer .column ul li, .site-footer .column ul li > h2, .site-footer .column ul a > h3, .site-footer .column ul a > h4 {
        line-height:21.6px
    }
}

@media (min-width: 992px) {
    .site-footer .column ul li, .site-footer .column ul li > h2, .site-footer .column ul a > h3, .site-footer .column ul a > h4 {
        line-height:24px
    }
}

.site-footer .column ul li, .site-footer .column ul a {
    -webkit-margin-after: 0.75rem;
    margin-block-end:0.75rem
}

.site-footer .column ul li > a {
    -webkit-margin-after: 0;
    margin-block-end:0
}

.site-footer .column ul a {
    -webkit-padding-start: calc((8.4px + 0.75rem) * 0.8);
    padding-inline-start: calc((8.4px + 0.75rem) * 0.8);
    position: relative;
    display: block;
    text-decoration: none;
    font-size: inherit;
    line-height: inherit;
    font-weight: normal;
    -webkit-padding-before: 6.4px;
    padding-block-start: 6.4px;
    -webkit-padding-after: 6.4px;
    padding-block-end:6.4px
}

@media (min-width: 768px) {
    .site-footer .column ul a {
        -webkit-padding-start: calc((8.4px + 0.75rem) * 0.9);
        padding-inline-start:calc((8.4px + 0.75rem) * 0.9)
    }
}

@media (min-width: 992px) {
    .site-footer .column ul a {
        -webkit-padding-start: calc((8.4px + 0.75rem) * 1);
        padding-inline-start:calc((8.4px + 0.75rem) * 1)
    }
}

@media (min-width: 768px) {
    .site-footer .column ul a {
        -webkit-padding-before: 7.2px;
        padding-block-start:7.2px
    }
}

@media (min-width: 992px) {
    .site-footer .column ul a {
        -webkit-padding-before: 8px;
        padding-block-start:8px
    }
}

@media (min-width: 768px) {
    .site-footer .column ul a {
        -webkit-padding-after: 7.2px;
        padding-block-end:7.2px
    }
}

@media (min-width: 992px) {
    .site-footer .column ul a {
        -webkit-padding-after: 8px;
        padding-block-end:8px
    }
}

.site-footer .column ul a:before {
    display: inline-flex;
    align-items: center;
    content: "";
    font-family: "RO Icons";
    font-size: .7rem;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 6.72px;
    -webkit-padding-before: 6.4px;
    padding-block-start: 6.4px;
    height: 25.6px;
    text-indent: -0.1em;
    position: absolute;
    inset-block-start: -1px;
    inset-inline-start:0
}

@media (min-width: 768px) {
    .site-footer .column ul a:before {
        width:7.56px
    }
}

@media (min-width: 992px) {
    .site-footer .column ul a:before {
        width:8.4px
    }
}

@media (min-width: 768px) {
    .site-footer .column ul a:before {
        -webkit-padding-before: 7.2px;
        padding-block-start:7.2px
    }
}

@media (min-width: 992px) {
    .site-footer .column ul a:before {
        -webkit-padding-before: 8px;
        padding-block-start:8px
    }
}

@media (min-width: 768px) {
    .site-footer .column ul a:before {
        height:28.8px
    }
}

@media (min-width: 992px) {
    .site-footer .column ul a:before {
        height:32px
    }
}

.site-footer .column ul a:hover {
    text-decoration:underline
}

.site-footer .column ul a:hover:before {
    text-decoration:none
}

.site-footer .column ul a.external:before {
    content: "";
    font-family: "RO Icons";
    font-size: .595rem;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing:grayscale
}

[dir=rtl] .site-footer .column ul a:before {
    -webkit-transform: rotate(-180deg);
    transform:rotate(-180deg)
}

[dir=rtl] .site-footer .column ul a.external:before {
    -webkit-transform: rotate(-90deg);
    transform:rotate(-90deg)
}

.site-footer .column ul p:not(.article-meta):not(.meta):not(.superheading):not(.copyright) {
    font-size: 0.8888888889rem;
    line-height: 1.40625;
    font-weight: normal;
    color: #000;
    -webkit-margin-after: 0;
    margin-block-end:0
}

.site-footer .column ul p.meta {
    font-size: 0.8888888889rem;
    line-height: 1.6875;
    font-weight: normal;
    color: #535353;
    margin: 0;
    margin-top:0.5rem
}

.site-footer .column ul li {
    margin-bottom:0
}

.site-footer .column ul a:visited:before {
    color:#fff
}

@media (min-width: 768px) {
    .site-footer .column:first-child {
        margin-left:50%
    }
}

@media (min-width: 1200px) {
    .site-footer .column:first-child {
        margin-left:66.666667%
    }
}

.site-footer .payoff {
    flex-grow: 0;
    flex-shrink: initial;
    flex-basis: 100%;
    max-width: 100%;
    -webkit-padding-end: 16px;
    padding-inline-end: 16px;
    -webkit-padding-start: 16px;
    padding-inline-start: 16px;
    margin-bottom:2rem
}

@media (min-width: 768px) {
    .site-footer .payoff {
        flex-grow: 0;
        flex-shrink: initial;
        flex-basis: 50%;
        max-width: 50%;
        -webkit-padding-end: 16px;
        padding-inline-end: 16px;
        -webkit-padding-start: 16px;
        padding-inline-start:16px
    }
}

@media (min-width: 1200px) {
    .site-footer .payoff {
        flex-grow: 0;
        flex-shrink: initial;
        flex-basis: 66.6666666667%;
        max-width: 66.6666666667%;
        -webkit-padding-end: 16px;
        padding-inline-end: 16px;
        -webkit-padding-start: 16px;
        padding-inline-start:16px
    }
}

.site-footer .payoff span {
    color: #fff;
    font-family: "RO Serif";
    font-size: 2.0272865295rem;
    line-height: .9865403685;
    font-weight: normal;
    font-style: italic;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing:grayscale
}

@media print {
    .site-footer {
        display:none
    }
}

@-webkit-keyframes openPanel {
    0% {
        height:0
    }

    100% {
        height:100%
    }
}

@keyframes openPanel {
    0% {
        height:0
    }

    100% {
        height:100%
    }
}

.collapsiblePanels {
    margin: 0 0 2rem;
    padding: 0;
    display: flex;
    flex-direction:column
}

.collapsiblePanels .panel {
    display: inline-block;
    border-top: 1px solid #fff;
    background-color: #f3f3f3;
    width: 100%;
    height:auto
}

.collapsiblePanels .panel > h3 {
    display: block;
    padding: 0;
    margin:0
}

.collapsiblePanels .panel p, .collapsiblePanels .panel li {
    font-size: 1.265625rem;
    line-height:1.3827160494
}

.collapsiblePanels .panel div:not(.location) > ul > li {
    overflow: hidden;
    position: relative;
    -webkit-padding-start: calc(7px + 0.75rem);
    padding-inline-start:calc(7px + 0.75rem)
}

.collapsiblePanels .panel div:not(.location) > ul > li:before {
    position: absolute;
    inset-inline-start: 0;
    content: "";
    background: #000;
    display: block;
    text-indent: -0.1em;
    width: 6px;
    height: 6px;
    inset-block-start:7.2px
}

@media (min-width: 768px) {
    .collapsiblePanels .panel div:not(.location) > ul > li:before {
        width: 7px;
        height: 7px;
        inset-block-start:8.1px
    }
}

@media (min-width: 992px) {
    .collapsiblePanels .panel div:not(.location) > ul > li:before {
        width: 7px;
        height: 7px;
        inset-block-start:9.5px
    }
}

.collapsiblePanels .panel button {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    position: relative;
    background-color: #f3f3f3;
    color: #01689b;
    font-weight: normal;
    text-align: left;
    width:100%
}

.collapsiblePanels .panel button:after {
    display: flex;
    -webkit-transition: all 200ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
    transition: all 200ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
    content: "";
    font-family: "RO Icons";
    font-size: .9rem;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color:#01689b
}

.collapsiblePanels .panel button[aria-expanded=true]:after {
    -webkit-transition: all 200ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
    transition: all 200ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
    -webkit-transform: rotate(180deg);
    transform:rotate(180deg)
}

.collapsiblePanels .panelContent {
    display: none;
    width: 100%;
    margin: 0;
    padding: 1rem;
    overflow: hidden;
    background-color:#f3f3f3
}

.collapsiblePanels .panelContent:focus {
    outline: 2px dashed #000;
    z-index: 1010;
    outline-offset: -2px;
    -webkit-box-shadow: inset 0 0 0 2px #fff;
    box-shadow: inset 0 0 0 2px #fff;
    padding-bottom:2px
}

.no-js .collapsiblePanels .panelContent {
    height: 0px;
    display: block;
    -webkit-animation: openPanel .1s .5s forwards;
    animation: openPanel .1s .5s forwards;
    padding:0
}

.collapsiblePanels .panelContent img {
    float: right;
    max-width: 30%;
    margin:0.5rem 0 0 0.5rem
}

.collapsiblePanels .panelContent table {
    margin-left:0px
}

.collapsiblePanels .downloads, .collapsiblePanels .segments {
    padding:0px
}

.collapsiblePanels .downloads ul, .collapsiblePanels .segments ul {
    display: block;
    list-style: none;
    margin: 0;
    padding:0
}

.collapsiblePanels .downloads li, .collapsiblePanels .segments li {
    background: none;
    margin: 0;
    padding: 0 !important;
    border-bottom: 1px solid #fff;
    width:100%
}

.collapsiblePanels .downloads li:before, .collapsiblePanels .segments li:before {
    display: none !important;
    content: ""
}

.collapsiblePanels .downloads a, .collapsiblePanels .segments a {
    background-image: none;
    padding: 0.5rem 1rem;
    width: 100%;
    line-height: 1.2em;
    color: #01689b;
    text-decoration: none;
    display:block
}

.collapsiblePanels .downloads a.current, .collapsiblePanels .segments a.current {
    color: #000;
    cursor: default;
    font-weight: bold;
    text-decoration:none
}

.collapsiblePanels .downloads a:hover, .collapsiblePanels .segments a:hover {
    background-color:#e6e6e6
}

.collapsiblePanels .downloads a:focus, .collapsiblePanels .segments a:focus {
    outline: 2px dashed #000;
    z-index: 1010;
    outline-offset: -2px;
    -webkit-box-shadow: inset 0 0 0 2px #fff;
    box-shadow:inset 0 0 0 2px #fff
}

.collapsiblePanels .downloads a img, .collapsiblePanels .segments a img {
    float: none;
    margin: 0;
    display:inline
}

.collapsiblePanels .downloads a .meta, .collapsiblePanels .segments a .meta {
    display: block;
    clear: left;
    margin:0
}

.collapsiblePanels .hchart__img-download {
    display:none
}

.collapsiblePanels .hchart__img-download.current {
    display:block
}

@media print {
    .collapsiblePanels .panel button {
        display:none
    }

    .collapsiblePanels .panel .panelContent.segments {
        display:none !important
    }

    .collapsiblePanels .panel .panelContent.downloads {
        display:none !important
    }

    .collapsiblePanels .panel .panelContent table th, .collapsiblePanels .panel .panelContent table tr, .collapsiblePanels .panel .panelContent table td {
        border-top:none
    }
}

.logo {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width:100%
}

.logo .wrapper {
    display: flex;
    flex-basis: 100%;
    flex-wrap: wrap;
    max-width: 1200px;
    align-items: flex-start;
    justify-content: flex-start;
    -webkit-margin-end: -16px;
    margin-inline-end: -16px;
    -webkit-margin-start: -16px;
    margin-inline-start: -16px;
    justify-content:center
}

.logo .wrapper img {
    width: inherit;
    max-width:1168px
}

.logo .wrapper img {
    -webkit-margin-start: -50px;
    margin-inline-start: -50px;
    -webkit-transform: translateX(50%);
    transform:translateX(50%)
}

.logo .logo__wrapper {
    width: 100%;
    max-width: 1200px;
    -webkit-margin-start: calc(50% - 20px);
    margin-inline-start:calc(50% - 20px)
}

@media (min-width: 768px) {
    .logo .logo__wrapper {
        -webkit-margin-start: calc(50% - 25px);
        margin-inline-start:calc(50% - 25px)
    }
}

.logo .logo__link {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width:fit-content
}

.logo .logo__link:focus {
    outline: 2px dashed #000;
    z-index: 1010;
    outline-offset: 0;
    -webkit-box-shadow: 0 0 0 2px #fff;
    box-shadow:0 0 0 2px #fff
}

.logo .logo__link, .logo .logo__link:hover {
    text-decoration:none
}

.logo .logo__figure {
    display: flex;
    align-items: flex-start;
    margin:0
}

.logo .logo__figure img {
    flex: 0;
    width:inherit
}

.logo .logo__text {
    font-family: "RO Serif", Calibri, sans-serif;
    font-size: 1rem;
    line-height: 1.1;
    width: 100%;
    max-width: 300px;
    padding: 20px 10px 10px;
    color:#000
}

@media (min-width: 768px) {
    .logo .logo__text {
        padding:50px 12px 25px
    }
}

.logo .logo__sender, .logo .logo__ministry {
    display:block
}

.logo .logo__ministry {
    font-style:italic
}

.logo.left .wrapper {
    justify-content:flex-start
}

.logo.left .wrapper img {
    -webkit-margin-end: 16px;
    margin-inline-end: 16px;
    -webkit-margin-start: 16px;
    margin-inline-start: 16px;
    -webkit-transform: translateX(0);
    transform:translateX(0)
}

.logo.left .logo__wrapper {
    -webkit-margin-start: 16px;
    margin-inline-start:16px
}

header a:focus .logo img {
    outline: 2px dashed #000;
    z-index: 1010;
    outline-offset: 0;
    -webkit-box-shadow: 0 0 0 2px #fff;
    box-shadow:0 0 0 2px #fff
}

.toggleNav {
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    min-height: 2.5rem;
    padding: 0;
    cursor: pointer;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    text-indent: -9999px;
    background-color: #01689b;
    background-color: transparent;
    position: absolute;
    z-index: 1020;
    top: 11px;
    right:16px
}

.toggleNav:after {
    content: "";
    font-family: "RO Icons";
    font-size: inherit;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 0;
    width: 100%;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    text-indent:0
}

.toggleNav:after {
    color:#fff
}

.toggleNav:hover {
    background-color:#01496d
}

.toggleNav:hover:after {
    color:#fff
}

[dir=rtl] .toggleNav {
    right: auto;
    left:16px
}

.navOpen .toggleNav:after {
    content: ""
}

.mainNav {
    width:100%
}

.no-js .mainNav ul {
    display: block;
    overflow: hidden;
    max-height: 0;
    -webkit-animation: navSlideDown .1s .5s forwards;
    animation:navSlideDown .1s .5s forwards
}

.mainNav ul {
    display: none;
    overflow: hidden;
    margin: 0rem 1rem 1.5rem 1rem;
    padding: 0;
    list-style: none;
    position:relative
}

.mainNav ul li {
    width: 100%;
    margin: 0;
    padding:0
}

.mainNav ul li:last-child a {
    border-bottom:1px solid #fff
}

.mainNav ul li a {
    display: block;
    padding: 1rem 0.25rem;
    text-decoration: none;
    color: #fff;
    border-top: 1px solid #fff;
    border-radius:1px
}

.mainNav ul li a:hover {
    text-decoration:underline
}

@media (min-width: 768px) {
    .mainNav {
        width: auto;
        margin: 0 16px 0 auto;
        background:transparent
    }

    .mainNav.mobile {
        display:none
    }

    .no-js .mainNav ul {
        display:flex
    }

    .mainNav ul {
        display: flex;
        overflow: visible;
        margin:0
    }

    .mainNav ul li {
        width: auto;
        margin: 0;
        padding: 0 0.5rem 0 0.5rem;
        border:none
    }

    .mainNav ul li:first-child {
        margin: 0;
        padding:0 0.5rem 0 0
    }

    .mainNav ul li:last-child {
        margin-bottom: 0;
        padding:0 0 0 0.5rem
    }

    .mainNav ul li:last-child a {
        border:none
    }

    .mainNav ul li a {
        padding: 0.5rem 0.25rem;
        border:none
    }
}

.breadCrumbNav {
    display: flex;
    align-items: center;
    align-self: center;
    flex-wrap: wrap;
    margin: 0 16px;
    padding: 1.5rem 0rem;
    padding-bottom: 0.75rem;
    font-size: 1.6018066406rem;
    line-height: 1.0925163847;
    color:#fff
}

@media (min-width: 576px) {
    .breadCrumbNav {
        margin:0 64px 0 16px
    }
}

[dir=rtl] .breadCrumbNav {
    margin:0 16px 0 64px
}

.breadCrumbNav > a, .breadCrumbNav > span {
    padding-bottom: 0.75rem;
    display: initial;
    align-items: center;
    color:#fff
}

@media (min-width: 576px) {
    .breadCrumbNav > a, .breadCrumbNav > span {
        display:flex
    }
}

.breadCrumbNav > a {
    position: relative;
    margin-right: 1rem;
    text-decoration:none
}

@media (min-width: 576px) {
    .breadCrumbNav > a {
        margin-right:2rem
    }
}

.breadCrumbNav > a:after {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    content: "";
    font-family: "RO Icons";
    font-size: .7em;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 12px;
    height: 28.8325195312px;
    position: relative;
    right: -8px;
    bottom:-1px
}

@media (min-width: 576px) {
    .breadCrumbNav > a:after {
        position: absolute;
        right: -22px;
        bottom:initial
    }
}

@media (min-width: 576px) and(-ms-high-contrast: none),(min-width: 576px) and(-ms-high-contrast: active) {
    .breadCrumbNav > a:after * ::-ms-backdrop {
        bottom:0.75rem
    }

    .breadCrumbNav > a:after {
        bottom:0.75rem
    }
}

.breadCrumbNav > a:hover, .breadCrumbNav > a:visited {
    color:#fff
}

.breadCrumbNav > a:hover:after, .breadCrumbNav > a:visited:after {
    color:#fff
}

.breadCrumbNav > a:last-child:after {
    content: "";
    text-decoration:none
}

.breadCrumbNav > a:hover {
    text-decoration:underline
}

[dir=rtl] .breadCrumbNav > a {
    margin:0 0 0 2rem
}

[dir=rtl] .breadCrumbNav > a:after {
    right: auto;
    left: -1rem;
    -webkit-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg);
    top:14px
}

@media (min-width: 576px) {
    [dir=rtl] .breadCrumbNav > a:after {
        left: -1.5rem;
        top:12px
    }
}

.breadCrumbNav > span {
    font-weight:bold
}

@-webkit-keyframes showSearch {
    0% {
        width:0
    }

    100% {
        width:33.333333%
    }
}

@keyframes showSearch {
    0% {
        width:0
    }

    100% {
        width:33.333333%
    }
}

@-webkit-keyframes changeSubmitBackground {
    100% {
        background-color:#000
    }
}

@keyframes changeSubmitBackground {
    100% {
        background-color:#000
    }
}

#searchForm {
    flex-grow: 0;
    flex-shrink: initial;
    flex-basis: 100%;
    max-width: 100%;
    -webkit-padding-end: 16px;
    padding-inline-end: 16px;
    -webkit-padding-start: 16px;
    padding-inline-start: 16px;
    position: relative;
    width: 0;
    min-width: 48px;
    max-width: calc(100% - 32px);
    height: 48px;
    margin-bottom: 16px;
    margin-left: 16px;
    -webkit-transition: all .2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition:all .2s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

[dir=rtl] #searchForm {
    margin-right: 16px;
    margin-left:auto
}

@media (min-width: 768px) {
    #searchForm {
        position: absolute;
        z-index: 100;
        top: 11px;
        right:16px
    }

    [dir=rtl] #searchForm {
        right: auto;
        left:16px
    }
}

@media (min-width: 768px) {
    .hasMainNav #searchForm {
        top:calc(2rem + 76px)
    }
}

#searchForm.searchOpened {
    width:100%
}

@media (min-width: 768px) {
    #searchForm.searchOpened {
        width:33.333333%
    }
}

#searchForm.searchOpened .searchInput {
    padding: 0 5rem 0 1rem;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .44);
    box-shadow:0 0 0 1px rgba(0, 0, 0, .44)
}

.home #searchForm {
    width:100%
}

@media (min-width: 768px) {
    .home #searchForm {
        width:33.333333%
    }
}

.home #searchForm .searchInput {
    padding: 0 5rem 0 1rem;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .44);
    box-shadow:0 0 0 1px rgba(0, 0, 0, .44)
}

@media (min-width: 768px) {
    .no-js #searchForm {
        -webkit-animation: showSearch .1s .5s forwards;
        animation:showSearch .1s .5s forwards
    }
}

.no-js #searchForm .searchSubmit {
    -webkit-animation: changeSubmitBackground .1s .5s forwards;
    animation:changeSubmitBackground .1s .5s forwards
}

#searchForm label {
    position: absolute !important;
    display: inline-block !important;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border:0
}

#searchForm .searchInput {
    font-size: 1.265625rem;
    line-height: 1.5802469136;
    width: 100%;
    height: 48px;
    margin: 0;
    padding-block: 0;
    -webkit-padding-start: 1rem;
    padding-inline-start: 1rem;
    -webkit-padding-end: 5rem;
    padding-inline-end: 5rem;
    border: none;
    position: absolute;
    z-index: 100;
    top: 0;
    right: 48px;
    width: calc(100% - 48px);
    padding:0
}

#searchForm .searchInput:focus {
    outline: 2px dashed #000;
    z-index: 1010;
    outline-offset: -2px;
    -webkit-box-shadow: inset 0 0 0 2px #fff;
    box-shadow: inset 0 0 0 2px #fff;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .44);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .44);
    outline-offset: 4px;
    outline-style:dashed
}

[dir=rtl] #searchForm .searchInput {
    right: auto;
    left:0
}

#searchForm .clearFieldWrapper:not(.no-focus):focus-within::before {
    content: "";
    position: absolute;
    z-index: 99;
    inset: -6px;
    border: 2px solid #fff;
    -webkit-margin-end: 48px;
    margin-inline-end:48px
}

#searchForm .searchSubmit {
    position: relative;
    width: 48px;
    height: 48px;
    min-height: 48px;
    padding: 0;
    cursor: pointer;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    text-indent: -9999px;
    position: absolute;
    z-index: 90;
    top: 0;
    right: 0;
    background-color: #fff;
    outline: 1px solid rgba(0, 0, 0, .44);
    overflow:visible
}

#searchForm .searchSubmit:after {
    content: "";
    font-family: "RO Icons";
    font-size: 20px;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 0;
    width: 100%;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    text-indent:0
}

#searchForm .searchSubmit:after {
    color:#000
}

#searchForm .searchSubmit:focus {
    outline: 2px dashed #000;
    z-index: 1010;
    outline-offset: -2px;
    -webkit-box-shadow: inset 0 0 0 2px #fff;
    box-shadow: inset 0 0 0 2px #fff;
    outline-color: #000;
    outline-offset: 4px;
    outline-style: solid;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .44);
    box-shadow:0 0 0 1px rgba(0, 0, 0, .44)
}

#searchForm .searchSubmit:focus::before {
    content: "";
    position: absolute;
    z-index: 99;
    inset: -6px;
    border:2px dashed #fff
}

#searchForm .searchSubmit:hover {
    background-color:#000
}

#searchForm .searchSubmit:hover:after {
    color:#fff
}

[dir=rtl] #searchForm .searchSubmit {
    right: auto;
    left:0
}

@media print {
    #searchForm {
        display:none
    }
}

.skiplinks {
    position: absolute;
    z-index: 100;
    top: 0;
    left: 50%;
    width: 100%;
    max-width: 1200px;
    -webkit-transform: translateX(-50%);
    transform:translateX(-50%)
}

header .skiplinks {
    max-width: 1200px;
    margin: 0 auto;
    padding:0 16px
}

.skiplinks > a {
    font-size: 1.265625rem;
    line-height: 1.5802469136;
    width: auto;
    min-height: 44px;
    padding: .75rem 1rem;
    cursor: pointer;
    border: none;
    border-radius: 0;
    position: relative;
    color: #fff;
    background-color: #01689b;
    position: absolute;
    top: -100vh;
    left: -100vw;
    text-decoration:none
}

.skiplinks > a:focus {
    outline: 2px solid #fff;
    outline-offset: 4px;
    z-index: 1010;
    -webkit-box-shadow: 0 0 0 0 transparent;
    box-shadow:0 0 0 0 transparent
}

.skiplinks > a:focus::before {
    content: "";
    position: absolute;
    z-index: 99;
    inset: -6px;
    border:2px dashed #000
}

.skiplinks > a:hover {
    color: #fff;
    outline: none;
    background-color:#01496d
}

.skiplinks > a:hover::before {
    border:2px dashed transparent
}

.skiplinks > a:focus {
    top: 15px;
    left:15px
}

.skiplinks > a:visited {
    color:#fff
}

@media print {
    .skiplinks {
        display:none
    }
}

.headerImage {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    align-items: flex-start;
    position: relative;
    overflow: hidden;
    min-height: 280px;
    background-color:#535353
}

.headerImage.smallHeaderImage {
    min-height:190px
}

@media (min-width: 576px) {
    .headerImage {
        min-height:300px
    }

    .headerImage.smallHeaderImage {
        min-height:210px
    }
}

@media (min-width: 768px) {
    .headerImage {
        min-height:370px
    }

    .headerImage.smallHeaderImage {
        min-height:250px
    }
}

@media (min-width: 1200px) {
    .headerImage {
        min-height:480px
    }

    .headerImage.smallHeaderImage {
        min-height:330px
    }
}

.headerImage .slide {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
    opacity: 0;
    background-position: center center;
    background-size:cover
}

.headerImage .slide.showSlide {
    opacity:1
}

.no-js .headerImage .slide {
    -webkit-animation: fadeIn .1s .5s forwards;
    animation:fadeIn .1s .5s forwards
}

.headerImage .slide img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    min-height:100%
}

.js .headerImage .slide img {
    display:none
}

.headerImage .darkOverlay {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background-color:#000
}

.headerImage .gradientContainer {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    position: relative;
    z-index: 1;
    align-content: center;
    height: 100%;
    padding-bottom: 2.5rem;
    -webkit-animation: fadeInElement ease-in;
    animation: fadeInElement ease-in;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    opacity: 0;
    background: transparent;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode:forwards
}

.headerImage .gradientContainer.showGradient {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(80%, rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.6)));
    background:linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 80%, rgba(0, 0, 0, 0.6) 100%)
}

.headerImage .gradientContainer.showOverlay {
    background:rgba(0, 0, 0, .15)
}

.headerImage .gradientContainer.clickable {
    cursor:pointer
}

.headerImage.noLink .gradientContainer {
    align-content: flex-end;
    padding-bottom:0
}

.headerImage .wrapper {
    display: flex;
    flex-basis: 100%;
    flex-wrap: wrap;
    max-width: 1200px;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 3.5rem 1rem 5.5rem;
    position: relative;
    z-index:10
}

@media (min-width: 768px) {
    .headerImage .wrapper {
        padding:2rem 1rem 5rem
    }
}

.headerImage .wrapper ul {
    list-style-type: disc;
    margin-left:1rem
}

.headerImage .wrapper .ctaBtn {
    position: relative;
    padding: 0.5rem 1rem 0.5rem 1rem;
    margin-right: auto;
    margin-bottom: 0;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    text-decoration: none;
    top: 1rem;
    color: #fff;
    border: 1px solid #fff;
    text-shadow:-1px -1px 30px rgba(0, 0, 0, .7)
}

.headerImage .wrapper .ctaBtn:hover {
    color: #fff;
    border-color: #fff;
    background:#01689b
}

.headerImage .body {
    flex-grow: 0;
    flex-shrink: initial;
    flex-basis: 100%;
    max-width: 100%;
    -webkit-padding-end: 0;
    padding-inline-end: 0;
    -webkit-padding-start: 0;
    padding-inline-start: 0;
    color: #fff;
    text-shadow:-1px -1px 40px rgba(0, 0, 0, .4)
}

@media (min-width: 768px) {
    .headerImage .body {
        flex-grow: 0;
        flex-shrink: initial;
        flex-basis: 58.3333333333%;
        max-width: 58.3333333333%;
        -webkit-padding-end: 0;
        padding-inline-end: 0;
        -webkit-padding-start: 0;
        padding-inline-start:0
    }
}

.headerImage .body h1 {
    font-size: 2.8865075782rem;
    line-height: .8660985403;
    margin: 0rem 0rem 0.75rem 0rem;
    text-shadow: -1px -1px 40px rgba(0, 0, 0, .4);
    word-break:break-word
}

.headerImage .body h1 + p {
    margin-top:0.75rem
}

.headerImage .body p {
    text-shadow:-1px -1px 30px rgba(0, 0, 0, .7)
}

.headerImage .body p:last-child {
    margin-bottom:0
}

.headerImage .toggleState {
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    min-height: 2.5rem;
    padding: 0;
    cursor: pointer;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    text-indent: -9999px;
    position: absolute;
    z-index: 10;
    right: 16px;
    bottom: 1rem;
    border: 1px solid #fff;
    background-color: rgba(0, 0, 0, .56);
    color: #fff;
    text-decoration:none
}

.headerImage .toggleState:after {
    content: "";
    font-family: "RO Icons";
    font-size: inherit;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 0;
    width: 100%;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    text-indent:0
}

.headerImage .toggleState:after {
    text-shadow: 0 0 5px rgba(0, 0, 0, .5);
    color:#fff
}

.headerImage .toggleState:hover {
    border: 1px solid #000;
    background:rgba(255, 255, 255, .56)
}

.headerImage .toggleState:hover:after {
    color:#000
}

.headerImage .toggleState.pauzed:after {
    content: ""
}

.headerImage .toggleState.pauzed:hover:after {
    color:#000
}

.headerImage .toggleState:focus:before {
    inset:-7px
}

.headerImage .toggleState:focus:after {
    color:#fff
}

.headerImage .toggleState:focus:hover:after {
    color:#000
}

.headerImage .copyright {
    position: absolute;
    z-index: 10;
    bottom: 0.5rem;
    left: 0.5rem;
    margin: 0;
    color: #fff;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, .5), -1px 0px 1px rgba(0, 0, 0, .5), 1px 0px 1px rgba(0, 0, 0, .5), 0px -1px 1px rgba(0, 0, 0, .5), 0px 1px 1px rgba(0, 0, 0, .5), 2px 2px 6px rgba(0, 0, 0, .5);
    opacity:0
}

.headerImage .copyright.showCopyright {
    opacity:1
}

.topTaskNavigation, .topTaskPushNotification {
    max-width: 426px;
    padding:1.5rem
}

@media (max-width: 767px) {
    .topTaskNavigation, .topTaskPushNotification {
        width:100%
    }
}

@media (min-width: 768px) {
    .topTaskNavigation, .topTaskPushNotification {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(100% - 32px);
        margin-left:16px
    }
}

.topTaskNavigation {
    z-index: 10;
    background: #fff;
    margin-bottom:3rem
}

@media (min-width: 768px) {
    .topTaskNavigation {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: 45%;
        max-width: 45%;
        margin-left: 0;
        margin-bottom:0
    }
}

@media (min-width: 1200px) {
    .topTaskNavigation {
        flex-grow: 1;
        flex-shrink: 0;
        flex-basis: 35%;
        max-width: 35%;
        margin-left:-1.5rem
    }

    [dir=rtl] .topTaskNavigation {
        margin-right: -0.5rem;
        margin-left:auto
    }
}

.topTaskNavigation h2 {
    font-size: 1.6018066406rem;
    line-height: 1.2485901539;
    font-weight: normal;
    margin:0 0 1rem 0
}

.topTaskNavigation ul {
    list-style: none !important;
    -webkit-margin-start: 0 !important;
    margin-inline-start:0 !important
}

.topTaskNavigation ul li, .topTaskNavigation ul li > h2, .topTaskNavigation ul a > h3, .topTaskNavigation ul a > h4 {
    font-size: 1.125rem;
    line-height: 19.2px;
    font-weight:normal
}

@media (min-width: 768px) {
    .topTaskNavigation ul li, .topTaskNavigation ul li > h2, .topTaskNavigation ul a > h3, .topTaskNavigation ul a > h4 {
        line-height:21.6px
    }
}

@media (min-width: 992px) {
    .topTaskNavigation ul li, .topTaskNavigation ul li > h2, .topTaskNavigation ul a > h3, .topTaskNavigation ul a > h4 {
        line-height:24px
    }
}

.topTaskNavigation ul li, .topTaskNavigation ul a {
    -webkit-margin-after: 0.75rem;
    margin-block-end:0.75rem
}

.topTaskNavigation ul li > a {
    -webkit-margin-after: 0;
    margin-block-end:0
}

.topTaskNavigation ul a {
    -webkit-padding-start: calc((8.4px + 0.75rem) * 0.8);
    padding-inline-start: calc((8.4px + 0.75rem) * 0.8);
    position: relative;
    display: block;
    text-decoration: none;
    font-size: inherit;
    line-height: inherit;
    font-weight:normal
}

@media (min-width: 768px) {
    .topTaskNavigation ul a {
        -webkit-padding-start: calc((8.4px + 0.75rem) * 0.9);
        padding-inline-start:calc((8.4px + 0.75rem) * 0.9)
    }
}

@media (min-width: 992px) {
    .topTaskNavigation ul a {
        -webkit-padding-start: calc((8.4px + 0.75rem) * 1);
        padding-inline-start:calc((8.4px + 0.75rem) * 1)
    }
}

.topTaskNavigation ul a:before {
    display: inline-flex;
    align-items: center;
    content: "";
    font-family: "RO Icons";
    font-size: .7rem;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 6.72px;
    height: 19.2px;
    text-indent: -0.1em;
    position: absolute;
    inset-block-start: -1px;
    inset-inline-start:0
}

@media (min-width: 768px) {
    .topTaskNavigation ul a:before {
        width:7.56px
    }
}

@media (min-width: 992px) {
    .topTaskNavigation ul a:before {
        width:8.4px
    }
}

@media (min-width: 768px) {
    .topTaskNavigation ul a:before {
        height:21.6px
    }
}

@media (min-width: 992px) {
    .topTaskNavigation ul a:before {
        height:24px
    }
}

.topTaskNavigation ul a:hover {
    text-decoration:underline
}

.topTaskNavigation ul a:hover:before {
    text-decoration:none
}

.topTaskNavigation ul a.external:before {
    content: "";
    font-family: "RO Icons";
    font-size: .595rem;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing:grayscale
}

[dir=rtl] .topTaskNavigation ul a:before {
    -webkit-transform: rotate(-180deg);
    transform:rotate(-180deg)
}

[dir=rtl] .topTaskNavigation ul a.external:before {
    -webkit-transform: rotate(-90deg);
    transform:rotate(-90deg)
}

.topTaskNavigation ul p:not(.article-meta):not(.meta):not(.superheading):not(.copyright) {
    font-size: 0.8888888889rem;
    line-height: 1.40625;
    font-weight: normal;
    color: #000;
    -webkit-margin-after: 0;
    margin-block-end:0
}

.topTaskNavigation ul p.meta {
    font-size: 0.8888888889rem;
    line-height: 1.6875;
    font-weight: normal;
    color: #535353;
    margin: 0;
    margin-top:0.5rem
}

.topTaskNavigation ul:last-child, .topTaskNavigation ul li:last-child {
    margin-bottom:0
}

.topTaskPushNotification {
    margin-bottom: 0;
    color: #fff;
    background:#01689b
}

@media (min-width: 768px) {
    .topTaskPushNotification {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: 33.333333%;
        max-width: 33.333333%;
        margin-left:auto
    }

    .hasMainNav .topTaskPushNotification {
        margin-top:6.5rem
    }

    [dir=rtl] .topTaskPushNotification {
        margin-right: auto;
        margin-left:0
    }
}

@media (max-width: 767px) {
    .topTaskNavigation + .topTaskPushNotification {
        margin-top:-1.5rem
    }
}

.topTaskPushNotification a {
    display: inline-block;
    text-decoration: underline;
    color:#fff
}

.topTaskPushNotification a:hover {
    text-decoration:none
}

.topTaskPushNotification h2 {
    font-size: 1.6018066406rem;
    line-height: 1.2485901539;
    font-weight: normal;
    margin-bottom:0.75rem
}

.topTaskPushNotification h2 + p {
    margin-top:0
}

.topTaskPushNotification, .topTaskPushNotification p {
    font-size: 1.125rem;
    line-height:1.3333333333
}

.topTaskPushNotification p:first-child {
    margin-top:0
}

.topTaskPushNotification p:last-child {
    margin-bottom:0
}

@media print {
    .headerImage {
        background-color:#fff
    }

    .headerImage .gradientContainer {
        background-color:#fff
    }

    .headerImage .darkOverlay, .headerImage .slide, .headerImage .copyright, .headerImage .topTaskNavigation, .headerImage .topTaskPushNotification, .headerImage button {
        display:none
    }

    .headerImage .wrapper {
        background-color:#fff
    }

    .headerImage .wrapper .body * {
        display: block;
        color: #000;
        text-shadow:none
    }

    .headerImage .wrapper .body a {
        display:none
    }
}

.editorial-navigation {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    background-color:#01689b
}

.editorial-navigation .wrapper {
    margin: 4rem 0rem 2.5rem 0rem;
    width:100%
}

.editorial-navigation ul {
    display: flex;
    flex-basis: 100%;
    flex-wrap: wrap;
    max-width: 1200px;
    align-items: flex-start;
    justify-content: flex-start;
    -webkit-margin-end: -16px;
    margin-inline-end: -16px;
    -webkit-margin-start: -16px;
    margin-inline-start: -16px;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    list-style-type:none
}

.editorial-navigation .threeItems li {
    flex-grow: 0;
    flex-shrink: initial;
    flex-basis: 100%;
    max-width: 100%;
    -webkit-padding-end: 16px;
    padding-inline-end: 16px;
    -webkit-padding-start: 16px;
    padding-inline-start:16px
}

@media (min-width: 576px) {
    .editorial-navigation .threeItems li {
        flex-grow: 0;
        flex-shrink: initial;
        flex-basis: 50%;
        max-width: 50%;
        -webkit-padding-end: 16px;
        padding-inline-end: 16px;
        -webkit-padding-start: 16px;
        padding-inline-start:16px
    }
}

@media (min-width: 992px) {
    .editorial-navigation .threeItems li {
        flex-grow: 0;
        flex-shrink: initial;
        flex-basis: 33.3333333333%;
        max-width: 33.3333333333%;
        -webkit-padding-end: 16px;
        padding-inline-end: 16px;
        -webkit-padding-start: 16px;
        padding-inline-start:16px
    }
}

.editorial-navigation .fourItems li {
    flex-grow: 0;
    flex-shrink: initial;
    flex-basis: 100%;
    max-width: 100%;
    -webkit-padding-end: 16px;
    padding-inline-end: 16px;
    -webkit-padding-start: 16px;
    padding-inline-start:16px
}

@media (min-width: 576px) {
    .editorial-navigation .fourItems li {
        flex-grow: 0;
        flex-shrink: initial;
        flex-basis: 50%;
        max-width: 50%;
        -webkit-padding-end: 16px;
        padding-inline-end: 16px;
        -webkit-padding-start: 16px;
        padding-inline-start:16px
    }
}

@media (min-width: 992px) {
    .editorial-navigation .fourItems li {
        flex-grow: 0;
        flex-shrink: initial;
        flex-basis: 33.3333333333%;
        max-width: 33.3333333333%;
        -webkit-padding-end: 16px;
        padding-inline-end: 16px;
        -webkit-padding-start: 16px;
        padding-inline-start:16px
    }
}

@media (min-width: 1200px) {
    .editorial-navigation .fourItems li {
        flex-grow: 0;
        flex-shrink: initial;
        flex-basis: 25%;
        max-width: 25%;
        -webkit-padding-end: 16px;
        padding-inline-end: 16px;
        -webkit-padding-start: 16px;
        padding-inline-start:16px
    }
}

.editorial-navigation .navItem {
    margin-bottom:1rem
}

.editorial-navigation .navItem a {
    margin:0
}

.editorial-navigation .navItem a:hover {
    text-decoration:none
}

.editorial-navigation .navItem a:focus {
    outline-color:#000
}

.editorial-navigation .navItem a:visited {
    color:#fff
}

.editorial-navigation .hasIcon a {
    flex-wrap:nowrap
}

.editorial-navigation .icon {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 40px;
    min-width:24px
}

.editorial-navigation .icon + .editorial-navigation-content {
    margin:0
}

.editorial-navigation .icon img {
    max-width:24px
}

.editorial-navigation .editorial-navigation-content span {
    font-size: 1.6018066406rem;
    line-height: 1.2485901539;
    font-weight:normal
}

.editorial-navigation h3 {
    font-size: 1.6018066406rem;
    line-height: 1.2485901539;
    font-weight:normal
}

.editorial-navigation p {
    font-size: 1.125rem;
    line-height: 1.3333333333;
    margin-top:0
}

.editorial-navigation a {
    display: flex;
    flex-basis: 100%;
    flex-wrap: wrap;
    max-width: 1200px;
    align-items: flex-start;
    justify-content: flex-start;
    -webkit-margin-end: -16px;
    margin-inline-end: -16px;
    -webkit-margin-start: -16px;
    margin-inline-start: -16px;
    text-decoration: none;
    color:#fff
}

.editorial-navigation a:hover h3, .editorial-navigation a:hover span {
    text-decoration:underline
}

.editorial-navigation.grey {
    background-color:#f3f3f3
}

.editorial-navigation.grey .navItem a {
    color:#000
}

.editorial-navigation.grey .navItem a, .editorial-navigation.grey .navItem a:hover, .editorial-navigation.grey .navItem a:visited, .editorial-navigation.grey .navItem a p {
    color:#000
}

.editorial-navigation.grey .navItem h3, .editorial-navigation.grey .navItem span {
    color:#01689b
}

.editorial-navigation.blue {
    background-color:#01689b
}

.editorial-navigation.blue .navItem a {
    color:#fff
}

.editorial-navigation.blue .navItem a, .editorial-navigation.blue .navItem a:hover, .editorial-navigation.blue .navItem a:visited, .editorial-navigation.blue .navItem a p {
    color:#fff
}

.editorial-navigation.blue .navItem h3, .editorial-navigation.blue .navItem span {
    color:#fff
}

@media print {
    .editorial-navigation {
        display:none
    }
}

.subNavigation, .populairTopics {
    background-color:#f3f3f3
}

.subNavigation ul, .populairTopics ul {
    list-style: none !important;
    -webkit-margin-start: 0 !important;
    margin-inline-start: 0 !important;
    flex-direction: column;
    margin: 0;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    page-break-inside: avoid;
    word-wrap:break-word
}

.subNavigation ul li, .subNavigation ul li > h2, .subNavigation ul a > h3, .subNavigation ul a > h4, .populairTopics ul li, .populairTopics ul li > h2, .populairTopics ul a > h3, .populairTopics ul a > h4 {
    font-size: 1.265625rem;
    line-height: 22.4px;
    font-weight:normal
}

@media (min-width: 768px) {
    .subNavigation ul li, .subNavigation ul li > h2, .subNavigation ul a > h3, .subNavigation ul a > h4, .populairTopics ul li, .populairTopics ul li > h2, .populairTopics ul a > h3, .populairTopics ul a > h4 {
        line-height:25.2px
    }
}

@media (min-width: 992px) {
    .subNavigation ul li, .subNavigation ul li > h2, .subNavigation ul a > h3, .subNavigation ul a > h4, .populairTopics ul li, .populairTopics ul li > h2, .populairTopics ul a > h3, .populairTopics ul a > h4 {
        line-height:28px
    }
}

.subNavigation ul li, .subNavigation ul a, .populairTopics ul li, .populairTopics ul a {
    -webkit-margin-after: 0.75rem;
    margin-block-end:0.75rem
}

.subNavigation ul li > a, .populairTopics ul li > a {
    -webkit-margin-after: 0;
    margin-block-end:0
}

.subNavigation ul a, .populairTopics ul a {
    -webkit-padding-start: calc((8.4px + 0.75rem) * 0.8);
    padding-inline-start: calc((8.4px + 0.75rem) * 0.8);
    position: relative;
    display: block;
    text-decoration: none;
    font-size: inherit;
    line-height: inherit;
    font-weight:normal
}

@media (min-width: 768px) {
    .subNavigation ul a, .populairTopics ul a {
        -webkit-padding-start: calc((8.4px + 0.75rem) * 0.9);
        padding-inline-start:calc((8.4px + 0.75rem) * 0.9)
    }
}

@media (min-width: 992px) {
    .subNavigation ul a, .populairTopics ul a {
        -webkit-padding-start: calc((8.4px + 0.75rem) * 1);
        padding-inline-start:calc((8.4px + 0.75rem) * 1)
    }
}

.subNavigation ul a:before, .populairTopics ul a:before {
    display: inline-flex;
    align-items: center;
    content: "";
    font-family: "RO Icons";
    font-size: .7rem;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 6.72px;
    height: 22.4px;
    text-indent: -0.1em;
    position: absolute;
    inset-block-start: -1px;
    inset-inline-start:0
}

@media (min-width: 768px) {
    .subNavigation ul a:before, .populairTopics ul a:before {
        width:7.56px
    }
}

@media (min-width: 992px) {
    .subNavigation ul a:before, .populairTopics ul a:before {
        width:8.4px
    }
}

@media (min-width: 768px) {
    .subNavigation ul a:before, .populairTopics ul a:before {
        height:25.2px
    }
}

@media (min-width: 992px) {
    .subNavigation ul a:before, .populairTopics ul a:before {
        height:28px
    }
}

.subNavigation ul a:hover, .populairTopics ul a:hover {
    text-decoration:underline
}

.subNavigation ul a:hover:before, .populairTopics ul a:hover:before {
    text-decoration:none
}

.subNavigation ul a.external:before, .populairTopics ul a.external:before {
    content: "";
    font-family: "RO Icons";
    font-size: .595rem;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing:grayscale
}

[dir=rtl] .subNavigation ul a:before, [dir=rtl] .populairTopics ul a:before {
    -webkit-transform: rotate(-180deg);
    transform:rotate(-180deg)
}

[dir=rtl] .subNavigation ul a.external:before, [dir=rtl] .populairTopics ul a.external:before {
    -webkit-transform: rotate(-90deg);
    transform:rotate(-90deg)
}

.subNavigation ul p:not(.article-meta):not(.meta):not(.superheading):not(.copyright), .populairTopics ul p:not(.article-meta):not(.meta):not(.superheading):not(.copyright) {
    font-size: 1rem;
    line-height: 1.5;
    font-weight: normal;
    color: #000;
    -webkit-margin-after: 0;
    margin-block-end:0
}

.subNavigation ul p.meta, .populairTopics ul p.meta {
    font-size: 0.8888888889rem;
    line-height: 1.6875;
    font-weight: normal;
    color: #535353;
    margin: 0;
    margin-top:0.5rem
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    .subNavigation ul * ::-ms-backdrop, .populairTopics ul * ::-ms-backdrop {
        overflow:hidden
    }

    .subNavigation ul, .populairTopics ul {
        overflow:hidden
    }
}

.subNavigation ul:not(:last-child), .populairTopics ul:not(:last-child) {
    margin-bottom:0.75rem
}

@media (min-width: 992px) {
    .subNavigation ul:not(:last-child), .populairTopics ul:not(:last-child) {
        margin-bottom:0
    }
}

.subNavigation li, .populairTopics li {
    width: 100%;
    vertical-align: top;
    display: inline-block;
    padding:2px 0
}

.subNavigation li:last-child, .populairTopics li:last-child {
    margin-bottom:0
}

.subNavigation li > a, .populairTopics li > a {
    display:inline-block
}

.subNavigation {
    width: 100%;
    padding: 1.5rem 0;
    -webkit-columns: 1 auto;
    -moz-columns: 1 auto;
    columns: 1 auto;
    -webkit-column-gap: 32px;
    -moz-column-gap: 32px;
    column-gap:32px
}

@media (min-width: 768px) {
    .subNavigation {
        padding:2rem 0
    }
}

@media (min-width: 992px) {
    .subNavigation {
        padding:2.5rem 0
    }
}

.subNavigation .wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding:0 16px
}

.subNavigation ul {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count:1
}

@media (min-width: 576px) {
    .subNavigation ul {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count:2
    }
}

@media (min-width: 992px) {
    .subNavigation ul {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count:3
    }
}

.populairTopics {
    margin-top: 2rem;
    padding: 1.25rem;
    padding-top:calc(1.25rem - 0.2em)
}

@media (min-width: 992px) {
    .populairTopics {
        max-width:50%
    }
}

.populairTopics .cols {
    -webkit-columns: 1 auto;
    -moz-columns: 1 auto;
    columns: 1 auto;
    -webkit-column-gap: 32px;
    -moz-column-gap: 32px;
    column-gap:32px
}

.populairTopics h2 {
    margin:0 0 1rem 0
}

.populairTopics ul {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count:1
}

@media (min-width: 576px) {
    .populairTopics ul {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count:2
    }
}

@media print {
    .subNavigation {
        display:none
    }
}

figure.img-container, .gallery figure {
    margin: 0 0 1rem;
    position:relative
}

.profiledetail figure.img-container {
    margin:0
}

.message.survey {
    display: none;
    margin-bottom: 0;
    padding: 0;
    background-color:#c5f2b2
}

.message.survey .wrapper {
    position:relative
}

.site.message .wrapper {
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left:15px
}

button {
    font-size: 1.265625rem;
    line-height: 1.5802469136;
    width: auto;
    min-height: 44px;
    padding: .75rem 1rem;
    cursor: pointer;
    border: none;
    border-radius: 0;
    position: relative;
    color: #fff;
    background-color:#01689b
}

button:focus {
    outline: 2px solid #fff;
    outline-offset: 4px;
    z-index: 1010;
    -webkit-box-shadow: 0 0 0 0 transparent;
    box-shadow:0 0 0 0 transparent
}

button:focus::before {
    content: "";
    position: absolute;
    z-index: 99;
    inset: -6px;
    border:2px dashed #000
}

button:hover {
    color: #fff;
    outline: none;
    background-color:#01496d
}

button:hover::before {
    border:2px dashed transparent
}

button:disabled {
    background-color:rgba(1, 104, 155, .2)
}

.scrollcontainer {
    overflow: hidden;
    overflow-x: auto;
    margin:0 0 2rem 0
}

fieldset {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
    vertical-align: top;
    border:0
}

fieldset:after {
    display: table;
    clear: both;
    content: ""
}

input[type=text], input[type=email], input[type=password], input[type=file], input[type=date], textarea {
    min-height: 44px;
    padding-left: 1rem;
    border: 1px solid dimgray;
    border-radius: 0;
    background-color:#fff
}

input[type=text].error, input[type=email].error, input[type=password].error, input[type=file].error, input[type=date].error, textarea.error {
    border:2px solid #c63c2c
}

input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, input[type=file]:focus, input[type=date]:focus, textarea:focus {
    outline: 2px dashed #000;
    z-index: 1010;
    outline-offset: 0;
    -webkit-box-shadow: 0 0 0 2px #fff;
    box-shadow:0 0 0 2px #fff
}

[dir=rtl] input[type=text], [dir=rtl] input[type=email], [dir=rtl] input[type=password], [dir=rtl] input[type=file], [dir=rtl] input[type=date], [dir=rtl] textarea {
    padding-left: 0;
    padding-right:1rem
}

input[type=checkbox], input[type=radio] {
    min-width: 15px;
    min-height: 15px;
    margin-right: 0.5rem;
    margin-top:7px
}

input[type=checkbox]:focus, input[type=radio]:focus {
    outline: 2px dashed #000;
    z-index: 1010;
    outline-offset: 0;
    -webkit-box-shadow: 0 0 0 2px #fff;
    box-shadow:0 0 0 2px #fff
}

input[type=submit] {
    font-size: 1.265625rem;
    line-height: 1.5802469136;
    width: auto;
    min-height: 44px;
    padding: .75rem 1rem;
    cursor: pointer;
    border: none;
    border-radius: 0;
    position: relative;
    color: #fff;
    background-color:#01689b
}

input[type=submit]:focus {
    outline: 2px solid #fff;
    outline-offset: 4px;
    z-index: 1010;
    -webkit-box-shadow: 0 0 0 0 transparent;
    box-shadow:0 0 0 0 transparent
}

input[type=submit]:focus::before {
    content: "";
    position: absolute;
    z-index: 99;
    inset: -6px;
    border:2px dashed #000
}

input[type=submit]:hover {
    color: #fff;
    outline: none;
    background-color:#01496d
}

input[type=submit]:hover::before {
    border:2px dashed transparent
}

textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical;
    padding:1rem
}

select:focus {
    outline: 2px dashed #000;
    z-index: 1010;
    outline-offset: 0;
    -webkit-box-shadow: 0 0 0 2px #fff;
    box-shadow:0 0 0 2px #fff
}

input::-webkit-input-placeholder {
    opacity: 1;
    color:dimgray
}

input::-moz-placeholder {
    opacity: 1;
    color:dimgray
}

input:-ms-input-placeholder {
    opacity: 1;
    color:dimgray
}

input::-ms-input-placeholder {
    opacity: 1;
    color:dimgray
}

input::placeholder {
    opacity: 1;
    color:dimgray
}

.js select::-ms-expand {
    display:none
}

.js .fileupload input[type=file] {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
    opacity:0
}

.js .fileupload input[type=file]:focus + .upload {
    outline: 2px dashed #000;
    z-index: 1010;
    outline-offset: 0;
    -webkit-box-shadow: 0 0 0 2px #fff;
    box-shadow:0 0 0 2px #fff
}

.js .fileupload span.upload {
    font-size: 1.265625rem;
    line-height: 1.5802469136;
    width: auto;
    min-height: 44px;
    padding: .75rem 1rem;
    cursor: pointer;
    border: none;
    border-radius: 0;
    position: relative;
    color: #fff;
    background-color: #01689b;
    float: left;
    margin:0 0.5rem 0 0
}

.js .fileupload span.upload:focus {
    outline: 2px solid #fff;
    outline-offset: 4px;
    z-index: 1010;
    -webkit-box-shadow: 0 0 0 0 transparent;
    box-shadow:0 0 0 0 transparent
}

.js .fileupload span.upload:focus::before {
    content: "";
    position: absolute;
    z-index: 99;
    inset: -6px;
    border:2px dashed #000
}

.js .fileupload span.upload:hover {
    color: #fff;
    outline: none;
    background-color:#01496d
}

.js .fileupload span.upload:hover::before {
    border:2px dashed transparent
}

[dir=rtl].js .fileupload span.upload {
    float: right;
    margin:0 0 0 0.5rem
}

.js .fileupload span.uploadedFile {
    display: inline-block;
    padding-top:0.5rem
}

.proSelect {
    position: relative;
    width: calc( 100%
    -( 44px
    + 1rem
    )
    );
    background-color: #fff;
    font-size: 1.125rem;
    line-height:1.3333333333
}

@media (min-width: 768px) {
    .proSelect {
        width: calc( 100%
        -( 44px
        + 2rem
        )
        )
    }
}

.proSelect:after {
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "RO Icons";
    content: "";
    width: 44px;
    height: 44px;
    background-color: #fff;
    color:#01689b
}

[dir=rtl] .proSelect:after {
    left: 0;
    right:auto
}

.proSelect:hover:after {
    color:#01496d
}

.proSelect select {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 44px;
    padding-left: 0.75rem;
    padding-right: 44px;
    cursor: pointer;
    border: 1px solid dimgray;
    border-radius: 0;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance:none
}

[dir=rtl] .proSelect select {
    padding-left: 44px;
    padding-right:0.75rem
}

.form {
    margin-bottom: 2rem;
    clear:both
}

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

.form .formWrapper {
    padding: 0 0 0 1rem;
    background:#f3f3f3
}

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

@media (min-width: 768px) {
    .form .formWrapper {
        padding:0 0 0 2rem
    }
}

.form .formWrapper > div:not(.eforms-buttons) > input[type=submit] {
    margin-left:27.5%
}

[dir=rtl] .form .formWrapper {
    padding:0 1rem 0 0
}

@media (min-width: 768px) {
    [dir=rtl] .form .formWrapper {
        padding:0 2rem 0 0
    }
}

.form > h2 + p {
    font-size: 1.125rem;
    line-height: 1.3333333333;
    margin-top:-1rem
}

.form input[type=text], .form input[type=email], .form input[type=password], .form input[type=file], .form input[type=date], .form textarea, .form .field label.radio {
    width: calc( 100%
    -( 44px
    + 1rem
    )
    )
}

@media (min-width: 768px) {
    .form input[type=text], .form input[type=email], .form input[type=password], .form input[type=file], .form input[type=date], .form textarea, .form .field label.radio {
        width: calc( 100%
        -( 44px
        + 2rem
        )
        )
    }
}

.form label, .form .input-group legend {
    float: left;
    width: 100%;
    margin-bottom:0.5rem
}


[dir=rtl] .form label, [dir=rtl] .form .input-group legend {
    float: right;
    text-align:right
}

@media (min-width: 576px) {
    .form label, .form .period fieldset legend {
        padding-top:12px
    }
}

@media (min-width: 768px) {
    .form label, .form .period fieldset legend {
        padding-top:9px
    }
}

@media (min-width: 576px) {
    .form .input-group legend {
        margin:0
    }
}

.form label.radio, .form label.choice {
    padding-top: 0;
    display: flex;
    align-items: flex-start;
    font-size: 1.265625rem;
    line-height:24px
}

.form label.radio:not(:last-of-type), .form label.choice:not(:last-of-type) {
    margin-bottom:0.5rem
}

.form label.radio input[type=checkbox], .form label.radio input[type=radio], .form label.choice input[type=checkbox], .form label.choice input[type=radio] {
    margin-top: 0;
    margin-right: 0.5rem;
    width: 16px;
    height: 24px;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 16px;
    font-size: 120%;
    position: relative;
    top:-1px
}

[dir=rtl] .form label.radio input[type=checkbox], [dir=rtl] .form label.radio input[type=radio], [dir=rtl] .form label.choice input[type=checkbox], [dir=rtl] .form label.choice input[type=radio] {
    margin-left: 0.5rem;
    margin-right:0
}

.form label.inline-label {
    display: inline-flex;
    align-items: center;
    width: 30%;
    height: 44px;
    margin-right: 1rem;
    margin-bottom:0
}

@media (min-width: 576px) {
    .form label.inline-label {
        display: inline-block;
        width:auto
    }
}

.form label.inline-label + .proSelect {
    width: 40%;
    display: inline-block;
    float: left;
    margin-right: 1.5rem;
    margin-bottom:0.5rem
}

@media (min-width: 576px) {
    .form label.inline-label + .proSelect {
        width: 25%;
        margin-bottom:0
    }
}

.form label.inline-label + .proSelect:last-child {
    margin-right:0
}

.form p.meta {
    font-size: 0.8888888889rem;
    line-height: 1.6875;
    font-weight: normal;
    color: #535353;
    margin:0
}

.form .meta.req {
    margin: 0 0 0 auto;
    padding: 0.75rem 0.5rem 0 0;
    text-align:right
}

.form .eforms-fieldgroupname {
    position: absolute !important;
    display: inline-block !important;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border:0
}

.form .eforms-fieldgroup {
    padding-bottom: 2rem;
    width:100%
}

.form .eformText {
    padding-top: 2rem;
    padding-bottom: 1rem;
    background-color: #fff;
    margin-left:-1rem
}

@media (min-width: 768px) {
    .form .eformText {
        margin-left:-2rem
    }
}

.form .eformText > * :first-child {
    margin-top:0 !important
}

.form .eformText > * :last-child {
    margin-bottom:0 !important
}

.form .eformText h2 {
    font-size: 1.8020324707rem;
    line-height: 1.3873223933;
    margin: 0rem 0rem 0.5rem 0rem;
    border-top:none
}

[dir=rtl] .form .eformText {
    margin-left: 0;
    margin-right:-1rem
}

@media (min-width: 768px) {
    [dir=rtl] .form .eformText {
        margin-left: 0;
        margin-right:-2rem
    }
}

.form .formWrapper > * :first-child:not(.eforms-page), .form .eforms-page > * :first-child:not(.eforms-page) {
    margin-top: 0 !important;
    padding-top:1rem !important
}

@media (min-width: 768px) {
    .form .formWrapper > * :first-child:not(.eforms-page), .form .eforms-page > * :first-child:not(.eforms-page) {
        padding-top:2rem !important
    }
}

.form .eforms-field, .form .period, .form .formWrapper > div:not(.hint), .form .formWrapper > fieldset, .form .fieldGroup {
    margin-top: 1rem;
    margin-bottom:1rem
}

.form .eforms-field:after, .form .period:after, .form .formWrapper > div:not(.hint):after, .form .formWrapper > fieldset:after, .form .fieldGroup:after {
    display: table;
    clear: both;
    content: ""
}

.form .eforms-field.controle, .form .period.controle, .form .formWrapper > div:not(.hint).controle, .form .formWrapper > fieldset.controle, .form .fieldGroup.controle {
    position: absolute !important;
    display: inline-block !important;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border:0
}

.form .eforms-field:first-child, .form .period:first-child, .form .formWrapper > div:not(.hint):first-child, .form .formWrapper > fieldset:first-child, .form .fieldGroup:first-child {
    margin-top:0
}

.form .eforms-field:last-child, .form .period:last-child, .form .formWrapper > div:not(.hint):last-child, .form .formWrapper > fieldset:last-child, .form .fieldGroup:last-child {
    margin-bottom:0
}

[dir=rtl] .form .eforms-field > label {
    float:right
}

[dir=rtl] .form .eforms-field > .field {
    float:left
}

.form .eforms-buttons, .form .search-form-submit {
    float: left;
    width: 100%;
    margin-top:1rem
}

@media (min-width: 576px) {
    .form .eforms-buttons, .form .search-form-submit {
        width: 72.5%;
        margin-left:27.5%
    }
}

[dir=rtl] .form .eforms-buttons, [dir=rtl] .form .search-form-submit {
    float:right
}

@media (min-width: 576px) {
    [dir=rtl] .form .eforms-buttons, [dir=rtl] .form .search-form-submit {
        margin-left: 0;
        margin-right:27.5%
    }
}

[dir=rtl] .form .eforms-buttons input, [dir=rtl] .form .search-form-submit input {
    float:right
}

.form .eforms-buttons, .form .search-form-submit {
    width: auto;
    position:relative
}

.form .eforms-buttons:focus-within::before, .form .search-form-submit:focus-within::before {
    content: "";
    position: absolute;
    z-index: 99;
    inset: -6px;
    border:2px solid #fff
}

.form .eforms-buttons input:focus, .form .search-form-submit input:focus {
    z-index: 100;
    outline:2px dashed #000
}

.form .field {
    position: relative;
    float: left;
    width:100%
}

@media (min-width: 576px) {
    .form .field {
        float: right;
        width: 72.5%;
        margin-left:0
    }
}

[dir=rtl] .form .field {
    float:right
}

@media (min-width: 576px) {
    [dir=rtl] .form .field {
        float:left
    }
}

.form .field input {
    float:left
}

[dir=rtl] .form .field input {
    float:right
}

.form .field .radio {
    width: 100%;
    margin:0
}

.form .field .radio.inline-label {
    width:auto
}

.form .field label.choice {
    padding-top:0
}

.form .field .radio-subfields {
    float:none
}

.form .field .radio-subfields.hide {
    display:none
}

.form .field .radio-subfields label {
    width: auto;
    margin: 0;
    padding:0
}

.form .field .radio-subfields input {
    margin-top:0.5rem
}

.form .field button.clearField {
    right:calc(44px + 1rem)
}

@media (min-width: 768px) {
    .form .field button.clearField {
        right:calc(44px + 2rem)
    }
}

[dir=rtl] .form .field button.clearField {
    left: calc(44px + 1rem);
    right:auto
}

@media (min-width: 768px) {
    [dir=rtl] .form .field button.clearField {
        left:calc(44px + 2rem)
    }
}

.form .hint, .form .message.error {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1rem;
    padding:1rem
}

.form .hint, .form .hint p, .form .hint li, .form .message.error, .form .message.error p, .form .message.error li {
    font-size: 1.125rem;
    line-height:1.3333333333
}

.form .hint {
    position: relative;
    float: left;
    width: calc( 100%
    -( 44px
    + 1rem
    )
    );
    margin-bottom: 2rem;
    padding-left:0
}

@media (min-width: 576px) {
    .form .hint {
        width: calc( 72.5%
        -( 44px
        + 1rem
        )
        );
        margin-left:27.5%
    }
}

@media (min-width: 768px) {
    .form .hint {
        width: calc( 72.5%
        -( 44px
        + 2rem
        )
        )
    }
}

.form .hint p:focus {
    outline: 2px dashed #000;
    z-index: 1010;
    outline-offset: 0;
    -webkit-box-shadow: 0 0 0 2px #fff;
    box-shadow:0 0 0 2px #fff
}

[dir=rtl] .form .hint {
    float: right;
    padding: 1rem;
    padding-right:0
}

@media (min-width: 576px) {
    [dir=rtl] .form .hint {
        margin-left: 0;
        margin-right:27.5%
    }
}

.form .hint p {
    word-break:break-word
}

.form .hint p:last-of-type {
    margin:0 !important
}

.form .input-group + .hint {
    margin-top:1rem
}

.form .eforms-field + .hint {
    margin-top:-1rem
}

@media (min-width: 576px) {
    .form .eforms-field.error .message.error {
        width: calc( 72.5%
        -( 44px
        + 1rem
        )
        );
        float: right;
        margin-right:calc(44px + 1rem)
    }
}

@media (min-width: 768px) {
    .form .eforms-field.error .message.error {
        width: calc( 72.5%
        -( 44px
        + 2rem
        )
        );
        float: right;
        margin-right:calc(44px + 2rem)
    }
}

@media (min-width: 576px) {
    [dir=rtl] .form .eforms-field.error .message.error {
        float: left;
        margin-left: calc(44px + 1rem);
        margin-right:0
    }
}

@media (min-width: 768px) {
    [dir=rtl] .form .eforms-field.error .message.error {
        margin-left: calc(44px + 2rem);
        margin-right:0
    }
}

.form .message.error {
    position: relative;
    padding-left: calc(24px + 2rem - 4px);
    background:#f9dfdd
}

[dir=rtl] .form .message.error {
    padding-left: 0;
    padding-right:calc(24px + 2rem - 4px)
}

.form .message.error:before {
    position: absolute;
    top: 1rem;
    left: 1rem;
    display: block;
    width: 24px;
    height: 24px;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23d52b1e;%7D.b%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Eicon error%3C/title%3E%3Ccircle class='a' cx='16' cy='16' r='16'/%3E%3Cpath class='b' d='M20.75,9.46,16,13.68,11.25,9.46a1.33,1.33,0,0,0-1.76,0,1.3,1.3,0,0,0,0,1.74L13.68,16,9.46,20.75a1.25,1.25,0,0,0,1.77,1.77L16,18.32l4.75,4.22a1.25,1.25,0,0,0,1.77-1.77L18.32,16l4.22-4.75a1.28,1.28,0,0,0,0-1.74,1.31,1.31,0,0,0-1.76,0M16,16l0,0,0,0h0l0,0Z'/%3E%3C/svg%3E");
    background-size:contain
}

[dir=rtl] .form .message.error:before {
    left: auto;
    right:1rem
}

.form .message.error p, .form .message.error ul {
    margin-top: 0;
    margin-bottom:0.5rem
}

.form .message.error p:last-child, .form .message.error ul:last-child {
    margin-bottom:0
}

[dir=rtl] .form .message.error p, [dir=rtl] .form .message.error ul {
    text-align:right
}

.form .message.error p {
    width:calc(100% -(32px + 0.5rem))
}

.form .message.error li {
    overflow: hidden;
    position: relative;
    -webkit-padding-start: calc(7px + 0.75rem);
    padding-inline-start:calc(7px + 0.75rem)
}

.form .message.error li:before {
    position: absolute;
    inset-inline-start: 0;
    content: "";
    background: #000;
    display: block;
    text-indent: -0.1em;
    width: 6px;
    height: 6px;
    inset-block-start:7.2px
}

@media (min-width: 768px) {
    .form .message.error li:before {
        width: 7px;
        height: 7px;
        inset-block-start:8.1px
    }
}

@media (min-width: 992px) {
    .form .message.error li:before {
        width: 7px;
        height: 7px;
        inset-block-start:9.5px
    }
}

.form div + .message.error {
    width: calc( 100%
    -( 44px
    + 1rem
    )
    )
}

@media (min-width: 576px) {
    .form div + .message.error {
        width: calc( 72.5%
        -( 44px
        + 1rem
        )
        );
        margin-left:27.5%
    }
}

@media (min-width: 768px) {
    .form div + .message.error {
        width: calc( 72.5%
        -( 44px
        + 2rem
        )
        )
    }
}

.form div[data-conditional].hide, .form fieldset[data-conditional].hide {
    display:none
}

.form button.open {
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    min-height: 2.5rem;
    padding: 0;
    cursor: pointer;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    text-indent: -9999px;
    background-color: #01689b;
    position: absolute;
    top: 0;
    right:0
}

.form button.open:after {
    content: "";
    font-family: "RO Icons";
    font-size: inherit;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 0;
    width: 100%;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    text-indent:0
}

.form button.open:after {
    color:#fff
}

.form button.open:hover {
    background-color:#01496d
}

.form button.open:hover:after {
    color:#fff
}

[dir=rtl] .form button.open {
    left: 0;
    right:auto
}

.form button.close {
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    min-height: 2.5rem;
    padding: 0;
    cursor: pointer;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    text-indent: -9999px;
    background-color: #01689b;
    position: absolute;
    top: 0;
    right:calc(-44px - 1rem)
}

.form button.close:after {
    content: "";
    font-family: "RO Icons";
    font-size: inherit;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 0;
    width: 100%;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    text-indent:0
}

.form button.close:after {
    color:#fff
}

.form button.close:hover {
    background-color:#01496d
}

.form button.close:hover:after {
    color:#fff
}

@media (min-width: 768px) {
    .form button.close {
        right:calc(-44px - 2rem)
    }
}

[dir=rtl] .form button.close {
    left: calc(-44px - 1rem);
    right:auto
}

@media (min-width: 768px) {
    [dir=rtl] .form button.close {
        left: calc(-44px - 2rem);
        right:auto
    }
}

.form button.button-remove-before-submit, .form button.button-remove-after-submit {
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    min-height: 2.5rem;
    padding: 0;
    cursor: pointer;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    text-indent: -9999px;
    background-color: #01689b;
    float: left;
    margin-right:0.5rem
}

.form button.button-remove-before-submit:after, .form button.button-remove-after-submit:after {
    content: "";
    font-family: "RO Icons";
    font-size: inherit;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 0;
    width: 100%;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    text-indent:0
}

.form button.button-remove-before-submit:after, .form button.button-remove-after-submit:after {
    color:#fff
}

.form button.button-remove-before-submit:hover, .form button.button-remove-after-submit:hover {
    background-color:#01496d
}

.form button.button-remove-before-submit:hover:after, .form button.button-remove-after-submit:hover:after {
    color:#fff
}

[dir=rtl] .form button.button-remove-before-submit, [dir=rtl] .form button.button-remove-after-submit {
    float: right;
    margin-left: 0.5rem;
    margin-right:0
}

#search-filter-form {
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
    background: #f3f3f3;
    width:100%
}

#search-filter-form .formWrapper > fieldset:not([class]) legend {
    width: 1px;
    height: 1px;
    display: inline-block !important;
    overflow: hidden;
    clip:rect(0, 0, 0, 0)
}

#search-filter-form .formWrapper > fieldset:not([class]) > div:not([class]) {
    position: relative;
    float: left;
    width: 100%;
    margin-top:1rem
}

#search-filter-form .formWrapper > fieldset:not([class]) > div:not([class]):first-of-type {
    margin-top:0
}

#search-filter-form .formWrapper > fieldset:not([class]) > div:not([class]):last-child {
    margin-top: 0;
    margin-bottom:0
}

[dir=rtl] #search-filter-form .formWrapper > fieldset:not([class]) > div:not([class]) {
    float:right
}

#search-filter-form .formWrapper > fieldset:not([class]) .hint {
    margin-top: 0;
    margin-bottom:1rem
}

#search-filter-form .formWrapper > fieldset:not([class]) .field button {
    float:left
}

[dir=rtl] #search-filter-form .formWrapper > fieldset:not([class]) .field button {
    float:right
}

#search-filter-form .formWrapper .period {
    float: left;
    margin-bottom: 0;
    width:100%
}

#search-filter-form .formWrapper .period.hide {
    margin-top: 0;
    max-height: 0;
    display:none
}

#search-filter-form .formWrapper .period fieldset > label {
    display:none
}

@media (min-width: 576px) {
    #search-filter-form .formWrapper .period fieldset > label {
        display:block
    }
}

#search-filter-form .formWrapper .period fieldset > legend {
    float: left;
    width: 100%;
    height: auto !important;
    display: block !important;
    margin-bottom:0.5rem
}

@media (min-width: 576px) {
    #search-filter-form .formWrapper .period fieldset > legend {
        width: calc( 27.5%
        - 1rem
        )
    }
}

@media (min-width: 768px) {
    #search-filter-form .formWrapper .period fieldset > legend {
        width: calc( 27.5%
        - 2rem
        )
    }
}

#search-filter-form .formWrapper .period fieldset > legend + label {
    display:none
}

[dir=rtl] #search-filter-form .formWrapper .period fieldset > legend {
    float: right;
    text-align:right
}

@media (min-width: 576px) {
    #search-filter-form .formWrapper .period fieldset .field {
        width: calc( 72.5%
        -( 44px
        + 1rem
        )
        );
        float: left;
        margin-left:1rem
    }
}

@media (min-width: 768px) {
    #search-filter-form .formWrapper .period fieldset .field {
        width: calc( 72.5%
        -( 44px
        + 2rem
        )
        );
        margin-left:2rem
    }
}

@media (min-width: 576px) {
    [dir=rtl] #search-filter-form .formWrapper .period fieldset .field {
        float: right;
        margin-left: 0;
        margin-right:1rem
    }
}

@media (min-width: 768px) {
    [dir=rtl] #search-filter-form .formWrapper .period fieldset .field {
        margin-left: 0;
        margin-right:2rem
    }
}

#search-filter-form .formWrapper .period fieldset .date {
    width: calc( 100%
    -( 44px
    + 1rem
    )
    )
}

#search-filter-form .formWrapper .period fieldset .date:first-of-type {
    margin-bottom:1rem
}

@media (min-width: 576px) {
    #search-filter-form .formWrapper .period fieldset .date {
        width:calc(50% - 22px)
    }

    #search-filter-form .formWrapper .period fieldset .date:first-of-type {
        margin-bottom:0
    }
}

#search-filter-form .formWrapper .period fieldset .proSelect {
    float: left;
    width: calc( 50%
    -( 44px
    + 1rem
    )
    )
}

[dir=rtl] #search-filter-form .formWrapper .period fieldset .proSelect {
    float:right
}

#search-filter-form .formWrapper .period .divider {
    float: left;
    width: 100%;
    text-align:left
}

@media (min-width: 576px) {
    #search-filter-form .formWrapper .period .divider {
        display: block;
        text-align: center;
        width: 44px;
        line-height:44px
    }
}

[dir=rtl] #search-filter-form .formWrapper .period .divider {
    float:right
}

#search-filter-form .formWrapper .period .open {
    margin-top:2rem
}

@media (min-width: 576px) {
    #search-filter-form .formWrapper .period .open {
        margin-top: 0;
        right:calc(-44px - 1rem)
    }
}

@media (min-width: 768px) {
    #search-filter-form .formWrapper .period .open {
        right:calc(-44px - 2rem)
    }
}

@media (min-width: 576px) {
    [dir=rtl] #search-filter-form .formWrapper .period .open {
        left: calc(-44px - 1rem);
        right:auto
    }
}

@media (min-width: 768px) {
    [dir=rtl] #search-filter-form .formWrapper .period .open {
        left: calc(-44px - 2rem);
        right:auto
    }
}

@media print {
    .form {
        display:none
    }

    .form-process-done {
        display:block
    }

    #search-filter-form {
        display:none
    }
}

.accordion {
    margin-bottom:3rem
}

.accordion__item {
    border-bottom:2px solid #e6e6e6
}

.accordion__item:first-child {
    border-top:2px solid #e6e6e6
}

@media print {
    .accordion__item {
        border-bottom: 2px solid #000;
        margin-bottom:0.5rem
    }

    .accordion__item:first-child {
        border-top:2px solid #000
    }
}

.avg-block .accordion__item {
    border-bottom:1px solid #111
}

.avg-block .accordion__item:first-child {
    border-top:1px solid #111
}

.accordion__item-heading {
    font-size: initial;
    line-height: initial;
    font-weight: initial;
    margin:0
}

.accordion__item-button {
    font-size: initial;
    line-height: initial;
    width: initial;
    min-height: initial;
    padding: 0;
    border: none;
    border-radius: 0;
    color: initial;
    background-color: transparent;
    cursor: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    min-height: 44px;
    padding: 1rem;
    font-size: 1.265625rem;
    line-height: 1.1851851852;
    cursor:pointer
}

.accordion__item-button:hover {
    color: inherit;
    background-color:inherit
}

.accordion__item-button, .accordion__item-button:hover, .accordion__item-button:after {
    color:#01689b
}

.accordion__item-button:hover, .accordion__item-button.active {
    background:#f3f3f3
}

.accordion__item-button:after {
    display: flex;
    align-items: center;
    font-family: "RO Icons";
    content: "";
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: 200ms;
    transition:200ms
}

@media print {
    .accordion__item-button:after {
        display:none
    }
}

.accordion__item-button.active:after {
    -webkit-transform: rotate(180deg);
    transform:rotate(180deg)
}

@media print {
    .accordion__item-button {
        font-weight: bold;
        border-bottom:1px dashed #000
    }
}

.accordion__item-title {
    text-align:start
}

.accordion__item-panel {
    max-height: 0;
    visibility: hidden;
    overflow: hidden;
    -webkit-transition: max-height 200ms ease-out;
    transition: max-height 200ms ease-out;
    color: #000;
    background: #f3f3f3;
    -webkit-padding-start: 1rem;
    padding-inline-start: 1rem;
    -webkit-padding-end: 3rem;
    padding-inline-end:3rem
}

.accordion__item-panel.active {
    visibility:visible
}

@media print {
    .accordion__item-panel {
        background: transparent;
        max-height: none !important;
        visibility:visible !important
    }
}

.no-js .accordion__item-panel {
    max-height: none !important;
    visibility:visible !important
}

div.accordion__item-content {
    padding:0.75rem 0rem
}

div.accordion__item-content p:last-child, div.accordion__item-content ul:last-child, div.accordion__item-content ol:last-child {
    margin-bottom:0
}

div.accordion__item-content ul {
    -webkit-padding-start: 1.5rem;
    padding-inline-start: 1.5rem;
    list-style-type:disc
}

.index.submenu {
    margin-top: 2rem;
    margin-bottom: 2rem;
    border-bottom:2px solid #f3f3f3
}

.index.submenu ul.common li a:before {
    -webkit-transform: rotate(90deg);
    transform:rotate(90deg)
}

.anchorTopLink {
    display: none;
    padding-bottom: 0.25rem;
    text-align: right;
    border-bottom: 2px solid #f3f3f3;
    margin-bottom:2rem
}

.anchorTopLink a {
    position: relative;
    text-decoration:none
}

.anchorTopLink a:before {
    content: "";
    font-family: "RO Icons";
    font-size: .6em;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 50%;
    left: 1px;
    -webkit-transform: translateY(-50%) rotate(-90deg);
    transform:translateY(-50%) rotate(-90deg)
}

.anchorTopLink ~ .anchorTopLink {
    display:block
}

.index.submenu ul.common li a, .anchorTopLink a {
    padding-left:calc(13px + 0.75rem)
}

h1.newsLetter {
    margin-bottom:1.5rem
}

.anchorNav {
    list-style: none !important;
    -webkit-margin-start: 0 !important;
    margin-inline-start: 0 !important;
    margin-bottom:2rem
}

.anchorNav li, .anchorNav li > h2, .anchorNav a > h3, .anchorNav a > h4 {
    font-size: 1.265625rem;
    line-height: 22.4px;
    font-weight:normal
}

@media (min-width: 768px) {
    .anchorNav li, .anchorNav li > h2, .anchorNav a > h3, .anchorNav a > h4 {
        line-height:25.2px
    }
}

@media (min-width: 992px) {
    .anchorNav li, .anchorNav li > h2, .anchorNav a > h3, .anchorNav a > h4 {
        line-height:28px
    }
}

.anchorNav li, .anchorNav a {
    -webkit-margin-after: 0.75rem;
    margin-block-end:0.75rem
}

.anchorNav li > a {
    -webkit-margin-after: 0;
    margin-block-end:0
}

.anchorNav a {
    -webkit-padding-start: calc((8.4px + 0.75rem) * 0.8);
    padding-inline-start: calc((8.4px + 0.75rem) * 0.8);
    position: relative;
    display: block;
    text-decoration: none;
    font-size: inherit;
    line-height: inherit;
    font-weight:normal
}

@media (min-width: 768px) {
    .anchorNav a {
        -webkit-padding-start: calc((8.4px + 0.75rem) * 0.9);
        padding-inline-start:calc((8.4px + 0.75rem) * 0.9)
    }
}

@media (min-width: 992px) {
    .anchorNav a {
        -webkit-padding-start: calc((8.4px + 0.75rem) * 1);
        padding-inline-start:calc((8.4px + 0.75rem) * 1)
    }
}

.anchorNav a:before {
    display: inline-flex;
    align-items: center;
    content: "";
    font-family: "RO Icons";
    font-size: .7rem;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 6.72px;
    height: 22.4px;
    text-indent: -0.1em;
    position: absolute;
    inset-block-start: -1px;
    inset-inline-start:0
}

@media (min-width: 768px) {
    .anchorNav a:before {
        width:7.56px
    }
}

@media (min-width: 992px) {
    .anchorNav a:before {
        width:8.4px
    }
}

@media (min-width: 768px) {
    .anchorNav a:before {
        height:25.2px
    }
}

@media (min-width: 992px) {
    .anchorNav a:before {
        height:28px
    }
}

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

.anchorNav a:hover:before {
    text-decoration:none
}

.anchorNav a.external:before {
    content: "";
    font-family: "RO Icons";
    font-size: .595rem;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing:grayscale
}

[dir=rtl] .anchorNav a:before {
    -webkit-transform: rotate(-180deg);
    transform:rotate(-180deg)
}

[dir=rtl] .anchorNav a.external:before {
    -webkit-transform: rotate(-90deg);
    transform:rotate(-90deg)
}

.anchorNav p:not(.article-meta):not(.meta):not(.superheading):not(.copyright) {
    font-size: 1rem;
    line-height: 1.5;
    font-weight: normal;
    color: #000;
    -webkit-margin-after: 0;
    margin-block-end:0
}

.anchorNav p.meta {
    font-size: 0.8888888889rem;
    line-height: 1.6875;
    font-weight: normal;
    color: #535353;
    margin: 0;
    margin-top:0.5rem
}

.anchorNav > .anchors {
    margin-bottom:0
}

.anchorNav a:before {
    -webkit-transform: rotate(90deg);
    transform:rotate(90deg)
}

.article-meta {
    font-size: 1.125rem;
    line-height: 1.3333333333;
    color: #535353;
    font-weight:normal
}

h1 + .article-meta {
    margin-top:-0.5rem
}

.brickRow {
    display: flex;
    flex-basis: 100%;
    flex-wrap: wrap;
    max-width: 1200px;
    align-items: flex-start;
    justify-content: flex-start;
    -webkit-margin-end: 0;
    margin-inline-end: 0;
    -webkit-margin-start: 0;
    margin-inline-start:0
}

.brickRow:before {
    display: block;
    width: calc(100% - 32px);
    margin-bottom: 1.5rem;
    margin-left: 1rem;
    content: " ";
    border-top:1px solid #e1e1e1
}

.brickRow h2 {
    flex-grow: 0;
    flex-shrink: initial;
    flex-basis: 100%;
    max-width: 100%;
    -webkit-padding-end: 16px;
    padding-inline-end: 16px;
    -webkit-padding-start: 16px;
    padding-inline-start: 16px;
    margin-top:-1rem
}

.brickRow a.more {
    position: relative;
    display: inline-block;
    margin-top: -2.5rem;
    margin-right: 16px;
    margin-bottom: 2.5rem;
    margin-left: 16px;
    padding-left: 1rem;
    text-decoration: none;
    font-weight:bold
}

.brickRow a.more:before {
    content: "";
    font-family: "RO Icons";
    font-size: .8rem;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform:translateY(-50%)
}

[dir=rtl] .brickRow a.more {
    padding-right: 1rem;
    padding-left:0
}

[dir=rtl] .brickRow a.more:before {
    right: 0;
    left: auto;
    -webkit-transform: translateY(-50%) rotate(-180deg);
    transform:translateY(-50%) rotate(-180deg)
}

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

.brickRow .meta {
    font-size: 1.125rem;
    line-height: 1.3333333333;
    font-weight:bold
}

.content .brickRow {
    margin:0 -16px 0 -16px
}

@media (min-width: 768px) {
    .brickRow.nieuws > .brick p, .brickRow.latestItems > .brick p, .brick p:not(.copyright), .brick ul {
        font-size: 1.125rem;
        line-height:1.3333333333
    }
}

.brick {
    flex-grow: 0;
    flex-shrink: initial;
    flex-basis: 100%;
    max-width: 100%;
    -webkit-padding-end: 16px;
    padding-inline-end: 16px;
    -webkit-padding-start: 16px;
    padding-inline-start: 16px;
    display: flex;
    flex-direction: column;
    margin-bottom:3rem
}

.brick > * {
    min-height:1px
}

.brick:not(.activity) p:not(.copyright), .brick:not(.activity) ul {
    order:2
}

.brick p:not(.copyright), .brick ul {
    word-break: break-word;
    overflow-wrap: break-word;
    word-wrap: break-word;
    color:#000
}

.brick p:not(.copyright) span.publDate, .brick ul span.publDate {
    font-size: 1.125rem;
    line-height: 1.3333333333;
    font-weight: bold;
    padding-right:0.5rem
}

@media (min-width: 576px) {
    .brick {
        flex-grow: 0;
        flex-shrink: initial;
        flex-basis: 50%;
        max-width: 50%;
        -webkit-padding-end: 16px;
        padding-inline-end: 16px;
        -webkit-padding-start: 16px;
        padding-inline-start:16px
    }
}

@media (min-width: 992px) {
    .fullWidth .brick {
        flex-grow: 0;
        flex-shrink: initial;
        flex-basis: 33.3333333333%;
        max-width: 33.3333333333%;
        -webkit-padding-end: 16px;
        padding-inline-end: 16px;
        -webkit-padding-start: 16px;
        padding-inline-start:16px
    }
}

.brick h2 {
    padding-top: 0.5rem;
    border-top:1px solid #e1e1e1
}

.brick h3, .brick span.caption {
    font-size: 1.5101977836rem;
    line-height: 1.1587886163;
    margin: 0.5rem 0rem 1rem 0rem;
    font-weight: normal;
    order:1
}

.brick .brick-image {
    position: relative;
    order: 0;
    margin: 0 0 1rem 0;
    line-height:0
}

.brick .brick-image .copyright {
    position: absolute;
    z-index: 10;
    bottom: 0.5rem;
    left: 0.5rem;
    margin: 0;
    color: #fff;
    text-shadow:0px 0px 1px rgba(0, 0, 0, .5), -1px 0px 1px rgba(0, 0, 0, .5), 1px 0px 1px rgba(0, 0, 0, .5), 0px -1px 1px rgba(0, 0, 0, .5), 0px 1px 1px rgba(0, 0, 0, .5), 2px 2px 6px rgba(0, 0, 0, .5)
}

.brick .brick-image img {
    margin:0
}

.brick .brick-image figure {
    margin-bottom:0
}

.brick .brick-text {
    order:2
}

.brick img {
    margin:0 0 0.5rem 0
}

.brick a {
    display: flex;
    flex-direction:column
}

.brick a, .brick a:hover {
    text-decoration:none
}

.brick a > * {
    min-height:1px
}

.brick a:hover h3, .brick a:hover span.caption {
    text-decoration:underline
}

.brick a.more {
    position: relative;
    order: 3;
    margin-top: 0.5rem;
    padding-left: 1rem;
    font-weight:bold
}

.brick a.more:before {
    content: "";
    font-family: "RO Icons";
    font-size: .6em;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform:translateY(-50%)
}

[dir=rtl] .brick a.more {
    padding-right: 1rem;
    padding-left:0
}

[dir=rtl] .brick a.more:before {
    right: 0;
    left: auto;
    -webkit-transform: translateY(-50%) rotate(-180deg);
    transform:translateY(-50%) rotate(-180deg)
}

.brick a.external:before {
    content: ""
}

.brick a.external h3, .brick a.external span.caption {
    position: relative;
    padding-left:1.25rem
}

.brick a.external h3:before, .brick a.external span.caption:before {
    content: "";
    font-family: "RO Icons";
    font-size: .8rem;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left:0
}

.brick ul {
    list-style: none !important;
    -webkit-margin-start: 0 !important;
    margin-inline-start: 0 !important;
    order:2
}

.brick ul li, .brick ul li > h2, .brick ul a > h3, .brick ul a > h4 {
    font-size: 1.265625rem;
    line-height: 22.4px;
    font-weight:normal
}

@media (min-width: 768px) {
    .brick ul li, .brick ul li > h2, .brick ul a > h3, .brick ul a > h4 {
        line-height:25.2px
    }
}

@media (min-width: 992px) {
    .brick ul li, .brick ul li > h2, .brick ul a > h3, .brick ul a > h4 {
        line-height:28px
    }
}

.brick ul li, .brick ul a {
    -webkit-margin-after: 0.75rem;
    margin-block-end:0.75rem
}

.brick ul li > a {
    -webkit-margin-after: 0;
    margin-block-end:0
}

.brick ul a {
    -webkit-padding-start: calc((8.4px + 0.75rem) * 0.8);
    padding-inline-start: calc((8.4px + 0.75rem) * 0.8);
    position: relative;
    display: block;
    text-decoration: none;
    font-size: inherit;
    line-height: inherit;
    font-weight:normal
}

@media (min-width: 768px) {
    .brick ul a {
        -webkit-padding-start: calc((8.4px + 0.75rem) * 0.9);
        padding-inline-start:calc((8.4px + 0.75rem) * 0.9)
    }
}

@media (min-width: 992px) {
    .brick ul a {
        -webkit-padding-start: calc((8.4px + 0.75rem) * 1);
        padding-inline-start:calc((8.4px + 0.75rem) * 1)
    }
}

.brick ul a:before {
    display: inline-flex;
    align-items: center;
    content: "";
    font-family: "RO Icons";
    font-size: .7rem;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 6.72px;
    height: 22.4px;
    text-indent: -0.1em;
    position: absolute;
    inset-block-start: -1px;
    inset-inline-start:0
}

@media (min-width: 768px) {
    .brick ul a:before {
        width:7.56px
    }
}

@media (min-width: 992px) {
    .brick ul a:before {
        width:8.4px
    }
}

@media (min-width: 768px) {
    .brick ul a:before {
        height:25.2px
    }
}

@media (min-width: 992px) {
    .brick ul a:before {
        height:28px
    }
}

.brick ul a:hover {
    text-decoration:underline
}

.brick ul a:hover:before {
    text-decoration:none
}

.brick ul a.external:before {
    content: "";
    font-family: "RO Icons";
    font-size: .595rem;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing:grayscale
}

[dir=rtl] .brick ul a:before {
    -webkit-transform: rotate(-180deg);
    transform:rotate(-180deg)
}

[dir=rtl] .brick ul a.external:before {
    -webkit-transform: rotate(-90deg);
    transform:rotate(-90deg)
}

.brick ul p:not(.article-meta):not(.meta):not(.superheading):not(.copyright) {
    font-size: 1rem;
    line-height: 1.5;
    font-weight: normal;
    color: #000;
    -webkit-margin-after: 0;
    margin-block-end:0
}

.brick ul p.meta {
    font-size: 0.8888888889rem;
    line-height: 1.6875;
    font-weight: normal;
    color: #535353;
    margin: 0;
    margin-top:0.5rem
}

.brick li p, .brick li .meta {
    font-size: 1.125rem;
    line-height: 1.3333333333;
    font-weight: normal;
    display: block;
    width: 100%;
    padding-left:1.25rem
}

.brick li p a, .brick li .meta a {
    padding:0
}

.brick li p a:before, .brick li .meta a:before {
    content: ""
}

@media print {
    .brickRow {
        display: flex;
        flex-basis: 100%;
        flex-wrap: wrap;
        max-width: 1200px;
        align-items: flex-start;
        justify-content: flex-start;
        -webkit-margin-end: -16px;
        margin-inline-end: -16px;
        -webkit-margin-start: -16px;
        margin-inline-start:-16px
    }

    .brick {
        flex-grow: 0;
        flex-shrink: initial;
        flex-basis: 50%;
        max-width: 50%;
        -webkit-padding-end: 16px;
        padding-inline-end: 16px;
        -webkit-padding-start: 16px;
        padding-inline-start:16px
    }

    .brick-image {
        display:none
    }
}

.activity .date, .activity .time, .activity .location, .activityDetail .date, .activityDetail .time, .activityDetail .location {
    font-size: 1.265625rem;
    line-height: 1.1851851852;
    position: relative;
    padding-left: 1.5rem;
    margin-left:0
}

.activity .date:not(:last-child), .activity .time:not(:last-child), .activity .location:not(:last-child), .activityDetail .date:not(:last-child), .activityDetail .time:not(:last-child), .activityDetail .location:not(:last-child) {
    margin-bottom:0.5rem
}

@media (min-width: 768px) {
    .activity .date, .activity .time, .activity .location, .activityDetail .date, .activityDetail .time, .activityDetail .location {
        font-size: 1.125rem;
        line-height:1.3333333333
    }
}

[dir=rtl] .activity .date, [dir=rtl] .activity .time, [dir=rtl] .activity .location, [dir=rtl] .activityDetail .date, [dir=rtl] .activityDetail .time, [dir=rtl] .activityDetail .location {
    padding-right:1.5rem
}

.activity .date:after, .activity .time:after, .activity .location:after, .activityDetail .date:after, .activityDetail .time:after, .activityDetail .location:after {
    position:absolute
}

[dir=rtl] .activity .date:after, [dir=rtl] .activity .time:after, [dir=rtl] .activity .location:after, [dir=rtl] .activityDetail .date:after, [dir=rtl] .activityDetail .time:after, [dir=rtl] .activityDetail .location:after {
    right: 0;
    left:auto
}

.brickRow.activities .brick.activity a h3 {
    order:1
}

.brickRow.activities .brick.activity .activity__intro {
    order:2
}

.brickRow.activities .brick.activity .activity__data {
    order:3
}

.brickRow.activities .brick.activity .activity__data-list-item {
    line-height: 1.5rem;
    margin-bottom:0.5rem
}

.activityDetail {
    position: relative;
    padding-left: 4rem;
    margin-bottom:1.5rem
}

@media (min-width: 768px) {
    .activityDetail {
        padding-left: 4.5rem;
        margin-bottom:2.5rem
    }
}

.activityDetail > h1.activity {
    font-size: 2.2806973457rem;
    line-height: 1.0961559651;
    margin:0rem 0rem 0.25rem 0rem
}

.activityDetail > .activity__data-list {
    justify-content:flex-start
}

.activityDetail .visuallyHidden {
    position: absolute !important;
    display: inline-block !important;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border:0
}

.activityDetail + .intro {
    margin-top:.8125em
}

.activityDetail .icalLink::before {
    content: "";
    font-family: "RO Icons";
    font-size: inherit;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 10px;
    margin:-3px 3px 0 0
}

.article .activityDetail .article-meta {
    margin-top: 0;
    margin-bottom:1rem
}

.article .activityDetail .alert p:not(.article-meta):not(.meta):not(.superheading):not(.copyright) {
    margin-bottom:0
}

.activity__date-container {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items:center
}

[dir=rtl] .activity__date-container {
    right: 0;
    left:auto
}

.activity__date-container .activity__date-number, .activity__date-container .activity__date-month-short {
    display: inline-block;
    color:dimgray
}

.activity__date-container .activity__date-number {
    font-size: 2.565784514rem;
    line-height: .9743608578;
    font-weight:bold
}

.activity__date-container .activity__date-month-short {
    font-size: 1.265625rem;
    line-height: 1.1851851852;
    font-weight: normal;
    -webkit-transform: translateY(-3px);
    transform:translateY(-3px)
}

.activity__data-icon {
    width: 1rem;
    height: 1rem;
    top: .1em;
    left: 0;
    position:absolute
}

.activity__data-list {
    word-break: break-word;
    color:#000
}

.activity__data-list-item {
    order: 3;
    position: relative;
    line-height: 1.5rem;
    padding-left: 1.5rem;
    margin-bottom:0.5rem
}

.brick.followOn {
    list-style: none !important;
    -webkit-margin-start: 0 !important;
    margin-inline-start:0 !important
}

.brick.followOn li, .brick.followOn li > h2, .brick.followOn a > h3, .brick.followOn a > h4 {
    font-size: 1.265625rem;
    line-height: 22.4px;
    font-weight:normal
}

@media (min-width: 768px) {
    .brick.followOn li, .brick.followOn li > h2, .brick.followOn a > h3, .brick.followOn a > h4 {
        line-height:25.2px
    }
}

@media (min-width: 992px) {
    .brick.followOn li, .brick.followOn li > h2, .brick.followOn a > h3, .brick.followOn a > h4 {
        line-height:28px
    }
}

.brick.followOn li, .brick.followOn a {
    -webkit-margin-after: 0.75rem;
    margin-block-end:0.75rem
}

.brick.followOn li > a {
    -webkit-margin-after: 0;
    margin-block-end:0
}

.brick.followOn a {
    -webkit-padding-start: calc((8.4px + 0.75rem) * 0.8);
    padding-inline-start: calc((8.4px + 0.75rem) * 0.8);
    position: relative;
    display: block;
    text-decoration: none;
    font-size: inherit;
    line-height: inherit;
    font-weight:normal
}

@media (min-width: 768px) {
    .brick.followOn a {
        -webkit-padding-start: calc((8.4px + 0.75rem) * 0.9);
        padding-inline-start:calc((8.4px + 0.75rem) * 0.9)
    }
}

@media (min-width: 992px) {
    .brick.followOn a {
        -webkit-padding-start: calc((8.4px + 0.75rem) * 1);
        padding-inline-start:calc((8.4px + 0.75rem) * 1)
    }
}

.brick.followOn a:before {
    display: inline-flex;
    align-items: center;
    content: "";
    font-family: "RO Icons";
    font-size: .7rem;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 6.72px;
    height: 22.4px;
    text-indent: -0.1em;
    position: absolute;
    inset-block-start: -1px;
    inset-inline-start:0
}

@media (min-width: 768px) {
    .brick.followOn a:before {
        width:7.56px
    }
}

@media (min-width: 992px) {
    .brick.followOn a:before {
        width:8.4px
    }
}

@media (min-width: 768px) {
    .brick.followOn a:before {
        height:25.2px
    }
}

@media (min-width: 992px) {
    .brick.followOn a:before {
        height:28px
    }
}

.brick.followOn a:hover {
    text-decoration:underline
}

.brick.followOn a:hover:before {
    text-decoration:none
}

.brick.followOn a.external:before {
    content: "";
    font-family: "RO Icons";
    font-size: .595rem;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing:grayscale
}

[dir=rtl] .brick.followOn a:before {
    -webkit-transform: rotate(-180deg);
    transform:rotate(-180deg)
}

[dir=rtl] .brick.followOn a.external:before {
    -webkit-transform: rotate(-90deg);
    transform:rotate(-90deg)
}

.brick.followOn p:not(.article-meta):not(.meta):not(.superheading):not(.copyright) {
    font-size: 1rem;
    line-height: 1.5;
    font-weight: normal;
    color: #000;
    -webkit-margin-after: 0;
    margin-block-end:0
}

.brick.followOn p.meta {
    font-size: 0.8888888889rem;
    line-height: 1.6875;
    font-weight: normal;
    color: #535353;
    margin: 0;
    margin-top:0.5rem
}

.brick.followOn li {
    margin-bottom:1rem
}

.brick.followOn li > a {
    position: relative;
    -webkit-padding-start: 2rem;
    padding-inline-start:2rem
}

.brick.followOn li > a.external:before {
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 3px;
    font-size:.75rem
}

.brick.followOn li > a.flickr:before {
    position: absolute;
    content: "";
    font-family: "RO Icons";
    font-size: 1.5rem;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #ff0084;
    inset-block-start: -3px;
    inset-inline-start:0
}

.brick.followOn li > a.twitter:before {
    position: absolute;
    content: "";
    font-family: "RO Icons";
    font-size: 1.5rem;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #0e9af1;
    inset-block-start: -3px;
    inset-inline-start:0
}

.brick.followOn li > a.facebook:before {
    position: absolute;
    content: "";
    font-family: "RO Icons";
    font-size: 1.5rem;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #3c5193;
    inset-block-start: -3px;
    inset-inline-start:0
}

.brick.followOn li > a.instagram:before {
    position: absolute;
    content: "";
    font-family: "RO Icons";
    font-size: 1.5rem;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #d93274;
    inset-block-start: -3px;
    inset-inline-start:0
}

.brick.followOn li > a.youtube:before {
    position: absolute;
    content: "";
    font-family: "RO Icons";
    font-size: 1.5rem;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #e62528;
    inset-block-start: -3px;
    inset-inline-start:0
}

.brick.followOn li > a.linkedin:before {
    position: absolute;
    content: "";
    font-family: "RO Icons";
    font-size: 1.5rem;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #007bb6;
    inset-block-start: -3px;
    inset-inline-start:0
}

.brick.followOn .meta {
    font-size: 1rem;
    line-height: 1.5;
    -webkit-padding-start: 32px;
    padding-inline-start: 32px;
    color:#535353
}

[dir=rtl] .brick.followOn a:before {
    -webkit-transform: rotate(0deg);
    transform:rotate(0deg)
}

@media print {
    .brick.followOn {
        display:none
    }
}

.twitterFeed {
    margin-bottom:2rem
}

.twitterFeed ul {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 0;
    flex-direction:column
}

@media (min-width: 768px) {
    .twitterFeed ul {
        flex-direction:row
    }
}

.twitterFeed a.tweetfollowbtn {
    font-size: 1.125rem;
    line-height: 1.7777777778;
    font-weight: normal;
    color: #000;
    position: relative;
    margin: 0 1rem 0 1rem;
    padding: 0.25rem 0.5rem 0.25rem 0.5rem;
    text-decoration: none;
    color: #fff;
    border: 1px solid;
    border-radius: 4px;
    background-color:#007bc7
}

.twitterFeed a.tweetfollowbtn:before {
    content: "";
    font-family: "RO Icons";
    font-size: .7rem;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding:0 0.25rem 0 0
}

.twitterFeed a.tweetfollowbtn:hover {
    text-decoration: none;
    background-color:#005b94
}

li:not(:last-child).brick {
    margin-bottom:3rem
}

.brick.tweet {
    flex-direction: initial;
    flex-wrap:wrap
}

.brick.tweet a {
    display:initial
}

.brick.tweet a:hover {
    text-decoration:underline
}

.brick.tweet .retweetnotice, .brick.tweet .tweetname, .brick.tweet .tweetage {
    font-size: 1.125rem;
    line-height:1.3333333333
}

.brick.tweet .retweetnotice {
    position: relative;
    width: 100%;
    color:dimgray
}

.brick.tweet .retweetnotice:before {
    content: "";
    font-family: "RO Icons";
    font-size: .8em;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding:0 0.25rem 0 0
}

.brick.tweet .retweetnotice, .brick.tweet .tweetaccount, .brick.tweet .tweetcontent {
    margin-bottom:0.75rem
}

.brick.tweet .tweetaccount {
    width: 100%;
    font-size: 1.265625rem;
    line-height:1.1851851852
}

.brick.tweet .tweetdisplayname {
    display: block;
    font-weight:bold
}

.brick.tweet .tweetname {
    color:dimgray
}

.brick.tweet .tweetactions {
    display: flex;
    align-items: flex-start;
    align-self:flex-end
}

.brick.tweet .tweetactions a.reply {
    position: relative;
    width: 32px;
    height: 32px;
    min-height: 32px;
    padding: 0;
    cursor: pointer;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    text-indent:-9999px
}

.brick.tweet .tweetactions a.reply:after {
    content: "";
    font-family: "RO Icons";
    font-size: 16px;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 0;
    width: 100%;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    text-indent:0
}

.brick.tweet .tweetactions a.reply:after {
    color:#535353
}

.brick.tweet .tweetactions a.reply:hover:after {
    color:#007bc7
}

.brick.tweet .tweetactions a.retweet {
    position: relative;
    width: 32px;
    height: 32px;
    min-height: 32px;
    padding: 0;
    cursor: pointer;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    text-indent:-9999px
}

.brick.tweet .tweetactions a.retweet:after {
    content: "";
    font-family: "RO Icons";
    font-size: 16px;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 0;
    width: 100%;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    text-indent:0
}

.brick.tweet .tweetactions a.retweet:after {
    color:#535353
}

.brick.tweet .tweetactions a.retweet:hover:after {
    color:#39870c
}

.brick.tweet .tweetactions a.favorite {
    position: relative;
    width: 32px;
    height: 32px;
    min-height: 32px;
    padding: 0;
    cursor: pointer;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    text-indent:-9999px
}

.brick.tweet .tweetactions a.favorite:after {
    content: "";
    font-family: "RO Icons";
    font-size: 16px;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 0;
    width: 100%;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    text-indent:0
}

.brick.tweet .tweetactions a.favorite:after {
    color:#535353
}

.brick.tweet .tweetactions a.favorite:hover:after {
    color:#ca005d
}

.brick.tweet .tweetcontent {
    width:100%
}

.brick.tweet .tweetcontent p {
    margin:0
}

.brick.tweet .tweetcontent p a {
    text-decoration:underline
}

.brick.tweet .tweetcontent p a:hover {
    text-decoration:none
}

.brick.tweet .tweetage {
    align-self: flex-start;
    flex: 1;
    color:dimgray
}

.brickRow.gallery > * {
    flex-grow: 0;
    flex-shrink: initial;
    flex-basis: 100%;
    max-width: 100%;
    -webkit-padding-end: 16px;
    padding-inline-end: 16px;
    -webkit-padding-start: 16px;
    padding-inline-start:16px
}

.brickRow.gallery ol {
    padding-left:2.5rem
}

[dir=rtl] .brickRow.gallery ol {
    padding-right: 2.5rem;
    padding-left:0
}

.brickRow.gallery ul li {
    overflow: hidden;
    position: relative;
    -webkit-padding-start: calc(7px + 0.75rem);
    padding-inline-start:calc(7px + 0.75rem)
}

.brickRow.gallery ul li:before {
    position: absolute;
    inset-inline-start: 0;
    content: "";
    background: #000;
    display: block;
    text-indent: -0.1em;
    width: 6px;
    height: 6px;
    inset-block-start:7.2px
}

@media (min-width: 768px) {
    .brickRow.gallery ul li:before {
        width: 7px;
        height: 7px;
        inset-block-start:8.1px
    }
}

@media (min-width: 992px) {
    .brickRow.gallery ul li:before {
        width: 7px;
        height: 7px;
        inset-block-start:9.5px
    }
}

.brickRow.gallery .caption {
    font-size: 1.125rem;
    line-height: 1.3333333333;
    font-weight: normal;
    color: #000;
    margin:0 0 0.5rem 0
}

.brickRow.gallery.twoCols .brick {
    flex-grow: 0;
    flex-shrink: initial;
    flex-basis: 100%;
    max-width: 100%;
    -webkit-padding-end: 16px;
    padding-inline-end: 16px;
    -webkit-padding-start: 16px;
    padding-inline-start:16px
}

@media (min-width: 576px) {
    .brickRow.gallery.twoCols .brick {
        flex-grow: 0;
        flex-shrink: initial;
        flex-basis: 50%;
        max-width: 50%;
        -webkit-padding-end: 16px;
        padding-inline-end: 16px;
        -webkit-padding-start: 16px;
        padding-inline-start:16px
    }
}

.brickRow.gallery.threeCols .brick {
    flex-grow: 0;
    flex-shrink: initial;
    flex-basis: 100%;
    max-width: 100%;
    -webkit-padding-end: 16px;
    padding-inline-end: 16px;
    -webkit-padding-start: 16px;
    padding-inline-start:16px
}

@media (min-width: 576px) {
    .brickRow.gallery.threeCols .brick {
        flex-grow: 0;
        flex-shrink: initial;
        flex-basis: 50%;
        max-width: 50%;
        -webkit-padding-end: 16px;
        padding-inline-end: 16px;
        -webkit-padding-start: 16px;
        padding-inline-start:16px
    }
}

@media (min-width: 768px) {
    .brickRow.gallery.threeCols .brick {
        flex-grow: 0;
        flex-shrink: initial;
        flex-basis: 33.3333333333%;
        max-width: 33.3333333333%;
        -webkit-padding-end: 16px;
        padding-inline-end: 16px;
        -webkit-padding-start: 16px;
        padding-inline-start:16px
    }
}

.brickRow.departments:before {
    display:none
}

.brickRow.departments .brick {
    position:relative
}

.banner svg {
    width:100%
}

.banner .st0 {
    fill: #fff;
    stroke: #cbd2e3;
    stroke-width: 4;
    stroke-miterlimit:10
}

.banner .st1 {
    fill:#1b5e84
}

.banner .st2, .banner .st3, .banner .st4, .banner .st5, .banner .st6, .banner .stijl02, .banner .stijl03 {
    font-family: "RO Sans", Calibri, sans-serif
}

.banner .st2 {
    font-weight:bold
}

.banner .st3 {
    font-size:22px
}

.banner .st4 {
    font-size: 31px;
    text-decoration:none
}

.banner .st5 {
    font-weight:normal
}

.banner .st6 {
    font-size:21px
}

.banner .eng .st0 {
    stroke: #cbd2e3;
    stroke-width: 4;
    stroke-miterlimit:10
}

.banner .eng .st2 {
    font-weight:bold
}

.banner .eng .st3 {
    font-size:20px
}

.banner .eng .st5 {
    font-weight:normal
}

.banner .eng .st6 {
    font-size:19px
}

@media print {
    .banner {
        display:none
    }
}

.breaking {
    width: 100%;
    margin:3rem 16px 0 16px
}

.breaking .article {
    position: relative;
    overflow: hidden;
    min-height: 250px;
    padding: 1.5rem 0;
    background:#01689b
}

.breaking .article a, .breaking .article h2, .breaking .article h3, .breaking .article p {
    text-decoration: none;
    color: #fff;
    font-weight:normal
}

.breaking .article a:hover h2, .breaking .article a:hover h3 {
    text-decoration:underline
}

.breaking .article a:focus {
    outline: 2px dashed #000;
    z-index: 1010;
    outline-offset: -2px;
    -webkit-box-shadow: inset 0 0 0 2px #fff;
    box-shadow:inset 0 0 0 2px #fff
}

.breaking .article > a, .breaking .article .related {
    padding:0 1.5rem
}

.breaking .article > a {
    display: block;
    margin-bottom:1.5rem
}

.breaking .article > a h2 {
    font-size: 2.0272865295rem;
    line-height:1.2331754607
}

.breaking .article > a .meta {
    margin-top:-0.5rem
}

.breaking .article .meta {
    font-size: 1rem;
    line-height: 1.5;
    margin:0
}

.breaking .article .related {
    display: flex;
    flex-direction:column
}

@media (min-width: 992px) {
    .breaking .article .related {
        flex-direction: row;
        justify-content:space-between
    }
}

.breaking .article .related a:not(:last-child) {
    margin-bottom:1rem
}

@media (min-width: 992px) {
    .breaking .article .related a {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis:calc(50% - 16px)
    }
}

.breaking .article .related h3 {
    font-size: 1.6018066406rem;
    line-height: 1.2485901539;
    margin-bottom:0.25rem
}

.breaking .article .visual {
    width: 100%;
    margin:1rem 0
}

@media (min-width: 768px) {
    .breaking .article .visual {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: 33.333333%;
        max-width: 33.333333%;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        margin:0
    }

    .breaking .article .visual img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        font-family: "object-fit: cover;"
    }
}

.breaking.visualnews .article {
    display: flex;
    flex-wrap:wrap
}

@media (min-width: 768px) {
    .breaking.visualnews .article > a, .breaking.visualnews .article .related {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: 66.666666%;
        max-width: 66.666666%;
        margin-left:auto
    }
}

@media print {
    .breaking.visualnews .article > a {
        display: inline;
        float: none;
        width:auto
    }

    .breaking.visualnews .article > a h2, .breaking.visualnews .article > a a, .breaking.visualnews .article > a p {
        float: right;
        width:56%
    }

    .breaking.visualnews .article .visual {
        float: left;
        width:40%
    }

    .breaking.visualnews .article .related {
        display:none
    }
}

.contactdetail {
    margin-bottom:2rem
}

.contactdetail ul, .contactdetail ol {
    margin-bottom:1rem
}

.contactdetail dl {
    margin-bottom:.75rem
}

.contactdetail h3 + ul, .contactdetail h3 + ol, .contactdetail h3 + dl {
    margin-top:-0.25rem
}

.contactdetail ul[itemprop=address] li {
    margin-bottom:0
}

.hst-fab::before {
    content:none !important
}

ul#topMenu .hst-fab {
    margin-right:-40px
}

.languages .hst-fab {
    position: relative !important;
    border:0 !important
}

.site-footer .column {
    position:relative
}

.site-footer .column .hst-fab {
    position:absolute !important
}

.cms-subNavigation {
    position:relative
}

.cms-subNavigation--empty {
    width:100%
}

.cms-subNavigation--empty .hst-fab {
    left: 16px !important;
    top:5px
}

@media (max-width: 767px) {
    .cms-hamburgerNavigation {
        position: absolute;
        right: 40px;
        top: 0px;
        margin:4px
    }
}

.docs-pubs {
    margin-bottom: 0.5rem;
    clear:both
}

.docs-pubs ul.common:not(.gallery-result) {
    list-style: none !important;
    -webkit-margin-start: 0 !important;
    margin-inline-start:0 !important
}

.docs-pubs ul.common:not(.gallery-result) li, .docs-pubs ul.common:not(.gallery-result) li > h2, .docs-pubs ul.common:not(.gallery-result) a > h3, .docs-pubs ul.common:not(.gallery-result) a > h4 {
    font-size: 1.423828125rem;
    line-height: 22.4px;
    font-weight:normal
}

@media (min-width: 768px) {
    .docs-pubs ul.common:not(.gallery-result) li, .docs-pubs ul.common:not(.gallery-result) li > h2, .docs-pubs ul.common:not(.gallery-result) a > h3, .docs-pubs ul.common:not(.gallery-result) a > h4 {
        line-height:25.2px
    }
}

@media (min-width: 992px) {
    .docs-pubs ul.common:not(.gallery-result) li, .docs-pubs ul.common:not(.gallery-result) li > h2, .docs-pubs ul.common:not(.gallery-result) a > h3, .docs-pubs ul.common:not(.gallery-result) a > h4 {
        line-height:28px
    }
}

.docs-pubs ul.common:not(.gallery-result) li, .docs-pubs ul.common:not(.gallery-result) a {
    -webkit-margin-after: 1.5rem;
    margin-block-end:1.5rem
}

.docs-pubs ul.common:not(.gallery-result) li > a {
    -webkit-margin-after: 0;
    margin-block-end:0
}

.docs-pubs ul.common:not(.gallery-result) a {
    -webkit-padding-start: calc((8.4px + 0.75rem) * 0.8);
    padding-inline-start: calc((8.4px + 0.75rem) * 0.8);
    position: relative;
    display: block;
    text-decoration: none;
    font-size: inherit;
    line-height: inherit;
    font-weight:normal
}

@media (min-width: 768px) {
    .docs-pubs ul.common:not(.gallery-result) a {
        -webkit-padding-start: calc((8.4px + 0.75rem) * 0.9);
        padding-inline-start:calc((8.4px + 0.75rem) * 0.9)
    }
}

@media (min-width: 992px) {
    .docs-pubs ul.common:not(.gallery-result) a {
        -webkit-padding-start: calc((8.4px + 0.75rem) * 1);
        padding-inline-start:calc((8.4px + 0.75rem) * 1)
    }
}

.docs-pubs ul.common:not(.gallery-result) a:before {
    display: inline-flex;
    align-items: center;
    content: "";
    font-family: "RO Icons";
    font-size: .7rem;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 6.72px;
    height: 22.4px;
    text-indent: -0.1em;
    position: absolute;
    inset-block-start: -1px;
    inset-inline-start:0
}

@media (min-width: 768px) {
    .docs-pubs ul.common:not(.gallery-result) a:before {
        width:7.56px
    }
}

@media (min-width: 992px) {
    .docs-pubs ul.common:not(.gallery-result) a:before {
        width:8.4px
    }
}

@media (min-width: 768px) {
    .docs-pubs ul.common:not(.gallery-result) a:before {
        height:25.2px
    }
}

@media (min-width: 992px) {
    .docs-pubs ul.common:not(.gallery-result) a:before {
        height:28px
    }
}

.docs-pubs ul.common:not(.gallery-result) a:hover {
    text-decoration:none
}

.docs-pubs ul.common:not(.gallery-result) a:hover h3, .docs-pubs ul.common:not(.gallery-result) a:hover h4 {
    text-decoration:underline
}

.docs-pubs ul.common:not(.gallery-result) a.external:before {
    content: "";
    font-family: "RO Icons";
    font-size: .595rem;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing:grayscale
}

[dir=rtl] .docs-pubs ul.common:not(.gallery-result) a:before {
    -webkit-transform: rotate(-180deg);
    transform:rotate(-180deg)
}

[dir=rtl] .docs-pubs ul.common:not(.gallery-result) a.external:before {
    -webkit-transform: rotate(-90deg);
    transform:rotate(-90deg)
}

.docs-pubs ul.common:not(.gallery-result) p:not(.article-meta):not(.meta):not(.superheading):not(.copyright) {
    font-size: 1.125rem;
    line-height: 1.3333333333;
    font-weight: normal;
    color: #000;
    -webkit-margin-after: 0;
    margin-block-end:0
}

.docs-pubs ul.common:not(.gallery-result) p.meta {
    font-size: 0.8888888889rem;
    line-height: 1.6875;
    font-weight: normal;
    color: #535353;
    margin: 0;
    margin-top:0.5rem
}

.download {
    margin-bottom:1rem
}

.download-chunk {
    display: flex;
    flex-wrap: wrap;
    margin: 0rem 0rem 1rem 0rem;
    padding: 1rem;
    text-decoration: none;
    background-color:#f3f3f3
}

.download-chunk:hover {
    text-decoration:none
}

.download-chunk:hover h2 span {
    text-decoration:underline
}

.download-chunk h2 {
    font-size: 1.6018066406rem;
    line-height: 1.2485901539;
    position: relative;
    width: 100%;
    margin:0rem 0rem 0.5rem 0rem
}

.download-chunk .meta {
    font-size: 1.125rem;
    line-height: 1.3333333333;
    font-weight: normal;
    margin: 0;
    color: #535353;
    width:100%
}

.download-chunk .meta:not(:last-child) {
    margin-bottom:0.25rem
}

.filterHeader {
    display: flex;
    flex-direction: column;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #535353;
    margin-inline:-16px
}

@media (min-width: 768px) {
    .filterHeader {
        margin-inline:0
    }
}

@media (min-width: 576px) {
    .filterHeader {
        flex-direction: row;
        flex-wrap:wrap
    }
}

.filterHeader .summary {
    -webkit-margin-before: auto;
    margin-block-start: auto;
    -webkit-margin-start: 1rem;
    margin-inline-start:1rem
}

@media (min-width: 768px) {
    .filterHeader .summary {
        -webkit-margin-start: 0;
        margin-inline-start:0
    }
}

.filterHeader .summary h2 > span {
    font-size: 1.6018066406rem;
    line-height:1.2485901539
}

.filterHeader .summary h2 > span:first-child {
    font-size: 2.0272865295rem;
    line-height:.9865403685
}

.filterHeader .summary h2 > span.activeFiltersHeader {
    color:dimgray
}

.filterHeader.hasTags .summary {
    flex:1 100%
}

.filterHeader .btnWrapper button.filter-btn, .filterHeader .filterTagsWrapper button.removeTag {
    display: inline-flex;
    align-items: center;
    font-size: 1rem;
    line-height: 1;
    min-height: 0;
    position: relative;
    padding: 0.5rem;
    color: #000;
    border-radius: 0.25rem;
    margin-bottom:0.5rem
}

.filterHeader .btnWrapper button.filter-btn:after, .filterHeader .filterTagsWrapper button.removeTag:after {
    margin-left:0.5rem
}

[dir=rtl] .filterHeader .btnWrapper button.filter-btn:after, [dir=rtl] .filterHeader .filterTagsWrapper button.removeTag:after {
    margin-left: 0;
    margin-right:0.5rem
}

.filterHeader .btnWrapper button.filter-btn:hover, .filterHeader .filterTagsWrapper button.removeTag:hover {
    background-color:#e6e6e6
}

.filterHeader .filterTagsWrapper {
    margin-inline: 1rem;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis:calc(100% - 11rem)
}

@media (min-width: 768px) {
    .filterHeader .filterTagsWrapper {
        margin-inline:0
    }
}

.filterHeader .filterTagsWrapper button.removeTag {
    background-color: #f3f3f3;
    margin-right:0.5rem
}

.filterHeader .filterTagsWrapper button.removeTag:after {
    content: "";
    font-family: "RO Icons";
    font-size: .7em;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color:#000
}

.filterHeader .filterTagsWrapper button.removeTag:hover {
    text-decoration:line-through
}

[dir=rtl] .filterHeader .filterTagsWrapper button.removeTag {
    padding: 0.25rem 0.5rem 0.25rem 2rem;
    margin-left: 0.5rem;
    margin-right:0
}

[dir=rtl] .filterHeader .filterTagsWrapper button.removeTag:after {
    right: auto;
    left:0.75rem
}

.filterHeader .btnWrapper {
    margin-left: auto;
    margin-top: auto;
    -webkit-margin-end: 1rem;
    margin-inline-end:1rem
}

@media (min-width: 768px) {
    .filterHeader .btnWrapper {
        -webkit-margin-end: 0;
        margin-inline-end:0
    }
}

.filterHeader .btnWrapper button.filter-btn {
    background-color: transparent;
    margin-left:0.5rem
}

.filterHeader .btnWrapper button.filter-btn:after {
    content: "";
    font-family: "RO Icons";
    font-size: .8em;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #000;
    -webkit-transform: rotate(90deg);
    transform:rotate(90deg)
}

.filterHeader .btnWrapper button.filter-btn.filtersOpen:after {
    -webkit-transform: rotate(-90deg);
    transform:rotate(-90deg)
}

.filterHeader .btnWrapper button.filter-btn:hover {
    background-color:#e6e6e6
}

[dir=rtl] .filterHeader .btnWrapper button.filter-btn {
    margin-left: 0;
    margin-right:0.5rem
}

[dir=rtl] .filterHeader .btnWrapper {
    margin-left: 0;
    margin-right:auto
}

.filterHeader + .form {
    margin-bottom:0
}

.filterHeader + .form #search-filter-form {
    margin:2rem 0
}

.sorting {
    margin:1rem 0rem 2rem 0rem
}

.sorting p {
    margin:0
}

.sorting ul, .sorting li {
    display:inline
}

.sorting li + li:before {
    content: "/ "
}

.nonVisible {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width:1px
}

.article .results:not(.gallery-result), .results:not(.gallery-result) {
    margin-bottom: 2rem;
    list-style: none !important;
    -webkit-margin-start: 0 !important;
    margin-inline-start:0 !important
}

.article .results:not(.gallery-result) li, .article .results:not(.gallery-result) li > h2, .article .results:not(.gallery-result) a > h3, .article .results:not(.gallery-result) a > h4, .results:not(.gallery-result) li, .results:not(.gallery-result) li > h2, .results:not(.gallery-result) a > h3, .results:not(.gallery-result) a > h4 {
    font-size: 1.423828125rem;
    line-height: 22.4px;
    font-weight:normal
}

@media (min-width: 768px) {
    .article .results:not(.gallery-result) li, .article .results:not(.gallery-result) li > h2, .article .results:not(.gallery-result) a > h3, .article .results:not(.gallery-result) a > h4, .results:not(.gallery-result) li, .results:not(.gallery-result) li > h2, .results:not(.gallery-result) a > h3, .results:not(.gallery-result) a > h4 {
        line-height:25.2px
    }
}

@media (min-width: 992px) {
    .article .results:not(.gallery-result) li, .article .results:not(.gallery-result) li > h2, .article .results:not(.gallery-result) a > h3, .article .results:not(.gallery-result) a > h4, .results:not(.gallery-result) li, .results:not(.gallery-result) li > h2, .results:not(.gallery-result) a > h3, .results:not(.gallery-result) a > h4 {
        line-height:28px
    }
}

.article .results:not(.gallery-result) li, .article .results:not(.gallery-result) a, .results:not(.gallery-result) li, .results:not(.gallery-result) a {
    -webkit-margin-after: 1.5rem;
    margin-block-end:1.5rem
}

.article .results:not(.gallery-result) li > a, .results:not(.gallery-result) li > a {
    -webkit-margin-after: 0;
    margin-block-end:0
}

.article .results:not(.gallery-result) a, .results:not(.gallery-result) a {
    -webkit-padding-start: calc((8.4px + 0.75rem) * 0.8);
    padding-inline-start: calc((8.4px + 0.75rem) * 0.8);
    position: relative;
    display: block;
    text-decoration: none;
    font-size: inherit;
    line-height: inherit;
    font-weight:normal
}

@media (min-width: 768px) {
    .article .results:not(.gallery-result) a, .results:not(.gallery-result) a {
        -webkit-padding-start: calc((8.4px + 0.75rem) * 0.9);
        padding-inline-start:calc((8.4px + 0.75rem) * 0.9)
    }
}

@media (min-width: 992px) {
    .article .results:not(.gallery-result) a, .results:not(.gallery-result) a {
        -webkit-padding-start: calc((8.4px + 0.75rem) * 1);
        padding-inline-start:calc((8.4px + 0.75rem) * 1)
    }
}

.article .results:not(.gallery-result) a:before, .results:not(.gallery-result) a:before {
    display: inline-flex;
    align-items: center;
    content: "";
    font-family: "RO Icons";
    font-size: .7rem;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 6.72px;
    height: 22.4px;
    text-indent: -0.1em;
    position: absolute;
    inset-block-start: -1px;
    inset-inline-start:0
}

@media (min-width: 768px) {
    .article .results:not(.gallery-result) a:before, .results:not(.gallery-result) a:before {
        width:7.56px
    }
}

@media (min-width: 992px) {
    .article .results:not(.gallery-result) a:before, .results:not(.gallery-result) a:before {
        width:8.4px
    }
}

@media (min-width: 768px) {
    .article .results:not(.gallery-result) a:before, .results:not(.gallery-result) a:before {
        height:25.2px
    }
}

@media (min-width: 992px) {
    .article .results:not(.gallery-result) a:before, .results:not(.gallery-result) a:before {
        height:28px
    }
}

.article .results:not(.gallery-result) a:hover, .results:not(.gallery-result) a:hover {
    text-decoration:none
}

.article .results:not(.gallery-result) a:hover h3, .article .results:not(.gallery-result) a:hover h4, .results:not(.gallery-result) a:hover h3, .results:not(.gallery-result) a:hover h4 {
    text-decoration:underline
}

.article .results:not(.gallery-result) a.external:before, .results:not(.gallery-result) a.external:before {
    content: "";
    font-family: "RO Icons";
    font-size: .595rem;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing:grayscale
}

[dir=rtl] .article .results:not(.gallery-result) a:before, [dir=rtl] .results:not(.gallery-result) a:before {
    -webkit-transform: rotate(-180deg);
    transform:rotate(-180deg)
}

[dir=rtl] .article .results:not(.gallery-result) a.external:before, [dir=rtl] .results:not(.gallery-result) a.external:before {
    -webkit-transform: rotate(-90deg);
    transform:rotate(-90deg)
}

.article .results:not(.gallery-result) p:not(.article-meta):not(.meta):not(.superheading):not(.copyright), .results:not(.gallery-result) p:not(.article-meta):not(.meta):not(.superheading):not(.copyright) {
    font-size: 1.125rem;
    line-height: 1.3333333333;
    font-weight: normal;
    color: #000;
    -webkit-margin-after: 0;
    margin-block-end:0
}

.article .results:not(.gallery-result) p.meta, .results:not(.gallery-result) p.meta {
    font-size: 0.8888888889rem;
    line-height: 1.6875;
    font-weight: normal;
    color: #535353;
    margin: 0;
    margin-top:0.5rem
}

[dir=rtl] .article .results:not(.gallery-result) a, [dir=rtl] .results:not(.gallery-result) a {
    padding-right: 1.25rem;
    padding-left:0
}

[dir=rtl] .article .results:not(.gallery-result) a:before, [dir=rtl] .results:not(.gallery-result) a:before {
    right: 0;
    left: auto;
    -webkit-transform: rotate(-180deg);
    transform:rotate(-180deg)
}

.article .results:not(.gallery-result) .meta, .results:not(.gallery-result) .meta {
    font-size: 0.8888888889rem;
    line-height: 1.6875;
    font-weight: normal;
    color: #535353;
    margin:0
}

.results:not(.gallery-result).activityOverview .results__item {
    margin-bottom:2.5rem
}

.common.results {
    padding:0
}

.common.results .results__item {
    margin-bottom: 1.5rem;
    padding:0
}

.no-results-message {
    margin-top:2rem
}

.paging-menu {
    display: flex;
    flex-basis: 100%;
    flex-wrap: wrap;
    max-width: 1200px;
    align-items: flex-start;
    justify-content: flex-start;
    margin-top: 2rem;
    margin-bottom:2rem
}

.paging-menu a {
    text-decoration:none
}

.paging-menu a:hover {
    text-decoration:underline !important
}

.paging-menu a:visited {
    color:#01689b
}

.paging__wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    width: 100%;
    border-top:0.25rem solid #01689b
}

@media (min-width: 576px) {
    .paging__wrapper {
        justify-content:initial
    }
}

.paging__unit {
    display: flex;
    align-items: center;
    justify-content: center;
    height:48px
}

.paging__unit--numbers {
    order: 0;
    flex: 0 1 100%;
    justify-content:flex-start
}

@media (min-width: 576px) {
    .paging__unit--numbers {
        order: 1;
        flex:0 1 auto
    }
}

.paging__unit--prev, .paging__unit--next {
    padding: 0rem 0.5rem;
    flex:1
}

@media (min-width: 576px) {
    .paging__unit--prev, .paging__unit--next {
        flex:none
    }
}

.paging__unit--prev {
    order: 1;
    justify-content:flex-start
}

@media (min-width: 576px) {
    .paging__unit--prev {
        order:0
    }
}

.paging__unit--next {
    order: 2;
    justify-content:flex-end
}

.paging__numbers {
    position: relative;
    display: flex;
    top: -1px;
    margin-top: 0 !important;
    align-self: flex-start;
    height:48px
}

.paging__number {
    height: 48px;
    font-size: 1.423828125rem;
    line-height: 1.4046639232;
    font-weight: normal;
    color:#000
}

.paging__number a, .paging__number strong, .paging__number span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height:48px
}

.paging__number--current {
    color: #fff;
    background-color:#01689b
}

.countrySelector {
    margin-bottom:2.5rem
}

.countrySelector .autocompleteWrapper {
    margin: 0 0 1rem 0;
    padding: 1rem;
    background:#f3f3f3
}

.countrySelector form {
    position:relative
}

.countrySelector legend {
    position: absolute !important;
    display: inline-block !important;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border:0
}

.countrySelector input[type=text] {
    font-size: 1.265625rem;
    line-height: 1.5802469136;
    width: 100%;
    height: 48px;
    margin: 0;
    padding-block: 0;
    -webkit-padding-start: 1rem;
    padding-inline-start: 1rem;
    -webkit-padding-end: 5rem;
    padding-inline-end: 5rem;
    border: none;
    border:1px solid #ccc
}

.countrySelector button[type=submit] {
    position: relative;
    width: 48px;
    height: 48px;
    min-height: 48px;
    padding: 0;
    cursor: pointer;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    text-indent: -9999px;
    position: absolute;
    top: 0;
    right:0
}

.countrySelector button[type=submit]:after {
    content: "";
    font-family: "RO Icons";
    font-size: inherit;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 0;
    width: 100%;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    text-indent:0
}

[dir=rtl] .countrySelector button[type=submit] {
    right: auto;
    left:0
}

[dir=rtl] .countrySelector button[type=submit]:after {
    -webkit-transform: translateY(-50%) rotateY(180deg);
    transform: translateY(-50%) rotateY(180deg);
    left:-2px
}

.countrySelector button[type=submit]:disabled {
    cursor: initial;
    -webkit-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
    background:#ccc
}

.countrySelector button[type=submit]:focus {
    border: 2px solid #01689b;
    background:#fff
}

.countrySelector button[type=submit]:focus:after {
    color:#01689b
}

.countrySelector ul.autocomplete {
    height: 0;
    -webkit-animation: showElement .1s .5s forwards;
    animation: showElement .1s .5s forwards;
    opacity:0
}

.countrySelector ul.ui-autocomplete {
    position: absolute;
    z-index: 9999;
    display: block;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 200px;
    border: 1px solid #ccc;
    background-color:#fff
}

.countrySelector ul.ui-autocomplete .ui-menu-item {
    width: auto;
    margin: 0;
    padding:0
}

.countrySelector ul.ui-autocomplete .ui-menu-item:before {
    content: ""
}

.countrySelector ul.ui-autocomplete .ui-menu-item div {
    overflow: hidden;
    width: 100%;
    padding: 0.5rem;
    border:1px solid #f3f3f3
}

.countrySelector ul.ui-autocomplete .ui-state-active {
    cursor: pointer;
    color: #fff;
    background-color:#01689b
}

.countrySelector button.clearField {
    right:48px
}

.no-js .countrySelector ul {
    list-style: none !important;
    -webkit-margin-start: 0 !important;
    margin-inline-start: 0 !important;
    -webkit-columns: 1 auto;
    -moz-columns: 1 auto;
    columns:1 auto
}

.no-js .countrySelector ul li, .no-js .countrySelector ul li > h2, .no-js .countrySelector ul a > h3, .no-js .countrySelector ul a > h4 {
    font-size: 1.265625rem;
    line-height: 22.4px;
    font-weight:normal
}

@media (min-width: 768px) {
    .no-js .countrySelector ul li, .no-js .countrySelector ul li > h2, .no-js .countrySelector ul a > h3, .no-js .countrySelector ul a > h4 {
        line-height:25.2px
    }
}

@media (min-width: 992px) {
    .no-js .countrySelector ul li, .no-js .countrySelector ul li > h2, .no-js .countrySelector ul a > h3, .no-js .countrySelector ul a > h4 {
        line-height:28px
    }
}

.no-js .countrySelector ul li, .no-js .countrySelector ul a {
    -webkit-margin-after: 0.75rem;
    margin-block-end:0.75rem
}

.no-js .countrySelector ul li > a {
    -webkit-margin-after: 0;
    margin-block-end:0
}

.no-js .countrySelector ul a {
    -webkit-padding-start: calc((8.4px + 0.75rem) * 0.8);
    padding-inline-start: calc((8.4px + 0.75rem) * 0.8);
    position: relative;
    display: block;
    text-decoration: none;
    font-size: inherit;
    line-height: inherit;
    font-weight:normal
}

@media (min-width: 768px) {
    .no-js .countrySelector ul a {
        -webkit-padding-start: calc((8.4px + 0.75rem) * 0.9);
        padding-inline-start:calc((8.4px + 0.75rem) * 0.9)
    }
}

@media (min-width: 992px) {
    .no-js .countrySelector ul a {
        -webkit-padding-start: calc((8.4px + 0.75rem) * 1);
        padding-inline-start:calc((8.4px + 0.75rem) * 1)
    }
}

.no-js .countrySelector ul a:before {
    display: inline-flex;
    align-items: center;
    content: "";
    font-family: "RO Icons";
    font-size: .7rem;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 6.72px;
    height: 22.4px;
    text-indent: -0.1em;
    position: absolute;
    inset-block-start: -1px;
    inset-inline-start:0
}

@media (min-width: 768px) {
    .no-js .countrySelector ul a:before {
        width:7.56px
    }
}

@media (min-width: 992px) {
    .no-js .countrySelector ul a:before {
        width:8.4px
    }
}

@media (min-width: 768px) {
    .no-js .countrySelector ul a:before {
        height:25.2px
    }
}

@media (min-width: 992px) {
    .no-js .countrySelector ul a:before {
        height:28px
    }
}

.no-js .countrySelector ul a:hover {
    text-decoration:underline
}

.no-js .countrySelector ul a:hover:before {
    text-decoration:none
}

.no-js .countrySelector ul a.external:before {
    content: "";
    font-family: "RO Icons";
    font-size: .595rem;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing:grayscale
}

[dir=rtl] .no-js .countrySelector ul a:before {
    -webkit-transform: rotate(-180deg);
    transform:rotate(-180deg)
}

[dir=rtl] .no-js .countrySelector ul a.external:before {
    -webkit-transform: rotate(-90deg);
    transform:rotate(-90deg)
}

.no-js .countrySelector ul p:not(.article-meta):not(.meta):not(.superheading):not(.copyright) {
    font-size: 1rem;
    line-height: 1.5;
    font-weight: normal;
    color: #000;
    -webkit-margin-after: 0;
    margin-block-end:0
}

.no-js .countrySelector ul p.meta {
    font-size: 0.8888888889rem;
    line-height: 1.6875;
    font-weight: normal;
    color: #535353;
    margin: 0;
    margin-top:0.5rem
}

@media (min-width: 768px) {
    .no-js .countrySelector ul {
        -webkit-columns: 2 auto;
        -moz-columns: 2 auto;
        columns:2 auto
    }
}

.no-js .countrySelector ul li > a {
    display:inline-block
}

.headerImage .countrySelectorWrapper {
    display: flex;
    flex-basis: 100%;
    flex-wrap: wrap;
    max-width: 1200px;
    align-items: center;
    justify-content: center;
    -webkit-margin-end: -16px;
    margin-inline-end: -16px;
    -webkit-margin-start: -16px;
    margin-inline-start: -16px;
    z-index: 10;
    height:100%
}

.headerImage .countrySelectorWrapper .countrySelector {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(100% - 32px);
    margin-right: 16px;
    margin-left: 16px;
    padding: 1rem 1rem 0rem 1rem;
    background:#fff
}

@media (min-width: 768px) {
    .headerImage .countrySelectorWrapper .countrySelector {
        flex-grow: 0;
        flex-shrink: initial;
        flex-basis: 66.6666666667%;
        max-width: 66.6666666667%;
        -webkit-padding-end: 16px;
        padding-inline-end: 16px;
        -webkit-padding-start: 16px;
        padding-inline-start:16px
    }
}

.headerImage .countrySelectorWrapper .autocompleteWrapper {
    padding: 0;
    background:transparent
}

@media print {
    .countrySelector {
        display:none
    }
}

#follow-up {
    margin:0 auto
}

#follow-up .block {
    flex-grow: 0;
    flex-shrink: initial;
    flex-basis: 100%;
    max-width: 100%;
    -webkit-padding-end: 16px;
    padding-inline-end: 16px;
    -webkit-padding-start: 16px;
    padding-inline-start:16px
}

@media (min-width: 768px) {
    #follow-up .block {
        flex-grow: 0;
        flex-shrink: initial;
        flex-basis: 75%;
        max-width: 75%;
        -webkit-padding-end: 16px;
        padding-inline-end: 16px;
        -webkit-padding-start: 16px;
        padding-inline-start:16px
    }
}

@media (min-width: 992px) {
    #follow-up .block {
        flex-grow: 0;
        flex-shrink: initial;
        flex-basis: 66.6666666667%;
        max-width: 66.6666666667%;
        -webkit-padding-end: 16px;
        padding-inline-end: 16px;
        -webkit-padding-start: 16px;
        padding-inline-start:16px
    }
}

@media (min-width: 768px) {
    .fullWidth #follow-up .block {
        flex-grow: 0;
        flex-shrink: initial;
        flex-basis: 100%;
        max-width: 100%;
        -webkit-padding-end: 16px;
        padding-inline-end: 16px;
        -webkit-padding-start: 16px;
        padding-inline-start:16px
    }
}

@media (min-width: 992px) {
    .fullWidth #follow-up .block {
        flex-grow: 0;
        flex-shrink: initial;
        flex-basis: 100%;
        max-width: 100%;
        -webkit-padding-end: 16px;
        padding-inline-end: 16px;
        -webkit-padding-start: 16px;
        padding-inline-start:16px
    }
}

#follow-up .block h2 {
    padding-top: 0.5rem;
    border-top:1px solid #e1e1e1
}

#follow-up .block ul {
    display: flex;
    flex-wrap: nowrap;
    margin-top: -8px;
    margin-left:-6px
}

#follow-up .block ul.common a:before {
    display:none
}

@media (max-width: 991px) {
    #follow-up .block ul.common li a {
        margin:0 .2rem
    }

    #follow-up .block ul.common li:first-child a {
        margin:0 .2rem 0 0
    }
}

#follow-up .block a.facebook {
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    min-height: 2.5rem;
    padding: 0;
    cursor: pointer;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    text-indent:-9999px
}

#follow-up .block a.facebook:after {
    content: "";
    font-family: "RO Icons";
    font-size: 32px;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 0;
    width: 100%;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    text-indent:0
}

#follow-up .block a.facebook:after {
    color:#3c5193
}

#follow-up .block a.twitter {
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    min-height: 2.5rem;
    padding: 0;
    cursor: pointer;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    text-indent:-9999px
}

#follow-up .block a.twitter:after {
    content: "";
    font-family: "RO Icons";
    font-size: 32px;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 0;
    width: 100%;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    text-indent:0
}

#follow-up .block a.twitter:after {
    color:#0e9af1
}

#follow-up .block a.instagram {
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    min-height: 2.5rem;
    padding: 0;
    cursor: pointer;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    text-indent:-9999px
}

#follow-up .block a.instagram:after {
    content: "";
    font-family: "RO Icons";
    font-size: 32px;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 0;
    width: 100%;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    text-indent:0
}

#follow-up .block a.instagram:after {
    color:#d93274
}

#follow-up .block a.linkedin {
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    min-height: 2.5rem;
    padding: 0;
    cursor: pointer;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    text-indent:-9999px
}

#follow-up .block a.linkedin:after {
    content: "";
    font-family: "RO Icons";
    font-size: 32px;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 0;
    width: 100%;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    text-indent:0
}

#follow-up .block a.linkedin:after {
    color:#007bb6
}

@media print {
    #follow-up {
        display:none
    }
}

.languages {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    background-color:#fff
}

.languages__wrapper {
    display: flex;
    flex-basis: 100%;
    flex-wrap: wrap;
    max-width: 1200px;
    align-items: center;
    justify-content: flex-start;
    -webkit-margin-end: -16px;
    margin-inline-end: -16px;
    -webkit-margin-start: -16px;
    margin-inline-start:-16px
}

p.languages__label {
    padding-inline: 16px;
    -webkit-margin-before: 2rem;
    margin-block-start: 2rem;
    -webkit-margin-after: 0.5rem;
    margin-block-end:0.5rem
}

.languages__list {
    flex-grow: 0;
    flex-shrink: initial;
    flex-basis: 100%;
    max-width: 100%;
    -webkit-padding-end: 16px;
    padding-inline-end: 16px;
    -webkit-padding-start: 16px;
    padding-inline-start: 16px;
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    -webkit-margin-before: 0;
    margin-block-start: 0;
    -webkit-margin-after: 1.5rem;
    margin-block-end:1.5rem
}

li.languages__list-item {
    -webkit-margin-end: 1rem;
    margin-inline-end: 1rem;
    margin-block: 0.5rem;
    padding: 0;
    list-style: none;
    color: #01689b;
    font-size: 1.265625rem;
    line-height:1.5802469136
}

li.languages__list-item.selected {
    font-weight: bold;
    background-color: #d9e8f0;
    color:#01689b
}

.languages__list-item.selected, a.languages__link {
    display: inline-block;
    padding: 0.5rem 1rem;
    text-decoration: none;
    border: 1px solid #01689b;
    color:inherit
}

.languages__list-item.selected:hover, a.languages__link:hover {
    color: #000;
    background-color:#4d95b9
}

.languages__list-item.selected:focus, a.languages__link:focus {
    outline-offset:3px
}

.campaignImage .slideControls, .fotoSlider .slideNav {
    position: absolute;
    z-index: 999;
    right:1.5rem
}

.campaignImage .slideNav, .fotoSlider .slideNav {
    display: block;
    margin-bottom: 0;
    height:12px
}

.campaignImage .slideNav > li, .fotoSlider .slideNav li {
    float: left;
    margin: 0;
    width: 12px;
    height: 12px;
    overflow:hidden
}

.campaignImage .slideNav > li:not(:last-child), .fotoSlider .slideNav li:not(:last-child) {
    margin-right:1rem
}

.campaignImage .slideNav .bull, .fotoSlider .slideNav li button {
    overflow: hidden;
    padding: 0;
    text-indent: -999px;
    background-color: transparent;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    display: block;
    width: 12px;
    height: 12px;
    min-height: 12px;
    border: 1px solid #fff;
    border-radius: 50%;
    background-color:#000
}

.campaignImage .slideNav .bull:focus, .fotoSlider .slideNav li button:focus {
    outline: 2px dashed #000;
    z-index: 1010;
    outline-offset: 0;
    -webkit-box-shadow: 0 0 0 2px #fff;
    box-shadow:0 0 0 2px #fff
}

.campaignImage .slideNav .bull:hover, .fotoSlider .slideNav li button:hover {
    background-color:#535353
}

.campaignImage .slideNav .current.bull, .fotoSlider .slideNav li button.current {
    border: 1px solid #000;
    background-color:#fff
}

.sitemap {
    margin-bottom:1.5rem
}

.sitemap .column {
    margin-bottom: 0;
    padding-left:calc(4px + .75rem) !important
}

.sitemap .column > a {
    display: initial;
    font-weight: bold;
    margin: 0rem 0rem 1rem 0rem;
    font-size: 1.6018066406rem;
    line-height: 1.2485901539;
    line-height:1.5
}

.sitemap .column > a:hover {
    text-decoration:none
}

.sitemap .column::before {
    content:none !important
}

.sitemap .common {
    margin-top:1rem
}

.sitemap .common li {
    display: initial;
    padding-left:0 !important
}

.sitemap .common li a {
    margin-bottom:0.75rem !important
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    .sitemap .common li a * ::-ms-backdrop {
        margin:2px
    }

    .sitemap .common li a {
        margin:2px
    }
}

.sitemap .common li::before {
    content:none !important
}

.fotoSlider {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    margin-bottom: 2rem;
    -webkit-animation: fadeInElement ease-in;
    animation: fadeInElement ease-in;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    opacity: 0;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode:forwards
}

[dir=rtl] .fotoSlider {
    direction:ltr
}

.fotoSlider .rail {
    display: flex;
    -webkit-overflow-scrolling: touch;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    height: auto;
    scroll-behavior:smooth
}

.fotoSlider .rail .slide {
    width: 100%;
    height: 100%;
    scroll-snap-align:start
}

.fotoSlider .imageWrapper img {
    width:100%
}

.fotoSlider .fotoDescription {
    width: 100%;
    background-color:#f3f3f3
}

[dir=rtl] .fotoSlider .fotoDescription {
    direction:rtl
}

.fotoSlider .fotoDescription .descriptionWrapper {
    max-width: 1200px;
    padding: 1rem;
    margin-right: auto;
    margin-left:auto
}

.fotoSlider .fotoDescription .descriptionWrapper p {
    padding-top:1rem
}

.fotoSlider .slideNav {
    top:1.5rem
}

.fotoSlider button.prevButton {
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    min-height: 2.5rem;
    padding: 0;
    cursor: pointer;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    text-indent: -9999px;
    background-color: #f3f3f3;
    position: absolute;
    right: auto;
    left:0
}

.fotoSlider button.prevButton:after {
    content: "";
    font-family: "RO Icons";
    font-size: inherit;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 0;
    width: 100%;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    text-indent:0
}

.fotoSlider button.prevButton:after {
    color:#01689b
}

.fotoSlider button.prevButton:hover {
    outline: none;
    background-color:#01689b
}

.fotoSlider button.prevButton:hover:after {
    color:#fff
}

.fotoSlider button.prevButton:after {
    -webkit-transform: translateY(-50%) rotate(-180deg);
    transform:translateY(-50%) rotate(-180deg)
}

.fotoSlider button.nextButton {
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    min-height: 2.5rem;
    padding: 0;
    cursor: pointer;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    text-indent: -9999px;
    background-color: #f3f3f3;
    position: absolute;
    right: 0;
    left:auto
}

.fotoSlider button.nextButton:after {
    content: "";
    font-family: "RO Icons";
    font-size: inherit;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 0;
    width: 100%;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    text-indent:0
}

.fotoSlider button.nextButton:after {
    color:#01689b
}

.fotoSlider button.nextButton:hover {
    outline: none;
    background-color:#01689b
}

.fotoSlider button.nextButton:hover:after {
    color:#fff
}

@media print {
    .fotoSlider {
        display:none
    }
}

.block-photo-gallery h2 {
    padding: 0.5rem 0 0 0;
    border-top:1px solid #e1e1e1
}

.block-photo-gallery ul {
    padding: 0;
    list-style-type:none
}

.block-photo-gallery ul.list-style-type--disc {
    list-style-type:disc
}

.block-photo-gallery ul.list-style-type--circle {
    list-style-type:circle
}

.block-photo-gallery ul.list-style-type--square {
    list-style-type:square
}

.block-photo-gallery ul[class * =list-style-type] li {
                                                      overflow: visible;
                                                      -webkit-padding-start: initial;
                                                      padding-inline-start: initial;
                                                      -webkit-margin-start: 1em;
                                                      margin-inline-start:1em
                                                  }

.block-photo-gallery ul[class * =list-style-type] li:before {
                                                      display:none
                                                  }

.block-photo-gallery > ul > li, .block-photo-gallery > ul ul > li {
    overflow: hidden;
    position: relative;
    -webkit-padding-start: calc(7px + 0.75rem);
    padding-inline-start:calc(7px + 0.75rem)
}

.block-photo-gallery > ul > li:before, .block-photo-gallery > ul ul > li:before {
    position: absolute;
    inset-inline-start: 0;
    content: "";
    background: #000;
    display: block;
    text-indent: -0.1em;
    width: 6px;
    height: 6px;
    inset-block-start:7.2px
}

@media (min-width: 768px) {
    .block-photo-gallery > ul > li:before, .block-photo-gallery > ul ul > li:before {
        width: 7px;
        height: 7px;
        inset-block-start:8.1px
    }
}

@media (min-width: 992px) {
    .block-photo-gallery > ul > li:before, .block-photo-gallery > ul ul > li:before {
        width: 7px;
        height: 7px;
        inset-block-start:9.5px
    }
}

.block-photo-gallery ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results) {
    -webkit-padding-start: 1.5rem;
    padding-inline-start: 1.5rem;
    list-style-type:decimal
}

.block-photo-gallery ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--lower-alpha {
    list-style-type:lower-alpha
}

.block-photo-gallery ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--upper-alpha {
    list-style-type:upper-alpha
}

.block-photo-gallery ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--lower-roman {
    list-style-type:lower-roman
}

.block-photo-gallery ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--upper-roman {
    list-style-type:upper-roman
}

.block-photo-gallery ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--decimal {
    list-style-type:decimal
}

.block-photo-gallery ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results) > li {
    -webkit-padding-start: 0.25rem;
    padding-inline-start:0.25rem
}

.block-photo-gallery > ol > li > ul > li {
    overflow: hidden;
    position: relative;
    -webkit-padding-start: calc(7px + 0.75rem);
    padding-inline-start:calc(7px + 0.75rem)
}

.block-photo-gallery > ol > li > ul > li:before {
    position: absolute;
    inset-inline-start: 0;
    content: "";
    background: #000;
    display: block;
    text-indent: -0.1em;
    width: 6px;
    height: 6px;
    inset-block-start:7.2px
}

@media (min-width: 768px) {
    .block-photo-gallery > ol > li > ul > li:before {
        width: 7px;
        height: 7px;
        inset-block-start:8.1px
    }
}

@media (min-width: 992px) {
    .block-photo-gallery > ol > li > ul > li:before {
        width: 7px;
        height: 7px;
        inset-block-start:9.5px
    }
}

.flex-images {
    display: flex;
    flex-wrap: wrap;
    margin:0 -2px 3rem -2px
}

.flex-images .item {
    position: relative;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    margin:2px
}

.flex-images .item img {
    width: 100%;
    height:100%
}

.no-js .flex-images .item {
    display:none
}

.flex-images .copyright {
    position: absolute;
    z-index: 10;
    bottom: 0.5rem;
    left: 0.5rem;
    margin: 0;
    color: #fff;
    text-shadow:0px 0px 1px rgba(0, 0, 0, .5), -1px 0px 1px rgba(0, 0, 0, .5), 1px 0px 1px rgba(0, 0, 0, .5), 0px -1px 1px rgba(0, 0, 0, .5), 0px 1px 1px rgba(0, 0, 0, .5), 2px 2px 6px rgba(0, 0, 0, .5)
}

.flex-images .noJs {
    position:relative
}

body.lightbox-visible {
    position: fixed;
    overflow: hidden;
    width: 100%;
    height:100%
}

.lightboxOverlay {
    position: fixed;
    z-index: 1060;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    -webkit-animation: fadeOutElement .3s;
    animation: fadeOutElement .3s;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    background: rgba(0, 0, 0, .95);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode:forwards
}

.lightboxOverlay.visible {
    -webkit-animation: fadeInElement .3s;
    animation: fadeInElement .3s;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode:forwards
}

.lightboxOverlay .lightboxModal {
    width: 100%;
    height:100%
}

.lightboxOverlay .slideRail {
    display: flex;
    flex-wrap: nowrap;
    height:100%
}

.lightboxOverlay .slide {
    position: relative;
    width: 100vw;
    height: 100%;
    margin:0
}

.lightboxOverlay figure {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    margin:0
}

.lightboxOverlay .imgContainer {
    position: relative;
    display: flex;
    align-content: center;
    flex-shrink: 1;
    justify-content: center;
    height: 100%;
    max-height: 100%;
    margin:3rem
}

.lightboxOverlay .imgContainer img {
    position: absolute;
    top: 50%;
    right: auto;
    bottom: 0;
    left: 50%;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    -webkit-transform: translateX(-50%) translatey(-50%);
    transform:translateX(-50%) translatey(-50%)
}

.lightboxOverlay figcaption {
    flex-shrink: 0;
    margin: auto 0 0 0;
    padding: 2rem 1rem 2rem 1rem;
    background:#f3f3f3
}

.lightboxOverlay figcaption p {
    margin-bottom:0
}

.lightboxOverlay figcaption .captionWrapper {
    max-width: 1000px;
    margin:0 auto
}

.lightboxOverlay figcaption .copyAndCredits {
    font-size: 0.8888888889rem;
    line-height:1.125
}

.lightboxOverlay figcaption .copyAndCredits .copy {
    display:inline
}

.lightboxOverlay figcaption .copyAndCredits .copy + .credits {
    display:inline
}

.lightboxOverlay figcaption .copyAndCredits .copy + .credits:before {
    margin: 0 2px 0 2px;
    content: " / "
}

.lightboxOverlay figcaption .piwik_download {
    font-size: 0.8888888889rem;
    line-height: 1.125;
    position: relative;
    padding: 0 1rem 0 1rem;
    color:#01689b
}

.lightboxOverlay figcaption .piwik_download:before {
    content: "";
    font-family: "RO Icons";
    font-size: 1em;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 0;
    left:0
}

[dir=rtl] .lightboxOverlay figcaption .piwik_download:before {
    right: 0;
    left:auto
}

[dir=rtl] .lightboxOverlay figcaption {
    direction:rtl
}

.lightboxOverlay button.close {
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    min-height: 2.5rem;
    padding: 0;
    cursor: pointer;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    text-indent: -9999px;
    background-color: #f3f3f3;
    position: absolute;
    top: 0;
    right:0
}

.lightboxOverlay button.close:after {
    content: "";
    font-family: "RO Icons";
    font-size: inherit;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 0;
    width: 100%;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    text-indent:0
}

.lightboxOverlay button.close:after {
    color:#01689b
}

.lightboxOverlay button.close:hover {
    outline: none;
    background-color:#01689b
}

.lightboxOverlay button.close:hover:after {
    color:#fff
}

.lightboxOverlay button.close:hover {
    background-color:#01689b
}

.lightboxOverlay button.close:hover:after {
    color:#fff
}

.lightboxOverlay button.nextSlide {
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    min-height: 2.5rem;
    padding: 0;
    cursor: pointer;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    text-indent: -9999px;
    background-color: #f3f3f3;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-100%);
    transform:translateY(-100%)
}

.lightboxOverlay button.nextSlide:after {
    content: "";
    font-family: "RO Icons";
    font-size: inherit;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 0;
    width: 100%;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    text-indent:0
}

.lightboxOverlay button.nextSlide:after {
    color:#01689b
}

.lightboxOverlay button.nextSlide:hover {
    outline: none;
    background-color:#01689b
}

.lightboxOverlay button.nextSlide:hover:after {
    color:#fff
}

.lightboxOverlay button.nextSlide:hover {
    background-color:#01689b
}

.lightboxOverlay button.nextSlide:hover:after {
    color:#fff
}

.lightboxOverlay button.nextSlide:disabled {
    display:none
}

.lightboxOverlay button.prevSlide {
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    min-height: 2.5rem;
    padding: 0;
    cursor: pointer;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    text-indent: -9999px;
    background-color: #f3f3f3;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-100%);
    transform:translateY(-100%)
}

.lightboxOverlay button.prevSlide:after {
    content: "";
    font-family: "RO Icons";
    font-size: inherit;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 0;
    width: 100%;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    text-indent:0
}

.lightboxOverlay button.prevSlide:after {
    color:#01689b
}

.lightboxOverlay button.prevSlide:hover {
    outline: none;
    background-color:#01689b
}

.lightboxOverlay button.prevSlide:hover:after {
    color:#fff
}

.lightboxOverlay button.prevSlide:after {
    -webkit-transform: translateY(-50%) rotate(-180deg);
    transform:translateY(-50%) rotate(-180deg)
}

.lightboxOverlay button.prevSlide:hover {
    background-color:#01689b
}

.lightboxOverlay button.prevSlide:hover:after {
    color:#fff
}

.lightboxOverlay button.prevSlide:disabled {
    display:none
}

.lightboxOverlay .imgLoader {
    position: absolute;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
    width: 60px;
    height: 60px;
    -webkit-animation: rotateElement 2s linear infinite;
    animation: rotateElement 2s linear infinite;
    border: 6px solid #fff;
    border-top: 6px solid #01689b;
    border-radius:50%
}

[dir=rtl] .lightboxOverlay {
    direction:ltr
}

@media print {
    .lightboxOverlay button.close, .lightboxOverlay button.nextSlide, .lightboxOverlay button.prevSlide {
        display:none
    }
}

.mediaContainer {
    position: relative;
    display: flex;
    align-items: flex-start;
    margin: 0rem 0rem 0.25rem 0rem;
    z-index:5
}

.swbox {
    line-height: 0;
    width:100%
}

.toggleOptionBox {
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    min-height: 2.5rem;
    padding: 0;
    cursor: pointer;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    text-indent: -9999px;
    background-color: #f3f3f3;
    position: absolute;
    z-index: 9;
    top: 0;
    right:0
}

.toggleOptionBox:after {
    content: "";
    font-family: "RO Icons";
    font-size: inherit;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 0;
    width: 100%;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    text-indent:0
}

.toggleOptionBox:after {
    color:#01689b
}

.toggleOptionBox:hover {
    outline: none;
    background-color:#01689b
}

.toggleOptionBox:hover:after {
    color:#fff
}

[dir=rtl] .toggleOptionBox {
    right: auto;
    left:0
}

.openLightbox {
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    min-height: 2.5rem;
    padding: 0;
    cursor: pointer;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    text-indent: -9999px;
    background-color: #f3f3f3;
    position: absolute;
    z-index: 9;
    top: 0;
    right:0
}

.openLightbox:after {
    content: "";
    font-family: "RO Icons";
    font-size: inherit;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 0;
    width: 100%;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    text-indent:0
}

.openLightbox:after {
    color:#01689b
}

.openLightbox:hover {
    outline: none;
    background-color:#01689b
}

.openLightbox:hover:after {
    color:#fff
}

[dir=rtl] .openLightbox {
    right: auto;
    left:0
}

.mediaOptions {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    visibility: hidden;
    flex-direction: column;
    padding: 2rem 0.25rem 0.25rem;
    opacity: 0;
    border: 1px solid #e1e1e1;
    background: #fff;
    z-index:1050
}

@media (min-width: 992px) {
    .mediaOptions {
        padding-top:1rem
    }
}

.mediaOptions h3 {
    flex-basis: 100%;
    margin: 0 0.25rem 0.25rem;
    padding-right: 3.5rem;
    font-size: 1.125rem;
    font-weight:normal
}

[dir=rtl] .mediaOptions h3 {
    padding-right: 0;
    padding-left:3.5rem
}

.mediaOptions .lightbox {
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    min-height: 2.5rem;
    padding: 0;
    cursor: pointer;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    text-indent: -9999px;
    background-color: #01689b;
    display: inline-block;
    margin:0rem 0.25rem
}

.mediaOptions .lightbox:after {
    content: "";
    font-family: "RO Icons";
    font-size: inherit;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 0;
    width: 100%;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    text-indent:0
}

.mediaOptions .lightbox:after {
    color:#fff
}

.mediaOptions .lightbox:hover {
    background-color:#01496d
}

.mediaOptions .lightbox:hover:after {
    color:#fff
}

.mediaOptions .download {
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    min-height: 2.5rem;
    padding: 0;
    cursor: pointer;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    text-indent: -9999px;
    background-color: #01689b;
    display: inline-block;
    margin:0rem 0.25rem
}

.mediaOptions .download:after {
    content: "";
    font-family: "RO Icons";
    font-size: inherit;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 0;
    width: 100%;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    text-indent:0
}

.mediaOptions .download:after {
    color:#fff
}

.mediaOptions .download:hover {
    background-color:#01496d
}

.mediaOptions .download:hover:after {
    color:#fff
}

[dir=rtl] .mediaOptions {
    right: auto;
    left:0
}

.boxOpen .toggleOptionBox {
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    min-height: 2.5rem;
    padding: 0;
    cursor: pointer;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    text-indent: -9999px;
    background-color: #01689b;
    z-index: 1051;
    position:absolute
}

.boxOpen .toggleOptionBox:after {
    content: "";
    font-family: "RO Icons";
    font-size: inherit;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 0;
    width: 100%;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    text-indent:0
}

.boxOpen .toggleOptionBox:after {
    color:#fff
}

.boxOpen .toggleOptionBox:hover {
    background-color:#01496d
}

.boxOpen .toggleOptionBox:hover:after {
    color:#fff
}

.boxOpen .mediaOptions {
    -webkit-animation: fadeInElement .3s;
    animation: fadeInElement .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode:forwards
}

.boxClosed .mediaOptions {
    -webkit-animation: fadeOutElement .3s;
    animation: fadeOutElement .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode:forwards
}

.shareBtn {
    display: inline-block;
    margin:0rem 0.25rem
}

.shareBtn.tw {
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    min-height: 2.5rem;
    padding: 0;
    cursor: pointer;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    text-indent:-9999px
}

.shareBtn.tw:after {
    content: "";
    font-family: "RO Icons";
    font-size: 44px;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 0;
    width: 100%;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    text-indent:0
}

.shareBtn.tw:after {
    color:#2da8e0
}

.shareBtn.fa {
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    min-height: 2.5rem;
    padding: 0;
    cursor: pointer;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    text-indent:-9999px
}

.shareBtn.fa:after {
    content: "";
    font-family: "RO Icons";
    font-size: 44px;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 0;
    width: 100%;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    text-indent:0
}

.shareBtn.fa:after {
    color:#3c5193
}

.shareBtn.li {
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    min-height: 2.5rem;
    padding: 0;
    cursor: pointer;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    text-indent:-9999px
}

.shareBtn.li:after {
    content: "";
    font-family: "RO Icons";
    font-size: 44px;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 0;
    width: 100%;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    text-indent:0
}

.shareBtn.li:after {
    color:#0e77b5
}

.shareBtn.pi {
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    min-height: 2.5rem;
    padding: 0;
    cursor: pointer;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    text-indent:-9999px
}

.shareBtn.pi:after {
    content: "";
    font-family: "RO Icons";
    font-size: 44px;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 0;
    width: 100%;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    text-indent:0
}

.shareBtn.pi:after {
    color:#aa2529
}

.mediasize {
    margin: 0rem 0.25rem;
    font-size:1.125rem
}

@media print {
    .mediaOptions, .toggleOptionBox, .openLightbox {
        display:none
    }
}

#avg .eformText {
    margin: 0rem 0rem 0rem -1rem;
    background: #e6e6e6;
    padding-right:1rem
}

#avg .eformText:after {
    display: table;
    clear: both;
    content: ""
}

@media (min-width: 768px) {
    #avg .eformText {
        margin-left:-2rem
    }
}

#avg .eformText > * {
    float: left;
    width: calc(100% - 1rem);
    margin-right: 1rem;
    margin-left:1rem
}

@media (min-width: 768px) {
    #avg .eformText > * {
        float: right;
        width: calc(72.5% - 2rem);
        margin-left:0
    }
}

#avg .eforms-fieldgroupname + .eformText {
    margin-top:1rem
}

#avg .collapseButtons {
    background-color: #e6e6e6;
    margin-left:-1rem
}

#avg .collapseButtons:after {
    display: table;
    clear: both;
    content: ""
}

@media (min-width: 768px) {
    #avg .collapseButtons {
        margin-left:-2rem
    }
}

[dir=rtl] #avg .collapseButtons {
    margin-left: 0;
    margin-right:-1rem
}

@media (min-width: 768px) {
    [dir=rtl] #avg .collapseButtons {
        margin-left: 0;
        margin-right:-2rem
    }
}

#avg .collapsible {
    display: none;
    margin-left:-1rem
}

@media (min-width: 768px) {
    #avg .collapsible {
        margin-left:-2rem
    }
}

[dir=rtl] #avg .collapsible {
    margin-left:0
}

@media (min-width: 768px) {
    [dir=rtl] #avg .collapsible {
        margin-left:0
    }
}

#avg .collapsible .eformText {
    margin-left:0
}

#avg button.textButton {
    position: relative;
    float: left;
    width: calc(100% - 1rem);
    min-height: 32px;
    margin-left: 1rem;
    padding: 0.5rem 44px 0.5rem 0;
    text-align: left;
    text-decoration: underline;
    color: #01689b;
    border: none;
    background:transparent
}

#avg button.textButton:after {
    content: "";
    font-family: "RO Icons";
    font-size: inherit;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    position: absolute;
    top: 1.5rem;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
    background-color:#01689b
}

#avg button.textButton.expand:after {
    -webkit-transform: translateY(-50%) rotate(-90deg);
    transform:translateY(-50%) rotate(-90deg)
}

@media (min-width: 576px) {
    #avg button.textButton {
        float: right;
        width:calc(72.5% - 1rem)
    }
}

.topicList, .alphabetical-list, .categoryOverview, .topics.alphabetical.two-columns {
    display: flex;
    flex-basis: 100%;
    flex-wrap: wrap;
    max-width: 1200px;
    align-items: flex-start;
    justify-content: flex-start;
    margin:3rem auto 1.5rem auto
}

.topicList, .alphabetical-list, .categoryOverview {
    padding:0 16px
}

.alphabetical-list__heading {
    width: 100%;
    margin-bottom: 1.5rem;
    padding-top: 0.5rem;
    border-top:1px solid #e1e1e1
}

.topicList h2 {
    width: 100%;
    margin-bottom: 1.5rem;
    padding-top: 0.5rem;
    border-top:1px solid #e1e1e1
}

@media (max-width: 767px) {
    .topicList h3 a {
        position: relative;
        display: block;
        width: 100%;
        text-decoration: none;
        padding-right:24px
    }

    .topicList h3 a:before {
        -webkit-transition: all 200ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
        transition: all 200ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
        content: "";
        font-family: "RO Icons";
        font-size: 1rem;
        font-weight: normal;
        line-height: inherit;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: inherit;
        position: absolute;
        right: 0;
        top:5px
    }

    .topicList h3 a.panelOpen:before {
        -webkit-transform: rotate(180deg);
        transform:rotate(180deg)
    }

    .topicList > h3 + ul {
        display:none
    }
}

@media (max-width: 767px) {
    .alphabetical-list links-list__heading links-list__link {
        position: relative;
        display: block;
        width: 100%;
        text-decoration: none;
        padding-right:24px
    }

    .alphabetical-list links-list__heading links-list__link:before {
        -webkit-transition: all 200ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
        transition: all 200ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
        content: "";
        font-family: "RO Icons";
        font-size: 1rem;
        font-weight: normal;
        line-height: inherit;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: inherit;
        position: absolute;
        right: 0;
        top:5px
    }

    .alphabetical-list links-list__heading links-list__link.panelOpen:before {
        -webkit-transform: rotate(180deg);
        transform:rotate(180deg)
    }
}

.topicList h3, .links-list__heading, .topics.alphabetical.two-columns h2, .categoryOverview h2 {
    font-size: 1.6018066406rem;
    line-height: 1.2485901539;
    font-weight: bold;
    width: 100%;
    margin-bottom:1rem
}

@media (min-width: 576px) {
    .topicList h3, .links-list__heading, .topics.alphabetical.two-columns h2, .categoryOverview h2 {
        margin-bottom:1.5rem
    }
}

.topicList h3:not(:first-child), .links-list__heading:not(:first-child), .topics.alphabetical.two-columns h2:not(:first-child), .categoryOverview h2:not(:first-child) {
    padding-top: 1.25rem;
    border-top:1px solid #e1e1e1
}

@media (min-width: 768px) {
    .topicList h3:not(:first-child), .links-list__heading:not(:first-child), .topics.alphabetical.two-columns h2:not(:first-child), .categoryOverview h2:not(:first-child) {
        padding-top:2rem
    }
}

@media (max-width: 767px) {
    .topicList h3, .alphabetical-list__body h3 {
        font-weight:normal
    }
}

.topicCols, .categoryCols, .links-list__body, .topics.alphabetical.two-columns .subtopics, .block.representation {
    list-style: none !important;
    -webkit-margin-start: 0 !important;
    margin-inline-start:0 !important
}

.topicCols li, .topicCols li > h2, .topicCols a > h3, .topicCols a > h4, .categoryCols li, .categoryCols li > h2, .categoryCols a > h3, .categoryCols a > h4, .links-list__body li, .links-list__body li > h2, .links-list__body a > h3, .links-list__body a > h4, .topics.alphabetical.two-columns .subtopics li, .topics.alphabetical.two-columns .subtopics li > h2, .topics.alphabetical.two-columns .subtopics a > h3, .topics.alphabetical.two-columns .subtopics a > h4, .block.representation li, .block.representation li > h2, .block.representation a > h3, .block.representation a > h4 {
    font-size: 1.125rem;
    line-height: 19.2px;
    font-weight:normal
}

@media (min-width: 768px) {
    .topicCols li, .topicCols li > h2, .topicCols a > h3, .topicCols a > h4, .categoryCols li, .categoryCols li > h2, .categoryCols a > h3, .categoryCols a > h4, .links-list__body li, .links-list__body li > h2, .links-list__body a > h3, .links-list__body a > h4, .topics.alphabetical.two-columns .subtopics li, .topics.alphabetical.two-columns .subtopics li > h2, .topics.alphabetical.two-columns .subtopics a > h3, .topics.alphabetical.two-columns .subtopics a > h4, .block.representation li, .block.representation li > h2, .block.representation a > h3, .block.representation a > h4 {
        line-height:21.6px
    }
}

@media (min-width: 992px) {
    .topicCols li, .topicCols li > h2, .topicCols a > h3, .topicCols a > h4, .categoryCols li, .categoryCols li > h2, .categoryCols a > h3, .categoryCols a > h4, .links-list__body li, .links-list__body li > h2, .links-list__body a > h3, .links-list__body a > h4, .topics.alphabetical.two-columns .subtopics li, .topics.alphabetical.two-columns .subtopics li > h2, .topics.alphabetical.two-columns .subtopics a > h3, .topics.alphabetical.two-columns .subtopics a > h4, .block.representation li, .block.representation li > h2, .block.representation a > h3, .block.representation a > h4 {
        line-height:24px
    }
}

.topicCols li, .topicCols a, .categoryCols li, .categoryCols a, .links-list__body li, .links-list__body a, .topics.alphabetical.two-columns .subtopics li, .topics.alphabetical.two-columns .subtopics a, .block.representation li, .block.representation a {
    -webkit-margin-after: 0.75rem;
    margin-block-end:0.75rem
}

.topicCols li > a, .categoryCols li > a, .links-list__body li > a, .topics.alphabetical.two-columns .subtopics li > a, .block.representation li > a {
    -webkit-margin-after: 0;
    margin-block-end:0
}

.topicCols a, .categoryCols a, .links-list__body a, .topics.alphabetical.two-columns .subtopics a, .block.representation a {
    -webkit-padding-start: calc((8.4px + 0.75rem) * 0.8);
    padding-inline-start: calc((8.4px + 0.75rem) * 0.8);
    position: relative;
    display: block;
    text-decoration: none;
    font-size: inherit;
    line-height: inherit;
    font-weight:normal
}

@media (min-width: 768px) {
    .topicCols a, .categoryCols a, .links-list__body a, .topics.alphabetical.two-columns .subtopics a, .block.representation a {
        -webkit-padding-start: calc((8.4px + 0.75rem) * 0.9);
        padding-inline-start:calc((8.4px + 0.75rem) * 0.9)
    }
}

@media (min-width: 992px) {
    .topicCols a, .categoryCols a, .links-list__body a, .topics.alphabetical.two-columns .subtopics a, .block.representation a {
        -webkit-padding-start: calc((8.4px + 0.75rem) * 1);
        padding-inline-start:calc((8.4px + 0.75rem) * 1)
    }
}

.topicCols a:before, .categoryCols a:before, .links-list__body a:before, .topics.alphabetical.two-columns .subtopics a:before, .block.representation a:before {
    display: inline-flex;
    align-items: center;
    content: "";
    font-family: "RO Icons";
    font-size: .7rem;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 6.72px;
    height: 19.2px;
    text-indent: -0.1em;
    position: absolute;
    inset-block-start: -1px;
    inset-inline-start:0
}

@media (min-width: 768px) {
    .topicCols a:before, .categoryCols a:before, .links-list__body a:before, .topics.alphabetical.two-columns .subtopics a:before, .block.representation a:before {
        width:7.56px
    }
}

@media (min-width: 992px) {
    .topicCols a:before, .categoryCols a:before, .links-list__body a:before, .topics.alphabetical.two-columns .subtopics a:before, .block.representation a:before {
        width:8.4px
    }
}

@media (min-width: 768px) {
    .topicCols a:before, .categoryCols a:before, .links-list__body a:before, .topics.alphabetical.two-columns .subtopics a:before, .block.representation a:before {
        height:21.6px
    }
}

@media (min-width: 992px) {
    .topicCols a:before, .categoryCols a:before, .links-list__body a:before, .topics.alphabetical.two-columns .subtopics a:before, .block.representation a:before {
        height:24px
    }
}

.topicCols a:hover, .categoryCols a:hover, .links-list__body a:hover, .topics.alphabetical.two-columns .subtopics a:hover, .block.representation a:hover {
    text-decoration:underline
}

.topicCols a:hover:before, .categoryCols a:hover:before, .links-list__body a:hover:before, .topics.alphabetical.two-columns .subtopics a:hover:before, .block.representation a:hover:before {
    text-decoration:none
}

.topicCols a.external:before, .categoryCols a.external:before, .links-list__body a.external:before, .topics.alphabetical.two-columns .subtopics a.external:before, .block.representation a.external:before {
    content: "";
    font-family: "RO Icons";
    font-size: .595rem;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing:grayscale
}

[dir=rtl] .topicCols a:before, [dir=rtl] .categoryCols a:before, [dir=rtl] .links-list__body a:before, [dir=rtl] .topics.alphabetical.two-columns .subtopics a:before, [dir=rtl] .block.representation a:before {
    -webkit-transform: rotate(-180deg);
    transform:rotate(-180deg)
}

[dir=rtl] .topicCols a.external:before, [dir=rtl] .categoryCols a.external:before, [dir=rtl] .links-list__body a.external:before, [dir=rtl] .topics.alphabetical.two-columns .subtopics a.external:before, [dir=rtl] .block.representation a.external:before {
    -webkit-transform: rotate(-90deg);
    transform:rotate(-90deg)
}

.topicCols p:not(.article-meta):not(.meta):not(.superheading):not(.copyright), .categoryCols p:not(.article-meta):not(.meta):not(.superheading):not(.copyright), .links-list__body p:not(.article-meta):not(.meta):not(.superheading):not(.copyright), .topics.alphabetical.two-columns .subtopics p:not(.article-meta):not(.meta):not(.superheading):not(.copyright), .block.representation p:not(.article-meta):not(.meta):not(.superheading):not(.copyright) {
    font-size: 0.8888888889rem;
    line-height: 1.40625;
    font-weight: normal;
    color: #000;
    -webkit-margin-after: 0;
    margin-block-end:0
}

.topicCols p.meta, .categoryCols p.meta, .links-list__body p.meta, .topics.alphabetical.two-columns .subtopics p.meta, .block.representation p.meta {
    font-size: 0.8888888889rem;
    line-height: 1.6875;
    font-weight: normal;
    color: #535353;
    margin: 0;
    margin-top:0.5rem
}

.alphabetical-list__body, .topicCols, .categoryCols, .topics.alphabetical.two-columns .column, .block.representation ul {
    -webkit-column-gap: 32px;
    -moz-column-gap: 32px;
    column-gap:32px
}

.alphabetical-list__body, .topicCols, .categoryCols {
    flex-grow: 0;
    flex-shrink: initial;
    flex-basis: 100%;
    max-width: 100%;
    -webkit-padding-end: 16px;
    padding-inline-end: 16px;
    -webkit-padding-start: 16px;
    padding-inline-start: 16px;
    padding-left: 0;
    padding-right: 0;
    display: block;
    margin-bottom: 3rem;
    -webkit-columns: 1 auto;
    -moz-columns: 1 auto;
    columns:1 auto
}

@media (min-width: 576px) {
    .alphabetical-list__body, .topicCols, .categoryCols {
        display: block;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count:2
    }
}

@media (min-width: 992px) {
    .alphabetical-list__body, .topicCols, .categoryCols {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count:3
    }
}

@media (min-width: 1200px) {
    .alphabetical-list__body, .topicCols, .categoryCols {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count:4
    }
}

.alphabetical-list__body.panelOpen, .topicCols.panelOpen, .categoryCols.panelOpen {
    display:block
}

.alphabetical .alphabetical-list__body, .alphabetical .topicCols, .alphabetical .categoryCols {
    display:block
}

.alphabetical-list__body:only-of-type, .topicCols:only-of-type, .categoryCols:only-of-type {
    margin:0
}

.alphabetical-list__body:last-child, .topicCols:last-child, .categoryCols:last-child {
    margin:0
}

.alphabetical-list__body li > a, .topicCols li > a, .categoryCols li > a {
    display:inline-block
}

.topicList.alphabetical .topicCols ul, .topicList ul.topicCols, .categoryCols ul, #source-list .common, .links-list__body, .topics.alphabetical.two-columns ul {
    margin-bottom:1rem
}

@media (min-width: 768px) {
    .topicList.alphabetical .topicCols ul, .topicList ul.topicCols, .categoryCols ul, #source-list .common, .links-list__body, .topics.alphabetical.two-columns ul {
        margin-bottom:2rem
    }
}

.topicList.alphabetical .topicCols ul li, .topicList ul.topicCols li, .categoryCols ul li, #source-list .common li, .links-list__body li, .topics.alphabetical.two-columns ul li {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    page-break-inside:avoid
}

.topicList.alphabetical .topicCols ul a :focus, .topicList ul.topicCols a :focus, .categoryCols ul a :focus, #source-list .common a :focus, .links-list__body a :focus, .topics.alphabetical.two-columns ul a :focus {
    outline: 2px dashed #000;
    z-index: 1010;
    outline-offset: -2px;
    -webkit-box-shadow: inset 0 0 0 2px #fff;
    box-shadow:inset 0 0 0 2px #fff
}

.links-list__item {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    page-break-inside:avoid
}

.topicGroup, .links-list, .categoryGroup {
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    page-break-inside:avoid
}

.topicGroup h3, .links-list h3, .categoryGroup h3 {
    margin-bottom: 1rem;
    border:none
}

@media (min-width: 992px) {
    .topics.alphabetical.two-columns .column {
        -webkit-columns: 2 auto;
        -moz-columns: 2 auto;
        columns:2 auto
    }

    .topics.alphabetical.two-columns .column .topic {
        -webkit-column-break-inside: avoid;
        -moz-column-break-inside: avoid;
        break-inside:avoid
    }
}

.topics.alphabetical.two-columns .column li > a {
    display:inline-block
}

.links-list__link {
    display:inline-block
}

.links-list__link :focus {
    outline: 2px dashed #000;
    z-index: 1010;
    outline-offset: -2px;
    -webkit-box-shadow: inset 0 0 0 2px #fff;
    box-shadow:inset 0 0 0 2px #fff
}

@media (min-width: 768px) {
    .block.representation ul {
        -webkit-columns: 2 auto;
        -moz-columns: 2 auto;
        columns:2 auto
    }
}

.faqs.overview {
    margin:1.5rem 0
}

.mailServiceClientWrapper .intro.email {
    padding-left: calc(3rem + 1rem);
    position: relative;
    margin-bottom:1rem
}

.mailServiceClientWrapper .intro.email:before {
    content: "";
    font-family: "RO Icons";
    font-size: 1.5rem;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #01689b;
    border-radius: 50%;
    position: absolute;
    left: 0;
    height: 3rem;
    width: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    margin-top:0.5rem
}

.mailServiceClientWrapper .intro.email p {
    margin-bottom:0
}

.mscSubscriptionOption {
    background: #f3f3f3;
    display: flex;
    justify-content: space-between;
    padding: 1rem;
    margin-bottom: 1rem;
    align-items:center
}

.mscSubscriptionOption p {
    margin:0
}

.mscSubscriptionChange fieldset {
    background: #f3f3f3;
    padding: 1rem;
    margin-bottom:1rem
}

.mscSubscriptionChange fieldset legend {
    float: left;
    margin-bottom: 1rem;
    width:100%
}

.mscSubscriptionChange .optOutAllWrapper {
    float:right
}

.mscSubscriptionChange .formGroup {
    display: flex;
    float: left;
    width: 100%;
    margin:0.5rem 0rem 0.5rem 0rem
}

@media (min-width: 576px) {
    .mscSubscriptionChange .formGroup {
        width:70%
    }
}

.mscSubscriptionChange .formGroup + .formGroup {
    float: left;
    width:auto
}

@media (min-width: 576px) {
    .mscSubscriptionChange .formGroup + .formGroup {
        float:right
    }
}

.mscSubscriptionChange .formGroup p {
    margin-bottom:0
}

.mscSubscriptionChange input.optOut {
    margin-left:0.5rem
}

.mscSubscriptionChange .notice {
    -webkit-transition: all 200ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
    transition: all 200ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
    float: left;
    background-color: #fff4dc;
    width: 100%;
    visibility: hidden;
    margin: 0;
    height: 0;
    overflow:hidden
}

.mscSubscriptionChange .notice.visible {
    -webkit-transition: all 200ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
    transition: all 200ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
    margin: 0.5rem 0rem 1rem 0rem;
    height: auto;
    visibility:visible
}

.mscSubscriptionChange .notice p {
    padding: 1rem;
    margin: 0 !important;
    display: flex;
    align-items:center
}

.mscSubscriptionChange .notice p:before {
    margin-right: 1rem;
    content: " ";
    min-width: 32px;
    min-height: 30px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23ffb612;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Ewarning%3C/title%3E%3Cpath class='a' d='M31.66,27.64,18.3,1.49a2.52,2.52,0,0,0-4.6,0L.34,27.64C-.65,29.59.62,32,2.64,32H29.37C31.38,32,32.65,29.59,31.66,27.64Z'/%3E%3Cpath d='M14,24.31a2.88,2.88,0,0,1,.5-1.71,1.7,1.7,0,0,1,1.5-.7,1.89,1.89,0,0,1,1.51.61,2.74,2.74,0,0,1,.52,1.8A2.72,2.72,0,0,1,17.53,26a1.76,1.76,0,0,1-1.5.67,1.92,1.92,0,0,1-1.52-.6A2.54,2.54,0,0,1,14,24.31Zm.43-15.65,3.41-.3-.3,8.39v4l-3.13.07V8.66Z'/%3E%3C/svg%3E")
}

.reactions, .mourning {
    padding: 1.5rem 0;
    background-color:#f3f3f3
}

.reactions > ul, .mourning > ul {
    margin:0
}

.reactions li, .mourning li {
    padding: calc(1.5rem - 4px) 1.5rem 1.5rem 1.5rem;
    margin: 0;
    border-bottom:2px solid #fff
}

.reactions li:first-child, .mourning li:first-child {
    padding-top:0
}

.reactions li:last-child, .mourning li:last-child {
    border-bottom: none;
    padding-bottom:0
}

.reactions p:not(.meta), .mourning p:not(.meta) {
    margin-bottom:0.5rem
}

.hotspotContainer .copyright {
    position: relative;
    display: inline-block;
    padding: 0.25rem 0 0 0;
    margin-top: -0.5rem;
    margin-bottom: 0;
    font-size: 0.8888888889rem;
    text-align: left;
    text-shadow: none;
    color:dimgray
}

.hotspotimage {
    margin: 0 auto;
    position:relative
}

.hotspotimage img {
    width: 100%;
    line-height:0
}

.hotspotimage ul.hotspotmap {
    margin-bottom:0
}

.hotspotimage li {
    position: absolute;
    z-index: auto;
    margin: 0;
    padding: 0;
    background: none;
    width: 100%;
    height: 0;
    counter-increment:hotzones
}

.hotspotimage li:before {
    display: none;
    content: ""
}

.hotspotimage button {
    display: block;
    min-height: 0;
    width: 30px;
    height: 30px;
    margin-left: -15px;
    margin-top: -15px;
    padding: 0;
    -webkit-transition: -webkit-transform 200ms ease;
    transition: -webkit-transform 200ms ease;
    transition: transform 200ms ease;
    transition: transform 200ms ease, -webkit-transform 200ms ease;
    border-radius:100%
}

.hotspotimage button:after {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    padding-top: 1px;
    border-radius: 100%;
    background-color: #01689b;
    color: #fff;
    content:counter(hotzones)
}

@media (min-width: 992px) {
    .js .hotspotimage button:after {
        content: "";
        font-family: "RO Icons";
        font-size: inherit;
        font-weight: normal;
        line-height: inherit;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 16px;
        line-height: 1;
        padding-top:0
    }
}

.hotspotimage button:hover:after {
    color:#fff
}

.hotspotimage button:focus {
    outline: 2px dashed #000;
    z-index: 1010;
    outline-offset: 0;
    -webkit-box-shadow: 0 0 0 2px #fff;
    box-shadow:0 0 0 2px #fff
}

.hotspotimage button:focus:before {
    content:none
}

.hotspotimage button.open {
    -webkit-transform: rotate(45deg);
    transform:rotate(45deg)
}

.hotspotimage .tooltip {
    display: block;
    position: absolute;
    z-index: 9999;
    top: auto;
    left: 0px;
    bottom: 0px;
    padding: 1rem;
    width: auto;
    max-width: 500px;
    background-color: rgba(1, 104, 155, .95);
    color: #fff;
    font-size: 1.125rem;
    text-align:left
}

.hotspotimage .tooltip:focus {
    outline: 2px dashed #000;
    z-index: 1010;
    outline-offset: 0;
    -webkit-box-shadow: 0 0 0 2px #fff;
    box-shadow:0 0 0 2px #fff
}

.hotspotimage .tooltip:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    left: 50%;
    right: auto;
    bottom: -10px;
    margin-left: -10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top:10px solid rgba(1, 104, 155, .95)
}

.light.hotspotimage .tooltip {
    color: dimgray;
    background: #fff;
    opacity:.95
}

.light.hotspotimage .tooltip:after {
    border-top:10px solid rgba(255, 255, 255, .95)
}

.light.hotspotimage .tooltip.bottom:after {
    border-top: none;
    border-bottom: 10px solid rgba(255, 255, 255, .95);
    bottom: auto;
    top:-10px
}

.hotspotimage .tooltip.left:after {
    margin-left: 0;
    left:10px
}

.hotspotimage .tooltip.right:after {
    left: auto;
    margin-left: 0;
    right:10px
}

.hotspotimage .tooltip.bottom:after {
    border-top: none;
    border-bottom: 10px solid rgba(1, 104, 155, .95);
    bottom: auto;
    top:-10px
}

.hotspotimage .tooltip h3 {
    font-style:italic
}

.hotspotimage .tooltip p, .hotspotimage .tooltip li {
    font-size: 1rem;
    line-height: 1.5;
    font-weight:normal
}

.hotspotimage .tooltip ol, .hotspotimage .tooltip ul {
    margin: 1px auto 0 auto;
    padding:0.25rem
}

.hotspotimage .tooltip ol {
    list-style-type:decimal
}

.hotspotimage .tooltip ul {
    list-style-type:disc
}

.hotspotimage .tooltip li {
    position: relative;
    margin-left: 1rem;
    height:auto
}

.hotspotimage .tooltip img {
    width:100%
}

.hotspotimage .tooltip.imageleft, .hotspotimage .tooltip.imageright {
    max-width:620px
}

.hotspotimage .tooltip.imageleft img, .hotspotimage .tooltip.imageright img {
    max-width: 45%;
    position: relative;
    top:4px
}

.hotspotimage .tooltip.imageleft img {
    float: left;
    margin-right:1rem
}

.hotspotimage .tooltip.imageright img {
    float: right;
    margin-left:1rem
}

.hotspotimage .tooltip.imagetop, .hotspotimage .tooltip.imagebottom {
    max-width:415px
}

.hotspotimage .tooltip.imagetop img {
    margin-bottom:1rem
}

.hotspotimage .tooltip.imagebottom img {
    margin-bottom:0
}

.hotspotinfo {
    margin:20px auto
}

@media (min-width: 992px) {
    .js .hotspotinfo {
        display:none
    }
}

.hotspotinfo > div {
    width: auto;
    padding: 1rem 0 1rem 0;
    display: block;
    counter-increment: hotzonesdefs;
    border-top:solid 1px #01689b
}

.hotspotinfo > div:after {
    display: table;
    clear: both;
    content: ""
}

.hotspotinfo > div:before {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    padding-top: 1px;
    border-radius: 100%;
    background-color: #01689b;
    color: #fff;
    content: counter(hotzonesdefs);
    position: relative;
    top: -3px;
    margin-right:10px
}

@media (min-width: 992px) {
    .js .hotspotinfo > div:before {
        content: "";
        font-family: "RO Icons";
        font-size: inherit;
        font-weight: normal;
        line-height: inherit;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 16px;
        line-height: 1;
        padding-top:0
    }
}

.hotspotinfo h4 {
    display:inline
}

.hotspotinfo p {
    font-size:1.125rem
}

.hotspotinfo img {
    width: 100%;
    float: right;
    margin:10px 0 10px 0
}

@media (min-width: 992px) {
    .hotspotinfo img {
        width: 40%;
        margin:0 0 0 10px
    }
}

.mapContainer {
    margin-bottom:30px
}

.mapContainer .map .spotlight.thumbnail {
    min-height:100px
}

.mapContainer .map .spotlight.thumbnail > h3 {
    margin-left: 20px;
    padding-left: 120px;
    font-weight: normal;
    margin-top:-0.3em
}

.mapContainer .map .spotlight.thumbnail > h3 + img {
    margin-left:20px
}

.mapContainer .map .spotlight.thumbnail > h3 + img + p {
    margin-left: 20px;
    padding-left:120px
}

.js .mapContainer .map .spotlight.thumbnail {
    position: absolute !important;
    display: inline-block !important;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    border:0
}

.js .mapContainer .map {
    border: 1px solid #ccc;
    height: 500px;
    margin-bottom:0px
}

.js .mapContainer .map:focus {
    outline: 2px dashed #000 !important;
    z-index: 1010;
    outline-offset: 0;
    -webkit-box-shadow: 0 0 0 2px #fff;
    box-shadow:0 0 0 2px #fff
}

.js .mapContainer .map table {
    display:none
}

.js .mapContainer.no-touchevents .map {
    margin-left: 0px;
    margin-right:0px
}

.mapContainer .map {
    height:auto
}

.mapContainer .leaflet-map-pane, .mapContainer .leaflet-tile, .mapContainer .leaflet-marker-icon, .mapContainer .leaflet-marker-shadow, .mapContainer .leaflet-tile-pane, .mapContainer .leaflet-tile-container, .mapContainer .leaflet-overlay-pane, .mapContainer .leaflet-shadow-pane, .mapContainer .leaflet-marker-pane, .mapContainer .leaflet-popup-pane, .mapContainer .leaflet-overlay-pane svg, .mapContainer .leaflet-zoom-box, .mapContainer .leaflet-image-layer, .mapContainer .leaflet-layer {
    position: absolute;
    left: 0;
    top:0
}

.mapContainer .leaflet-container {
    overflow: hidden;
    -ms-touch-action:none
}

.mapContainer .leaflet-tile, .mapContainer .leaflet-marker-icon, .mapContainer .leaflet-marker-shadow {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag:none
}

.mapContainer .leaflet-marker-icon, .mapContainer .leaflet-marker-shadow {
    display:block
}

.mapContainer .leaflet-marker-icon:hover {
    cursor:pointer
}

.mapContainer .leaflet-marker-icon:focus {
    outline: 2px dashed #000 !important;
    z-index: 1010;
    outline-offset: 0;
    -webkit-box-shadow: 0 0 0 2px #fff;
    box-shadow:0 0 0 2px #fff
}

.mapContainer .leaflet-container img {
    max-width:none !important
}

.mapContainer .leaflet-container img.leaflet-image-layer {
    max-width:15000px !important
}

.mapContainer .leaflet-tile {
    -webkit-filter: inherit;
    filter: inherit;
    visibility:hidden
}

.mapContainer .leaflet-tile-loaded {
    visibility:inherit
}

.mapContainer .leaflet-zoom-box {
    width: 0;
    height:0
}

.mapContainer .leaflet-overlay-pane svg {
    -moz-user-select:none
}

.mapContainer .leaflet-tile-pane {
    z-index:2
}

.mapContainer .leaflet-objects-pane {
    z-index:3
}

.mapContainer .leaflet-overlay-pane {
    z-index:4
}

.mapContainer .leaflet-shadow-pane {
    z-index:5
}

.mapContainer .leaflet-marker-pane {
    z-index:6
}

.mapContainer .leaflet-popup-pane {
    z-index:7
}

.mapContainer .leaflet-control {
    position: relative;
    z-index: 7;
    pointer-events:auto
}

.mapContainer .leaflet-top, .mapContainer .leaflet-bottom {
    position: absolute;
    z-index: 1000;
    pointer-events:none
}

.mapContainer .leaflet-top {
    top:5px
}

.mapContainer .leaflet-right {
    right:0
}

.mapContainer .leaflet-bottom {
    bottom:0
}

.mapContainer .leaflet-left {
    left:5px
}

.mapContainer .leaflet-control {
    float: left;
    clear:both
}

.mapContainer .leaflet-right .leaflet-control {
    float:right
}

.mapContainer .leaflet-fade-anim .leaflet-tile, .mapContainer .leaflet-fade-anim .leaflet-popup {
    opacity: 0;
    -webkit-transition: opacity .2s linear;
    transition:opacity .2s linear
}

.mapContainer .leaflet-fade-anim .leaflet-tile-loaded, .mapContainer .leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
    opacity:1
}

.mapContainer .leaflet-zoom-anim .leaflet-zoom-animated {
    -webkit-transition: -webkit-transform .25s cubic-bezier(0, 0, 0.25, 1);
    transition: -webkit-transform .25s cubic-bezier(0, 0, 0.25, 1);
    transition: transform .25s cubic-bezier(0, 0, 0.25, 1);
    transition:transform .25s cubic-bezier(0, 0, 0.25, 1), -webkit-transform .25s cubic-bezier(0, 0, 0.25, 1)
}

.mapContainer .leaflet-zoom-anim .leaflet-tile, .mapContainer .leaflet-pan-anim .leaflet-tile, .mapContainer .leaflet-touching .leaflet-zoom-animated {
    -webkit-transition: none;
    transition:none
}

.mapContainer .leaflet-zoom-anim .leaflet-zoom-hide {
    visibility:hidden
}

.mapContainer .leaflet-clickable {
    cursor:pointer
}

.mapContainer .leaflet-container {
    cursor: -webkit-grab;
    cursor:-moz-grab
}

.mapContainer .leaflet-popup-pane, .mapContainer .leaflet-control {
    cursor:auto
}

.mapContainer .leaflet-dragging, .mapContainer .leaflet-dragging .leaflet-clickable, .mapContainer .leaflet-dragging .leaflet-container {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor:-moz-grabbing
}

.mapContainer .leaflet-container {
    background: #ccc;
    outline:0
}

.mapContainer .leaflet-container .leaflet-active {
    outline:2px solid #e17000
}

.mapContainer .leaflet-zoom-box {
    border: 2px dotted #007bc7;
    background: #fff;
    opacity:.5
}

.mapContainer .leaflet-container {
    font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif
}

.mapContainer .leaflet-control-layers-toggle {
    background-repeat: no-repeat;
    display:block
}

.mapContainer .leaflet-touch .leaflet-bar a:last-child {
    border-bottom:none
}

.mapContainer .leaflet-control-layers {
    -webkit-box-shadow: 0 1px 7px rgba(0, 0, 0, .4);
    box-shadow: 0 1px 7px rgba(0, 0, 0, .4);
    background:#fff
}

.mapContainer .leaflet-control-layers-toggle {
    width: 36px;
    height:36px
}

.mapContainer .leaflet-retina .leaflet-control-layers-toggle {
    background-size:26px 26px
}

.mapContainer .leaflet-touch .leaflet-control-layers-toggle {
    width: 44px;
    height:44px
}

.mapContainer .leaflet-control-layers .leaflet-control-layers-list, .mapContainer .leaflet-control-layers-expanded .leaflet-control-layers-toggle {
    display:none
}

.mapContainer .leaflet-control-layers-expanded .leaflet-control-layers-list {
    display: block;
    position:relative
}

.mapContainer .leaflet-control-layers-expanded {
    padding: 6px 10px 6px 6px;
    color: #535353;
    background:#fff
}

.mapContainer .leaflet-control-layers-selector {
    margin-top: 2px;
    position: relative;
    top:1px
}

.mapContainer .leaflet-control-layers label {
    display:block
}

.mapContainer .leaflet-control-layers-separator {
    height: 0;
    border-top: 1px solid #ccc;
    margin:5px -10px 5px -6px
}

.mapContainer .leaflet-container .leaflet-control-attribution {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .7);
    -webkit-box-shadow: 0 0 5px #b4b4b4;
    box-shadow: 0 0 5px #b4b4b4;
    margin:0
}

.mapContainer .leaflet-container .leaflet-control-attribution a:focus {
    outline: 2px dashed #000 !important;
    z-index: 1010;
    outline-offset: 0;
    -webkit-box-shadow: 0 0 0 2px #fff;
    box-shadow:0 0 0 2px #fff
}

.mapContainer .leaflet-control-attribution, .mapContainer .leaflet-control-scale-line {
    padding: 0 5px;
    color:#535353
}

.mapContainer .leaflet-container .leaflet-control-attribution, .mapContainer .leaflet-container .leaflet-control-scale {
    font-size:11px
}

.mapContainer .leaflet-left .leaflet-control-scale {
    margin-left:5px
}

.mapContainer .leaflet-bottom .leaflet-control-scale {
    margin-bottom:5px
}

.mapContainer .leaflet-top .leaflet-control-scale {
    margin-top:0
}

.mapContainer .leaflet-right .leaflet-control-scale {
    margin-right:0
}

.mapContainer .leaflet-control-scale-line {
    border: 1px solid #999;
    border-top: none;
    color: #000;
    line-height: 1.1;
    padding: 2px 5px 1px;
    font-size: 11px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .5);
    white-space: nowrap;
    overflow: hidden;
    -webkit-box-sizing: content-box;
    box-sizing:content-box
}

.mapContainer .leaflet-top .leaflet-control-scale-line {
    border-top: 1px solid #999;
    border-bottom:none
}

.mapContainer .leaflet-control-scale-line:not(:first-child) {
    border-top: 2px solid #999;
    border-bottom: none;
    margin-top: -2px;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    box-shadow:0 2px 5px rgba(0, 0, 0, .2)
}

.mapContainer .leaflet-control-scale-line:not(:first-child):not(:last-child) {
    border-bottom:2px solid #999
}

.mapContainer .leaflet-touch .leaflet-control-attribution, .mapContainer .leaflet-touch .leaflet-control-layers, .mapContainer .leaflet-touch .leaflet-control-zoom {
    -webkit-box-shadow: none;
    box-shadow:none
}

.mapContainer .leaflet-touch .leaflet-control-layers, .mapContainer .leaflet-touch .leaflet-bar {
    background-clip:padding-box
}

.mapContainer .leaflet-touch .leaflet-control-layers, .mapContainer .leaflet-touch .leaflet-control-zoom {
    border-color: #000;
    border:4px solid rgba(0, 0, 0, .3)
}

.mapContainer .leaflet-popup {
    position: absolute;
    text-align:center
}

.mapContainer .leaflet-popup-content-wrapper {
    padding: 1px;
    text-align:left
}

.mapContainer .leaflet-popup-content {
    overflow: hidden;
    position: relative;
    margin: 13px 19px;
    line-height:1.4
}

.mapContainer .leaflet-popup-content .map-data__image {
    padding-left: 1rem;
    float: left;
    width: 27%;
    margin-right: 1%;
    margin-top:5px
}

.mapContainer .leaflet-popup-content .map-data__image + .map-data__description {
    float: right;
    width: 72%;
    max-width:192px
}

.mapContainer .leaflet-popup-tip-container {
    margin: 0 auto;
    width: 40px;
    height: 20px;
    position: relative;
    overflow:hidden
}

.mapContainer .leaflet-popup-tip {
    width: 17px;
    height: 17px;
    padding: 1px;
    margin: -10px auto 0;
    -webkit-transform: rotate(45deg);
    transform:rotate(45deg)
}

.mapContainer .leaflet-popup-content-wrapper, .mapContainer .leaflet-popup-tip {
    background: #fff;
    -webkit-box-shadow: 0 3px 14px rgba(0, 0, 0, .4);
    box-shadow:0 3px 14px rgba(0, 0, 0, .4)
}

.mapContainer .leaflet-container a.leaflet-popup-close-button {
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    width: 19px;
    font-size: 19px;
    text-decoration: none;
    font-weight: bold;
    background:transparent
}

.mapContainer .leaflet-container a.leaflet-popup-close-button:focus {
    outline: 2px dotted #000 !important;
    z-index: 1010;
    outline-offset: 0;
    -webkit-box-shadow: 0 0 0 2px #fff;
    box-shadow:0 0 0 2px #fff
}

.mapContainer .leaflet-container a.leaflet-popup-close-button:hover {
    color:#01496d
}

.mapContainer .leaflet-popup-scrolled {
    overflow: auto;
    border-bottom: 1px solid #ccc;
    border-top:1px solid #ccc
}

.mapContainer .leaflet-div-icon {
    background: #fff;
    border:1px solid dimgray
}

.mapContainer .leaflet-popup-pane {
    z-index:1001
}

.mapContainer .article-body .leaflet-popup-content a h3 {
    color: #007bc7;
    text-decoration:underline
}

.mapContainer .article-body .leaflet-popup-content h3 {
    margin: 0 0 10px 0;
    font-weight: bold;
    margin-bottom: 10px;
    color: #000;
    font-size:1.2em
}

.mapContainer .article-body .leaflet-popup-content .content-image {
    float: left;
    clear: none;
    width: 32.5%;
    margin:.25em 2.5% 0 0
}

.mapContainer .article-body .leaflet-popup-content .content-image img {
    width:100%
}

.mapContainer .article-body .leaflet-popup-content .content-image .caption {
    margin: .6em 0 1.8em;
    float:none
}

.mapContainer .leaflet-touch .leaflet-control-layers, .mapContainer .leaflet-touch .leaflet-control-zoom {
    border-color: #000;
    border:none
}

@media (min-width: 36em) {
    .mapContainer .leaflet-popup-content p {
        max-width:283px
    }
}

.mapContainer .leaflet-popup {
    margin-bottom:-90px
}

.mapContainer .leaflet-popup-tip-container {
    display:none
}

@media (min-width: 36em) {
    .mapContainer .leaflet-popup {
        margin-bottom:0
    }

    .mapContainer .leaflet-popup-tip-container {
        display:block
    }
}

.mapContainer .leaflet-bar {
    padding-bottom: 40px;
    padding-top: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius:0px
}

.mapContainer .leaflet-bar .leaflet-disabled {
    cursor: default;
    background-color: #e6e6e6;
    color:#b4b4b4
}

.mapContainer .leaflet-bar a {
    display: block;
    text-align: center;
    text-decoration: none;
    padding: 0;
    margin: 0 0 5px 0;
    -webkit-font-smoothing: none;
    width: 40px;
    height: 40px;
    text-indent: -999px;
    overflow: hidden;
    position: relative;
    background: #f3f3f3;
    border: none;
    color:#01689b
}

.mapContainer .leaflet-bar a:before {
    color:#01689b
}

.mapContainer .leaflet-bar a:hover {
    background:#01689b
}

.mapContainer .leaflet-bar a:last-child {
    border-bottom:none
}

.mapContainer .leaflet-control-zoom-in {
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    min-height: 2.5rem;
    padding: 0;
    cursor: pointer;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    text-indent: -9999px;
    background-color:#f3f3f3
}

.mapContainer .leaflet-control-zoom-in:after {
    content: "";
    font-family: "RO Icons";
    font-size: 1.125rem;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 0;
    width: 100%;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    text-indent:0
}

.mapContainer .leaflet-control-zoom-in:after {
    color:#01689b
}

.mapContainer .leaflet-control-zoom-in:hover {
    outline: none;
    background-color:#01689b
}

.mapContainer .leaflet-control-zoom-in:hover:after {
    color:#fff
}

.mapContainer .leaflet-control-zoom-in:focus {
    outline: 2px dashed #000 !important;
    z-index: 1010;
    outline-offset: 0;
    -webkit-box-shadow: 0 0 0 2px #fff;
    box-shadow:0 0 0 2px #fff
}

.mapContainer .leaflet-control-zoom-out {
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    min-height: 2.5rem;
    padding: 0;
    cursor: pointer;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    text-indent: -9999px;
    background-color:#f3f3f3
}

.mapContainer .leaflet-control-zoom-out:after {
    content: "";
    font-family: "RO Icons";
    font-size: 1.125rem;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 0;
    width: 100%;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    text-indent:0
}

.mapContainer .leaflet-control-zoom-out:after {
    color:#01689b
}

.mapContainer .leaflet-control-zoom-out:hover {
    outline: none;
    background-color:#01689b
}

.mapContainer .leaflet-control-zoom-out:hover:after {
    color:#fff
}

.mapContainer .leaflet-control-zoom-out:focus {
    outline: 2px dashed #000 !important;
    z-index: 1010;
    outline-offset: 0;
    -webkit-box-shadow: 0 0 0 2px #fff;
    box-shadow:0 0 0 2px #fff
}

.mapContainer .leaflet-control-layers-toggle {
    background-repeat: no-repeat;
    display:block
}

@media print {
    .mapContainer .leaflet-container {
        orphans: 3;
        widows: 3;
        page-break-inside: avoid;
        page-break-before:always
    }

    .mapContainer .leaflet-container img {
        max-width:none !important
    }

    .mapContainer .leaflet-tile-container {
        page-break-inside: avoid;
        page-break-before:always
    }
}

.collapsiblePanels .map-data {
    width: 100%;
    float: left;
    border-bottom: 1px solid #ccc;
    margin: 0 0 15px 0;
    padding:0 0 15px 0
}

.collapsiblePanels .map-data:last-child {
    border-bottom: none;
    margin-bottom:0
}

.map-data__link {
    position: relative;
    display: block;
    text-decoration:none
}

.map-data__link .map-data__heading:hover {
    text-decoration:underline
}

.map-data__link .map-data__heading, .map-data__link .map-data__description {
    padding-left:calc(8.4px + 0.75rem)
}

.map-data__link:focus {
    text-decoration: none;
    outline: 2px dotted #000;
    z-index: 1010;
    outline-offset: -2px;
    -webkit-box-shadow: inset 0 0 0 2px #fff;
    box-shadow:inset 0 0 0 2px #fff
}

.map-data__link.external .map-data__heading, .map-data__link.external .map-data__description {
    margin-left: 0;
    padding-left:calc(8.4px + 0.25rem)
}

.map-data__link:not(.external) .map-data__heading:before {
    content: "";
    font-family: "RO Icons";
    font-size: .7rem;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 0;
    top:.4em
}

.map-data__description {
    color: #000;
    margin:0 0 10px 0
}

#logoBlock > .wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding:0 16px
}

#logoBlock h2 {
    font-size: 1.6018066406rem;
    line-height: 1.8728852309;
    font-weight: normal;
    color: #535353;
    border-width: 0;
    border-bottom: 1px solid #b4b4b4;
    margin-bottom:1.5rem
}

#logoBlock ul {
    display: flex;
    justify-content: center;
    display: flex;
    flex-wrap:wrap
}

#logoBlock ul > * {
    -webkit-margin-after: 0;
    margin-block-end: 0;
    width:calc(50% - 8px)
}

#logoBlock ul > * :not(:nth-child(1n)) {
    -webkit-margin-end: 0;
    margin-inline-end:0
}

#logoBlock ul > * :not(:nth-child(-n + 1)) {
    -webkit-margin-before: 0;
    margin-block-start:0
}

#logoBlock ul > * :not(:nth-child(2n)) {
    -webkit-margin-end: 16px;
    margin-inline-end:16px
}

#logoBlock ul > * :not(:nth-child(-n + 2)) {
    -webkit-margin-before: 16px;
    margin-block-start:16px
}

@media (min-width: 768px) {
    #logoBlock ul {
        display: flex;
        flex-wrap:wrap
    }

    #logoBlock ul > * {
        -webkit-margin-after: 0;
        margin-block-end: 0;
        width:calc(33.3333333333% - 10.6666666667px)
    }

    #logoBlock ul > * :not(:nth-child(2n)) {
        -webkit-margin-end: 0;
        margin-inline-end:0
    }

    #logoBlock ul > * :not(:nth-child(-n + 2)) {
        -webkit-margin-before: 0;
        margin-block-start:0
    }

    #logoBlock ul > * :not(:nth-child(3n)) {
        -webkit-margin-end: 16px;
        margin-inline-end:16px
    }

    #logoBlock ul > * :not(:nth-child(-n + 3)) {
        -webkit-margin-before: 1.5rem;
        margin-block-start:1.5rem
    }
}

@media (min-width: 992px) {
    #logoBlock ul {
        display: flex;
        flex-wrap:wrap
    }

    #logoBlock ul > * {
        -webkit-margin-after: 0;
        margin-block-end: 0;
        width:calc(20% - 12.8px)
    }

    #logoBlock ul > * :not(:nth-child(3n)) {
        -webkit-margin-end: 0;
        margin-inline-end:0
    }

    #logoBlock ul > * :not(:nth-child(-n + 3)) {
        -webkit-margin-before: 0;
        margin-block-start:0
    }

    #logoBlock ul > * :not(:nth-child(5n)) {
        -webkit-margin-end: 16px;
        margin-inline-end:16px
    }

    #logoBlock ul > * :not(:nth-child(-n + 5)) {
        -webkit-margin-before: 1.5rem;
        margin-block-start:1.5rem
    }
}

@media (min-width: 1200px) {
    #logoBlock ul {
        display: flex;
        flex-wrap:wrap
    }

    #logoBlock ul > * {
        -webkit-margin-after: 0;
        margin-block-end: 0;
        width:calc(16.6666666667% - 13.3333333333px)
    }

    #logoBlock ul > * :not(:nth-child(5n)) {
        -webkit-margin-end: 0;
        margin-inline-end:0
    }

    #logoBlock ul > * :not(:nth-child(-n + 5)) {
        -webkit-margin-before: 0;
        margin-block-start:0
    }

    #logoBlock ul > * :not(:nth-child(6n)) {
        -webkit-margin-end: 16px;
        margin-inline-end:16px
    }

    #logoBlock ul > * :not(:nth-child(-n + 6)) {
        -webkit-margin-before: 1.5rem;
        margin-block-start:1.5rem
    }
}

#logoBlock li > a, #logoBlock li > img {
    display: flex;
    width: 100%;
    height: 3rem;
    justify-content: center;
    align-items: center;
    -o-object-fit: contain;
    object-fit: contain;
    font-family: "object-fit: contain;"
}

#logoBlock a > img {
    width: auto;
    max-height:100%
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    #logoBlock a > img * ::-ms-backdrop {
        min-width:1px
    }

    #logoBlock a > img {
        min-width:1px
    }
}

.block-audio-video {
    clear: left;
    margin: 0 0 50px 0;
    padding-bottom:0
}

.block-audio-video .collapsiblePanels .panel > h3, .block-audio-video .collapsiblePanels .panel > h3 > button {
    font-size: 1rem;
    line-height: 1;
    font-weight:normal
}

.block-audio-video .collapsiblePanels .panel > h3 > button {
    min-height: 0;
    padding:0.75rem 0.75rem
}

.block-audio-video .collapsiblePanels .panel > h3 > button:after {
    font-size:.8rem
}

.block-audio-video .collapsiblePanels .panel .downloads a {
    font-size: 1.265625rem;
    line-height:1.5802469136
}

.block-audio-video .collapsiblePanels .panel .downloads a:focus {
    outline: 2px dashed #000;
    z-index: 1010;
    outline-offset: -2px;
    -webkit-box-shadow: inset 0 0 0 2px #fff;
    box-shadow:inset 0 0 0 2px #fff
}

.block-audio-video .collapsiblePanels .panel .downloads a .meta {
    font-size: 1rem;
    line-height: 1.5;
    color:#535353
}

.mejs__offscreen {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap:normal
}

.mejs__container {
    position:relative
}

.mejs__container:focus {
    outline: 2px dashed #000;
    z-index: 1010;
    outline-offset: 0;
    -webkit-box-shadow: 0 0 0 2px #fff;
    box-shadow:0 0 0 2px #fff
}

.mejs__container.mejs__video {
    margin-bottom:40px
}

.mejs__container video::-webkit-media-controls, .mejs__container video::-webkit-media-controls-panel, .mejs__container video::-webkit-media-controls-panel-container, .mejs__container video::-webkit-media-controls-start-playback-button {
    -webkit-appearance: none;
    display:none !important
}

.mejs__fill-container {
    background: transparent;
    margin: 0 auto;
    overflow: hidden;
    position:relative
}

.mejs__fill-container, .mejs__fill-container .mejs__container {
    height: 100%;
    width:100%
}

.mejs__iframe-overlay {
    height: 100%;
    position: absolute;
    width:100%
}

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

.mejs__fullscreen {
    overflow:hidden !important
}

.mejs__captions-text, .mejs__captions-text * {
    background: #141414;
    -webkit-box-shadow: 5px 0 0 #141414, -5px 0 0 #141414;
    box-shadow: 5px 0 0 #141414, -5px 0 0 #141414;
    padding: 0;
    white-space: pre-wrap;
    position: relative;
    bottom: -10px;
    font-size: clamp(16px, 3vw, 24px);
    line-height:1.2
}

.mejs__container-fullscreen {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index:999999
}

.mejs__container-fullscreen .mejs__mediaelement, .mejs__container-fullscreen video {
    height: 100% !important;
    width:100% !important
}

.mejs__container-fullscreen .mejs__captions-text {
    bottom:28px
}

.mejs__background {
    left: 0;
    position: absolute;
    top:0
}

.mejs__mediaelement {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index:0
}

.mejs__poster {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    left: 0;
    position: absolute;
    top: 0;
    z-index:1
}

.mejs__poster-img {
    border: 0;
    padding:0
}

:root .mejs__poster-img {
    display:none
}

.mejs__overlay {
    align-items: center;
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    top:0
}

.mejs__layer {
    z-index:1
}

.mejs__overlay-play {
    cursor:pointer
}

.mejs__overlay-button {
    background: #01689b url("shared-ro/images/media_player_controls.svg") no-repeat;
    background-position: -12px -61px;
    height: 68px;
    width: 68px;
    -webkit-box-shadow: 1px 1px 2px #000;
    box-shadow: 1px 1px 2px #000;
    border-radius:16px
}

.mejs__overlay-button:focus {
    outline: 2px dashed #000;
    z-index: 1010;
    outline-offset: 0;
    -webkit-box-shadow: 0 0 0 2px #fff;
    box-shadow:0 0 0 2px #fff
}

.mejs__overlay:hover > .mejs__overlay-button {
    background-position:-92px -61px
}

.mejs__icon-overlay-play {
    display:none
}

.mejs__overlay-loading {
    height: 80px;
    width:80px
}

.mejs__overlay-loading-bg-img {
    -webkit-animation: mejs__loading-spinner 1s linear infinite;
    animation: mejs__loading-spinner 1s linear infinite;
    background: transparent url("shared-ro/images/media_player_controls.svg") -180px -10px no-repeat;
    display: block;
    height: 80px;
    width: 80px;
    z-index:1
}

@-webkit-keyframes mejs__loading-spinner {
    100% {
        -webkit-transform: rotate(360deg);
        transform:rotate(360deg)
    }
}

@keyframes mejs__loading-spinner {
    100% {
        -webkit-transform: rotate(360deg);
        transform:rotate(360deg)
    }
}

.mejs__controls {
    background-color: #f3f3f3;
    bottom: -40px;
    display: flex;
    height: 40px;
    left: 0;
    list-style-type: none;
    margin: 0;
    padding: 0 2px;
    position: absolute;
    width: 100%;
    z-index:3
}

.mejs__container-fullscreen .mejs__controls {
    bottom:0px
}

.mejs__audio .mejs__controls {
    position: relative;
    bottom:0
}

.mejs__button, .mejs__time, .mejs__time-rail {
    font-size: 10px;
    height: 40px;
    line-height: 10px;
    margin: 0;
    width:32px
}

.mejs__button > button {
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    min-height: 0;
    background: transparent url("shared-ro/images/media_player_controls.svg");
    padding: 0;
    margin: 10px 6px;
    font-size: 0;
    line-height: 0;
    text-decoration: none;
    border: 0;
    cursor:pointer
}

.mejs__button button:hover {
    background-color:transparent
}

.mejs__button button:-moz-focusring, .mejs__button [type=button]:-moz-focusring, .mejs__button [type=reset]:-moz-focusring, .mejs__button [type=submit]:-moz-focusring {
    outline: 2px dashed #000;
    z-index: 1010;
    outline-offset: 0;
    box-shadow:0 0 0 2px #fff
}

.mejs__container-keyboard-inactive a, .mejs__container-keyboard-inactive a:focus, .mejs__container-keyboard-inactive button, .mejs__container-keyboard-inactive button:focus, .mejs__container-keyboard-inactive [role=slider], .mejs__container-keyboard-inactive [role=slider]:focus {
    outline:0
}

.mejs__time {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    color: #535353;
    font-size: 16px;
    font-weight: bold;
    height: 24px;
    overflow: hidden;
    padding: 16px 6px 0;
    text-align: center;
    width:auto
}

.mejs__play > button {
    background-position:-6px -8px
}

.mejs__pause > button {
    background-position:-6px -28px
}

.mejs__replay > button {
    background-position:-6px -8px
}

.mejs__time-rail {
    direction: ltr;
    flex-grow: 1;
    height: 40px;
    margin: 0 10px;
    padding-top: 10px;
    position:relative
}

.mejs__time-total, .mejs__time-buffering, .mejs__time-loaded, .mejs__time-current, .mejs__time-float, .mejs__time-hovered, .mejs__time-float-current, .mejs__time-float-corner, .mejs__time-marker {
    border-radius: 2px;
    cursor: pointer;
    display: block;
    height: 10px;
    position:absolute
}

.mejs__time-total {
    background: dimgray;
    margin: 5px 0 0;
    width:100%
}

.mejs__time-total:focus {
    outline: 2px dashed #000;
    z-index: 1010;
    outline-offset: 0;
    -webkit-box-shadow: 0 0 0 2px #fff;
    box-shadow:0 0 0 2px #fff
}

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

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

    to {
        background-position:30px 0
    }
}

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

    to {
        background-position:30px 0
    }
}

.mejs__time-loaded {
    background:#ccc
}

.mejs__time-current {
    background:#01689b
}

.mejs__time-handle-content {
    background:#000
}

.mejs__time-hovered {
    z-index:10
}

.mejs__time-hovered.negative {
    background:rgba(0, 0, 0, .2)
}

.mejs__time-current, .mejs__time-buffering, .mejs__time-loaded, .mejs__time-hovered {
    left: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: .15s ease-in all;
    transition: .15s ease-in all;
    width:100%
}

.mejs__time-buffering {
    -webkit-transform: scaleX(1);
    transform:scaleX(1)
}

.mejs__time-hovered {
    -webkit-transition: height .1s cubic-bezier(0.44, 0, 1, 1);
    transition:height .1s cubic-bezier(0.44, 0, 1, 1)
}

.mejs__time-hovered.no-hover {
    -webkit-transform: scaleX(0) !important;
    transform:scaleX(0) !important
}

.mejs__time-handle, .mejs__time-handle-content {
    border: 4px solid transparent;
    cursor: pointer;
    left: 0;
    position: absolute;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    z-index:11
}

.mejs__time-handle-content {
    border: 4px solid #000;
    border-radius: 50%;
    height: 10px;
    left: -7px;
    top: -4px;
    -webkit-transform: scale(0);
    transform: scale(0);
    width:10px
}

.mejs__time-rail:hover .mejs__time-handle-content, .mejs__time-rail .mejs__time-handle-content:focus, .mejs__time-rail .mejs__time-handle-content:active {
    -webkit-transform: scale(1.5);
    transform:scale(1.5)
}

.mejs__time-float {
    background: #e1e1e1;
    border: solid 1px #333;
    bottom: 100%;
    color: #111;
    display: none;
    height: 17px;
    margin-bottom: 9px;
    position: absolute;
    text-align: center;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width:36px
}

.mejs__long-video .mejs__time-float {
    margin-left: -23px;
    width:64px
}

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

.mejs__long-video .mejs__time-float-current {
    width:60px
}

.mejs__time-float-corner {
    border: solid 5px #e1e1e1;
    border-color: #e1e1e1 transparent transparent;
    border-radius: 0;
    display: block;
    height: 0;
    left: 50%;
    line-height: 0;
    position: absolute;
    top: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width:0
}

.mejs__broadcast {
    color: #fff;
    height: 10px;
    position: absolute;
    top: 15px;
    width:100%
}

.mejs__fullscreen-button > button {
    background-position:-29px -9px
}

.mejs__unfullscreen > button {
    background-position:-29px -29px
}

.mejs__mute > button {
    background-position:-60px -7px
}

.mejs__unmute > button {
    background-position:-60px -27px
}

.mejs__volume-button {
    position:relative
}

.mejs__volume-button > .mejs__volume-slider {
    -webkit-backface-visibility: hidden;
    background: #f3f3f3;
    border-radius: 0;
    bottom: 100%;
    display: none;
    height: 115px;
    left: 50%;
    margin: 0;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 25px;
    z-index:1
}

.mejs__volume-button:hover {
    border-radius:0 0 4px 4px
}

.mejs__volume-total {
    background: #535353;
    height: 100px;
    left: 50%;
    margin: 0;
    position: absolute;
    top: 8px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width:2px
}

.mejs__volume-current {
    background: #b4b4b4;
    left: 0;
    margin: 0;
    position: absolute;
    width:100%
}

.mejs__volume-handle {
    background: #01689b;
    border-radius: 1px;
    cursor: ns-resize;
    height: 6px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width:16px
}

.mejs__horizontal-volume-slider {
    display: block;
    height: 36px;
    position: relative;
    vertical-align: middle;
    width:56px
}

.mejs__horizontal-volume-total {
    background: rgba(50, 50, 50, .8);
    border-radius: 2px;
    font-size: 1px;
    height: 8px;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 16px;
    width:50px
}

.mejs__horizontal-volume-current {
    background: rgba(255, 255, 255, .8);
    border-radius: 2px;
    font-size: 1px;
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width:100%
}

.mejs__horizontal-volume-handle {
    display:none
}

.mejs__captions-button, .mejs__chapters-button, .mejs__audiodescription-button {
    position:relative
}

.mejs__captions-button > button {
    background-position:-89px -8px
}

.mejs__captions-enabled > button {
    background-position:-89px -28px
}

.mejs__audiodescription-inactive > button {
    background-position:-117px -8px
}

.mejs__audiodescription-active > button {
    background-position:-117px -28px
}

.mejs__captions-layer {
    bottom: 0;
    color: #fff;
    font-size: 18px;
    left: 0;
    line-height: 22px;
    position: absolute;
    text-align:center
}

.mejs__captions-layer a {
    color: #fff;
    text-decoration:underline
}

.mejs__captions-layer[lang=ar] {
    font-size: 20px;
    font-weight:normal
}

.mejs__captions-position {
    bottom: 15px;
    left: 0;
    position: absolute;
    width: 100%;
    text-align:center
}

.mejs__captions-position-hover {
    bottom:15px
}

.mejs__container.mejs__hide-cues video::-webkit-media-text-track-container {
    display:none
}

.mejs__captions-selector.mejs__offscreen {
    display:none
}

.mejs__overlay-error {
    position:relative
}

.mejs__overlay-error > img {
    left: 0;
    max-width: 100%;
    position: absolute;
    top: 0;
    z-index:-1
}

.mejs__cannotplay {
    position:relative
}

.mejs__cannotplay, .mejs__cannotplay a {
    color: #fff;
    font-size:.8em
}

.mejs__cannotplay p, .mejs__cannotplay a {
    display: inline-block;
    padding: 0 15px;
    width:100%
}

@keyframes openPanel {
    0% {
        height:0
    }

    100% {
        height:100%
    }
}

.collapsiblePanels {
    margin: 0 0 2rem;
    padding: 0;
    display: flex;
    flex-direction:column
}

.collapsiblePanels .panel {
    display: inline-block;
    border-top: 1px solid #fff;
    background-color: #f3f3f3;
    width: 100%;
    height:auto
}

.collapsiblePanels .panel > h3 {
    display: block;
    padding: 0;
    margin:0
}

.collapsiblePanels .panel p, .collapsiblePanels .panel li {
    font-size: 1.265625rem;
    line-height:1.3827160494
}

.collapsiblePanels .panel div:not(.location) > ul > li {
    overflow: hidden;
    position: relative;
    -webkit-padding-start: calc(7px + 0.75rem);
    padding-inline-start:calc(7px + 0.75rem)
}

.collapsiblePanels .panel div:not(.location) > ul > li:before {
    position: absolute;
    inset-inline-start: 0;
    content: "";
    background: #000;
    display: block;
    text-indent: -0.1em;
    width: 6px;
    height: 6px;
    inset-block-start:7.2px
}

@media (min-width: 768px) {
    .collapsiblePanels .panel div:not(.location) > ul > li:before {
        width: 7px;
        height: 7px;
        inset-block-start:8.1px
    }
}

@media (min-width: 992px) {
    .collapsiblePanels .panel div:not(.location) > ul > li:before {
        width: 7px;
        height: 7px;
        inset-block-start:9.5px
    }
}

.collapsiblePanels .panel button {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    position: relative;
    background-color: #f3f3f3;
    color: #01689b;
    font-weight: normal;
    text-align: left;
    width:100%
}

.collapsiblePanels .panel button:after {
    display: flex;
    -webkit-transition: all 200ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
    transition: all 200ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
    content: "";
    font-family: "RO Icons";
    font-size: .9rem;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color:#01689b
}

.collapsiblePanels .panel button[aria-expanded=true]:after {
    -webkit-transition: all 200ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
    transition: all 200ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
    -webkit-transform: rotate(180deg);
    transform:rotate(180deg)
}

.collapsiblePanels .panelContent {
    display: none;
    width: 100%;
    margin: 0;
    padding: 1rem;
    overflow: hidden;
    background-color:#f3f3f3
}

.collapsiblePanels .panelContent:focus {
    outline: 2px dashed #000;
    z-index: 1010;
    outline-offset: -2px;
    -webkit-box-shadow: inset 0 0 0 2px #fff;
    box-shadow: inset 0 0 0 2px #fff;
    padding-bottom:2px
}

.no-js .collapsiblePanels .panelContent {
    height: 0px;
    display: block;
    -webkit-animation: openPanel .1s .5s forwards;
    animation: openPanel .1s .5s forwards;
    padding:0
}

.collapsiblePanels .panelContent img {
    float: right;
    max-width: 30%;
    margin:0.5rem 0 0 0.5rem
}

.collapsiblePanels .panelContent table {
    margin-left:0px
}

.collapsiblePanels .downloads, .collapsiblePanels .segments {
    padding:0px
}

.collapsiblePanels .downloads ul, .collapsiblePanels .segments ul {
    display: block;
    list-style: none;
    margin: 0;
    padding:0
}

.collapsiblePanels .downloads li, .collapsiblePanels .segments li {
    background: none;
    margin: 0;
    padding: 0 !important;
    border-bottom: 1px solid #fff;
    width:100%
}

.collapsiblePanels .downloads li:before, .collapsiblePanels .segments li:before {
    display: none !important;
    content: ""
}

.collapsiblePanels .downloads a, .collapsiblePanels .segments a {
    background-image: none;
    padding: 0.5rem 1rem;
    width: 100%;
    line-height: 1.2em;
    color: #01689b;
    text-decoration: none;
    display:block
}

.collapsiblePanels .downloads a.current, .collapsiblePanels .segments a.current {
    color: #000;
    cursor: default;
    font-weight: bold;
    text-decoration:none
}

.collapsiblePanels .downloads a:hover, .collapsiblePanels .segments a:hover {
    background-color:#e6e6e6
}

.collapsiblePanels .downloads a:focus, .collapsiblePanels .segments a:focus {
    outline: 2px dashed #000;
    z-index: 1010;
    outline-offset: -2px;
    -webkit-box-shadow: inset 0 0 0 2px #fff;
    box-shadow:inset 0 0 0 2px #fff
}

.collapsiblePanels .downloads a img, .collapsiblePanels .segments a img {
    float: none;
    margin: 0;
    display:inline
}

.collapsiblePanels .downloads a .meta, .collapsiblePanels .segments a .meta {
    display: block;
    clear: left;
    margin:0
}

.collapsiblePanels .hchart__img-download {
    display:none
}

.collapsiblePanels .hchart__img-download.current {
    display:block
}

@media print {
    .collapsiblePanels .panel button {
        display:none
    }

    .collapsiblePanels .panel .panelContent.segments {
        display:none !important
    }

    .collapsiblePanels .panel .panelContent.downloads {
        display:none !important
    }

    .collapsiblePanels .panel .panelContent table th, .collapsiblePanels .panel .panelContent table tr, .collapsiblePanels .panel .panelContent table td {
        border-top:none
    }
}

.gallery ul:not(.thumbnails) > li {
    overflow: hidden;
    position: relative;
    -webkit-padding-start: calc(7px + 0.75rem);
    padding-inline-start:calc(7px + 0.75rem)
}

.gallery ul:not(.thumbnails) > li:before {
    position: absolute;
    inset-inline-start: 0;
    content: "";
    background: #000;
    display: block;
    text-indent: -0.1em;
    width: 6px;
    height: 6px;
    inset-block-start:7.2px
}

@media (min-width: 768px) {
    .gallery ul:not(.thumbnails) > li:before {
        width: 7px;
        height: 7px;
        inset-block-start:8.1px
    }
}

@media (min-width: 992px) {
    .gallery ul:not(.thumbnails) > li:before {
        width: 7px;
        height: 7px;
        inset-block-start:9.5px
    }
}

.gallery .thumbnails {
    margin-top: 2rem;
    display: flex;
    flex-wrap:wrap
}

.gallery .thumbnails > * {
    -webkit-margin-after: 0;
    margin-block-end: 0;
    width:100%
}

.gallery .thumbnails > * :not(:nth-child(1n)) {
    -webkit-margin-end: 0;
    margin-inline-end:0
}

.gallery .thumbnails > * :not(:nth-child(-n + 1)) {
    -webkit-margin-before: 16px;
    margin-block-start:16px
}

@media (min-width: 768px) {
    .gallery .thumbnails {
        display: flex;
        flex-wrap:wrap
    }

    .gallery .thumbnails > * {
        -webkit-margin-after: 0;
        margin-block-end: 0;
        width:calc(50% - 12px)
    }

    .gallery .thumbnails > * :not(:nth-child(1n)) {
        -webkit-margin-end: 0;
        margin-inline-end:0
    }

    .gallery .thumbnails > * :not(:nth-child(-n + 1)) {
        -webkit-margin-before: 0;
        margin-block-start:0
    }

    .gallery .thumbnails > * :not(:nth-child(2n)) {
        -webkit-margin-end: 24px;
        margin-inline-end:24px
    }

    .gallery .thumbnails > * :not(:nth-child(-n + 2)) {
        -webkit-margin-before: 24px;
        margin-block-start:24px
    }
}

@media (min-width: 1200px) {
    .gallery .thumbnails {
        display: flex;
        flex-wrap:wrap
    }

    .gallery .thumbnails > * {
        -webkit-margin-after: 0;
        margin-block-end: 0;
        width:calc(33.3333333333% - 16px)
    }

    .gallery .thumbnails > * :not(:nth-child(2n)) {
        -webkit-margin-end: 0;
        margin-inline-end:0
    }

    .gallery .thumbnails > * :not(:nth-child(-n + 2)) {
        -webkit-margin-before: 0;
        margin-block-start:0
    }

    .gallery .thumbnails > * :not(:nth-child(3n)) {
        -webkit-margin-end: 24px;
        margin-inline-end:24px
    }

    .gallery .thumbnails > * :not(:nth-child(-n + 3)) {
        -webkit-margin-before: 32px;
        margin-block-start:32px
    }
}

.gallery .thumbnails li {
    display:flex
}

.gallery .thumbnails a {
    position: relative;
    width: 100%;
    height: 100%;
    text-decoration:none
}

.gallery .thumbnails a:hover {
    color:#01689b
}

.gallery .thumbnails a:hover h3 {
    text-decoration:underline
}

.gallery .thumbnails img {
    display:table
}

.gallery .thumbnails .duration {
    position: absolute;
    right: 0;
    top: 0.5rem;
    z-index: 100;
    padding: 0.25rem 0.5rem;
    margin-bottom: 0;
    background-color: #01689b;
    color: #fff;
    font-size: 1rem;
    line-height: 1;
    font-weight:bold
}

.gallery .thumbnails h3 {
    font-size: 1.265625rem;
    line-height: 1.1851851852;
    font-weight: normal;
    padding-top:1rem
}

.gallery .thumbnails .meta {
    font-size: 1rem;
    line-height: 1;
    color: #535353;
    margin-bottom:0
}

.gallery-result, .gallery.folder .thumbnails {
    display: flex;
    flex-wrap:wrap
}

.gallery-result > *, .gallery.folder .thumbnails > * {
    -webkit-margin-after: 0;
    margin-block-end: 0;
    width:100%
}

.gallery-result > * :not(:nth-child(1n)), .gallery.folder .thumbnails > * :not(:nth-child(1n)) {
    -webkit-margin-end: 0;
    margin-inline-end:0
}

.gallery-result > * :not(:nth-child(-n + 1)), .gallery.folder .thumbnails > * :not(:nth-child(-n + 1)) {
    -webkit-margin-before: 16px;
    margin-block-start:16px
}

@media (min-width: 480px) {
    .gallery-result, .gallery.folder .thumbnails {
        display: flex;
        flex-wrap:wrap
    }

    .gallery-result > *, .gallery.folder .thumbnails > * {
        -webkit-margin-after: 0;
        margin-block-end: 0;
        width:calc(50% - 12px)
    }

    .gallery-result > * :not(:nth-child(1n)), .gallery.folder .thumbnails > * :not(:nth-child(1n)) {
        -webkit-margin-end: 0;
        margin-inline-end:0
    }

    .gallery-result > * :not(:nth-child(-n + 1)), .gallery.folder .thumbnails > * :not(:nth-child(-n + 1)) {
        -webkit-margin-before: 0;
        margin-block-start:0
    }

    .gallery-result > * :not(:nth-child(2n)), .gallery.folder .thumbnails > * :not(:nth-child(2n)) {
        -webkit-margin-end: 24px;
        margin-inline-end:24px
    }

    .gallery-result > * :not(:nth-child(-n + 2)), .gallery.folder .thumbnails > * :not(:nth-child(-n + 2)) {
        -webkit-margin-before: 24px;
        margin-block-start:24px
    }
}

@media (min-width: 768px) {
    .gallery-result, .gallery.folder .thumbnails {
        display: flex;
        flex-wrap:wrap
    }

    .gallery-result > *, .gallery.folder .thumbnails > * {
        -webkit-margin-after: 0;
        margin-block-end: 0;
        width:calc(33.3333333333% - 16px)
    }

    .gallery-result > * :not(:nth-child(2n)), .gallery.folder .thumbnails > * :not(:nth-child(2n)) {
        -webkit-margin-end: 0;
        margin-inline-end:0
    }

    .gallery-result > * :not(:nth-child(-n + 2)), .gallery.folder .thumbnails > * :not(:nth-child(-n + 2)) {
        -webkit-margin-before: 0;
        margin-block-start:0
    }

    .gallery-result > * :not(:nth-child(3n)), .gallery.folder .thumbnails > * :not(:nth-child(3n)) {
        -webkit-margin-end: 24px;
        margin-inline-end:24px
    }

    .gallery-result > * :not(:nth-child(-n + 3)), .gallery.folder .thumbnails > * :not(:nth-child(-n + 3)) {
        -webkit-margin-before: 24px;
        margin-block-start:24px
    }
}

.gallery-result li, .gallery.folder .thumbnails li {
    display:flex
}

.gallery-result a, .gallery.folder .thumbnails a {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    text-decoration:none
}

.gallery-result a:hover, .gallery.folder .thumbnails a:hover {
    text-decoration:none
}

.gallery-result a:hover h3, .gallery-result a:hover .caption, .gallery.folder .thumbnails a:hover h3, .gallery.folder .thumbnails a:hover .caption {
    text-decoration:underline
}

.gallery-result a:hover p, .gallery.folder .thumbnails a:hover p {
    text-decoration:none
}

.gallery-result div, .gallery.folder .thumbnails div {
    display: flex;
    flex-direction:column
}

.gallery-result img, .gallery.folder .thumbnails img {
    display: table;
    margin-bottom:.5rem
}

.gallery-result h3, .gallery.folder .thumbnails h3 {
    font-size: 1.6018066406rem;
    line-height: .9364426155;
    font-weight: normal;
    margin-bottom:0.5rem
}

.article .gallery-result p:not(.article-meta):not(.meta):not(.superheading):not(.copyright), .gallery-result p:not(.article-meta):not(.meta):not(.superheading):not(.copyright), .article .gallery.folder .thumbnails p:not(.article-meta):not(.meta):not(.superheading):not(.copyright), .gallery.folder .thumbnails p:not(.article-meta):not(.meta):not(.superheading):not(.copyright) {
    font-size: 1.125rem;
    line-height: 1.3333333333;
    color: #000;
    margin:0
}

.gallery-result .copyright, .gallery.folder .thumbnails .copyright {
    position: relative;
    display: flex;
    align-items: center;
    font-size: .7em;
    color: #fff;
    height: 1.5rem;
    margin-top: -2rem;
    padding-left: 0.5rem;
    color: #fff;
    text-shadow:0px 0px 1px rgba(0, 0, 0, .5), -1px 0px 1px rgba(0, 0, 0, .5), 1px 0px 1px rgba(0, 0, 0, .5), 0px -1px 1px rgba(0, 0, 0, .5), 0px 1px 1px rgba(0, 0, 0, .5), 2px 2px 6px rgba(0, 0, 0, .5)
}

.gallery-result .copyright + .caption, .gallery.folder .thumbnails .copyright + .caption {
    padding-top:0.5rem
}

.gallery-result .caption, .gallery.folder .thumbnails .caption {
    display:block
}

.gallery-result p.meta, .gallery.folder .thumbnails p.meta {
    font-size: 0.8888888889rem;
    line-height: 1.40625;
    color: #535353;
    margin-top:0.25rem
}

.gallery-result img {
    margin-bottom:1rem
}

.gallery-result img, .gallery-result .img-container {
    order:-1
}

.gallery-result .copyright {
    color: #fff;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, .5), -1px 0px 1px rgba(0, 0, 0, .5), 1px 0px 1px rgba(0, 0, 0, .5), 0px -1px 1px rgba(0, 0, 0, .5), 0px 1px 1px rgba(0, 0, 0, .5), 2px 2px 6px rgba(0, 0, 0, .5);
    margin-top:-2.5rem
}

.gallery-result .copyright + h3 {
    margin-top:1rem
}

@keyframes openPanel {
    0% {
        height:0
    }

    100% {
        height:100%
    }
}

.timeline {
    background-color: #f3f3f3;
    margin: 0rem -1rem 2.5rem -1rem;
    padding: 1.5rem 1rem 1rem 0.5rem;
    width: auto;
    clear:both
}

@media (min-width: 576px) {
    .timeline {
        margin: 0rem 0rem 2.5rem 0rem;
        padding: 2rem 2rem 1rem 1rem;
        width:100%
    }
}

.timeline > h2 {
    margin: 0rem 0rem 1rem 1rem;
    font-size: 1.8020324707rem;
    line-height: 1.3873223933;
    color:#01689b
}

.timeline > .timeline__subHeading {
    margin: -0.75rem 0rem 1rem 1rem;
    display: block;
    font-size: 1.265625rem;
    line-height: 1.1851851852;
    font-weight: normal;
    color:#112
}

.timeline .mediaContainer {
    -webkit-margin-after: 0;
    margin-block-end:0
}

.timelineList, .majorEvent {
    list-style: none;
    -webkit-padding-start: 0;
    padding-inline-start: 0;
    margin:0
}

.timelineToggle {
    float: none;
    border: none;
    min-height: 0;
    padding: 0;
    margin: 0rem 0rem 0rem 1rem;
    font-size: 1.265625rem;
    line-height: 1.1851851852;
    text-decoration:underline
}

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

.timelineToggle, .timelineToggle:hover {
    background: transparent;
    color: #01689b;
    outline:none
}

.timelineToggle:hover {
    text-decoration:none
}

@media print {
    .timelineToggle {
        display:none
    }
}

.timelineMajor {
    list-style: none;
    -webkit-padding-start: 0;
    padding-inline-start: 0;
    background-color: transparent;
    position: relative;
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='100' viewBox='0 0 2 100'%3E%3Crect width='2' height='100' style='fill: %2301689b'/%3E%3C/svg%3E");
    background-repeat: repeat-y;
    background-position-x:1rem
}

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

.timelineMajor:first-of-type {
    -webkit-margin-before: 1rem;
    margin-block-start:1rem
}

.timelineMajor:last-of-type {
    -webkit-margin-after: 1rem;
    margin-block-end:1rem
}

.timelineMajor:not(:last-child) {
    -webkit-margin-after: 0;
    margin-block-end:0
}

.timelineMajor .majorEvent {
    -webkit-margin-before: 0;
    margin-block-start: 0;
    display:none
}

.js .timelineMajor .majorEvent {
    overflow:visible
}

.no-js .timelineMajor .majorEvent {
    height: 0;
    display: block;
    -webkit-animation: openPanel .1s .5s forwards;
    animation:openPanel .1s .5s forwards
}

@media print {
    .timelineMajor .majorEvent {
        display:block
    }
}

.timelineMajor > a {
    position: relative;
    padding: 1rem 2rem 1rem 3.5rem;
    display: block;
    width:100%
}

@media (min-width: 768px) {
    .timelineMajor > a {
        -webkit-padding-start: 3rem;
        padding-inline-start:3rem
    }
}

.timelineMajor > a:before {
    background-color: #fff;
    color: #01689b;
    height: 2rem;
    width: 2rem;
    font-size: 12px;
    line-height: 1;
    inset-block-start: 8px;
    inset-inline-start: 1px;
    -webkit-margin-end: 2.5rem;
    margin-inline-end: 2.5rem;
    border: solid 4px #01689b;
    z-index:9
}

@media (min-width: 768px) {
    .timelineMajor > a:before {
        inset-block-start: 10px;
        font-size:13px
    }
}

@media (min-width: 992px) {
    .timelineMajor > a:before {
        font-size:18px
    }
}

.timelineMajor > a:hover:before {
    color: #01689b;
    border:solid 4px #01689b
}

.timelineMajor > a[aria-expanded=true]:before {
    -webkit-transform: rotate(-45deg);
    transform:rotate(-45deg)
}

.timelineMajor.open .majorEvent {
    display: block;
    height:auto
}

.timelineMajorMarker {
    font-size: 1.423828125rem;
    line-height: 1.0534979424;
    margin: 0;
    color:#01689b
}

.timelineMajorMarker:hover {
    text-decoration:underline
}

.timelineMajorIntro {
    -webkit-padding-start: 0;
    padding-inline-start: 0;
    margin: 0rem 0rem 1rem 3.5rem;
    font-size: 1.125rem;
    line-height:1.3333333333
}

.timelineMajorIntro:not(:last-child) {
    margin:0rem 0rem 1rem 3.5rem
}

.timelineMajorIntro ul {
    padding: 0;
    list-style-type:none
}

.timelineMajorIntro ul.list-style-type--disc {
    list-style-type:disc
}

.timelineMajorIntro ul.list-style-type--circle {
    list-style-type:circle
}

.timelineMajorIntro ul.list-style-type--square {
    list-style-type:square
}

.timelineMajorIntro ul[class * =list-style-type] li {
                                                     overflow: visible;
                                                     -webkit-padding-start: initial;
                                                     padding-inline-start: initial;
                                                     -webkit-margin-start: 1em;
                                                     margin-inline-start:1em
                                                 }

.timelineMajorIntro ul[class * =list-style-type] li:before {
                                                     display:none
                                                 }

.timelineMajorIntro > ul > li, .timelineMajorIntro > ul ul > li {
    overflow: hidden;
    position: relative;
    -webkit-padding-start: calc(7px + 0.75rem);
    padding-inline-start:calc(7px + 0.75rem)
}

.timelineMajorIntro > ul > li:before, .timelineMajorIntro > ul ul > li:before {
    position: absolute;
    inset-inline-start: 0;
    content: "";
    background: #000;
    display: block;
    text-indent: -0.1em;
    width: 6px;
    height: 6px;
    inset-block-start:7.2px
}

@media (min-width: 768px) {
    .timelineMajorIntro > ul > li:before, .timelineMajorIntro > ul ul > li:before {
        width: 7px;
        height: 7px;
        inset-block-start:8.1px
    }
}

@media (min-width: 992px) {
    .timelineMajorIntro > ul > li:before, .timelineMajorIntro > ul ul > li:before {
        width: 7px;
        height: 7px;
        inset-block-start:9.5px
    }
}

.timelineMajorIntro ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results) {
    -webkit-padding-start: 1.5rem;
    padding-inline-start: 1.5rem;
    list-style-type:decimal
}

.timelineMajorIntro ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--lower-alpha {
    list-style-type:lower-alpha
}

.timelineMajorIntro ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--upper-alpha {
    list-style-type:upper-alpha
}

.timelineMajorIntro ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--lower-roman {
    list-style-type:lower-roman
}

.timelineMajorIntro ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--upper-roman {
    list-style-type:upper-roman
}

.timelineMajorIntro ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--decimal {
    list-style-type:decimal
}

.timelineMajorIntro ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results) > li {
    -webkit-padding-start: 0.25rem;
    padding-inline-start:0.25rem
}

.timelineMajorIntro > ol > li > ul > li {
    overflow: hidden;
    position: relative;
    -webkit-padding-start: calc(7px + 0.75rem);
    padding-inline-start:calc(7px + 0.75rem)
}

.timelineMajorIntro > ol > li > ul > li:before {
    position: absolute;
    inset-inline-start: 0;
    content: "";
    background: #000;
    display: block;
    text-indent: -0.1em;
    width: 6px;
    height: 6px;
    inset-block-start:7.2px
}

@media (min-width: 768px) {
    .timelineMajorIntro > ol > li > ul > li:before {
        width: 7px;
        height: 7px;
        inset-block-start:8.1px
    }
}

@media (min-width: 992px) {
    .timelineMajorIntro > ol > li > ul > li:before {
        width: 7px;
        height: 7px;
        inset-block-start:9.5px
    }
}

@media (min-width: 768px) {
    .timelineMajorIntro {
        -webkit-margin-start: 3rem;
        margin-inline-start:3rem
    }

    .timelineMajorIntro:not(:last-child) {
        margin:0rem 0rem 1rem 3rem
    }
}

@media (min-width: 992px) {
    .timelineMajorIntro {
        -webkit-margin-start: 3rem;
        margin-inline-start:3rem
    }

    .timelineMajorIntro:not(:last-child) {
        margin:0rem 0rem 1rem 3rem
    }
}

.timelineMinor {
    display: block;
    padding:0rem 0rem 0rem 3.5rem
}

@media (min-width: 768px) {
    .timelineMinor {
        padding:0rem 0rem 0rem 3rem
    }
}

.timelineMinor:not(:last-child) {
    margin:0rem 0rem 0rem 0rem
}

.timelineMinor.open .timelineEventHead > a:before {
    -webkit-transform: rotate(-45deg);
    transform:rotate(-45deg)
}

.timelineMinor.open .timelineEvent {
    display:block
}

.timelineMinor.open .thumb {
    display:none
}

.no-js .timelineMinor .timelineEvent {
    display:block
}

.no-js .timelineMinor .thumb {
    display:none
}

@media print {
    .timelineMinor .timelineEvent {
        display:block
    }

    .timelineMinor .thumb {
        display:none
    }
}

.timelineEventHead {
    padding: 1.5rem 0rem 0rem 0rem;
    margin: 0rem 0rem 0rem -3rem;
    position: relative;
    display: block;
    width:calc(100% + 3rem)
}

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

.timelineEventHead:before {
    position: absolute;
    width: 100%;
    width: calc(100% - 3rem);
    inset-inline-start: 3rem;
    inset-block-start: 0;
    content: " ";
    height: 3px;
    border-top:solid 3px #fff
}

.timelineEventHead > a {
    position: relative;
    display: block;
    width:100%
}

.timelineEventHead > a:after {
    display: table;
    clear: both;
    content: ""
}

.timelineEventHead > a:before {
    inset-block-start: 0;
    inset-inline-start: -3px;
    background-color: #01689b;
    color: #fff;
    font-size: 10px;
    line-height: 10px;
    height: 22px;
    width:22px
}

@media (min-width: 768px) {
    .timelineEventHead > a:before {
        inset-inline-start:4px
    }
}

@media (min-width: 992px) {
    .timelineEventHead > a:before {
        inset-inline-start:5px
    }
}

.timelineEventHead > a:hover h4 {
    text-decoration:underline
}

.timelineEventHead > a:hover:before {
    background-color:#01689b
}

.timelineEventHead > a[aria-expanded=true]:before {
    -webkit-transform: rotate(-45deg);
    transform:rotate(-45deg)
}

.timelineEventHead h4 {
    font-size: 1.265625rem;
    line-height: 1.1851851852;
    margin: 0;
    width: calc(80% - 15px);
    float: left;
    padding:0rem 0rem 1rem 3rem
}

.timelineEventHead h4 span {
    display: block;
    width: 100%;
    font-size: 1.125rem;
    line-height: 1.3333333333;
    font-weight: normal;
    -webkit-margin-before: 0.25rem;
    margin-block-start:0.25rem
}

@media (min-width: 768px) {
    .timelineEventHead h4 {
        padding:0rem 0rem 1rem 3rem
    }
}

@media (min-width: 992px) {
    .timelineEventHead h4 {
        padding:0rem 0rem 1rem 3rem
    }
}

.timelineEventHead .thumb {
    max-width: 20%;
    float: right;
    margin: 1rem 0rem 1rem 0rem;
    position:relative
}

.timelineEventHead .thumb .copyright {
    position: absolute;
    inset-block-end: 0.5rem;
    inset-inline-start: 0.5rem;
    padding: 0;
    color: #fff;
    text-shadow:0px 0px 1px rgba(0, 0, 0, .5), -1px 0px 1px rgba(0, 0, 0, .5), 1px 0px 1px rgba(0, 0, 0, .5), 0px -1px 1px rgba(0, 0, 0, .5), 0px 1px 1px rgba(0, 0, 0, .5), 2px 2px 6px rgba(0, 0, 0, .5)
}

.timelineEventHead .thumb img {
    display:table
}

.timelineEventHead .thumb.hideImg {
    display:none
}

.timelineEvent {
    display: none;
    position: relative;
    -webkit-padding-after: 1.5rem;
    padding-block-end:1.5rem
}

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

.timelineEvent ul {
    padding: 0;
    list-style-type:none
}

.timelineEvent ul.list-style-type--disc {
    list-style-type:disc
}

.timelineEvent ul.list-style-type--circle {
    list-style-type:circle
}

.timelineEvent ul.list-style-type--square {
    list-style-type:square
}

.timelineEvent ul[class * =list-style-type] li {
                                                overflow: visible;
                                                -webkit-padding-start: initial;
                                                padding-inline-start: initial;
                                                -webkit-margin-start: 1em;
                                                margin-inline-start:1em
                                            }

.timelineEvent ul[class * =list-style-type] li:before {
                                                display:none
                                            }

.timelineEvent > ul > li, .timelineEvent > ul ul > li {
    overflow: hidden;
    position: relative;
    -webkit-padding-start: calc(7px + 0.75rem);
    padding-inline-start:calc(7px + 0.75rem)
}

.timelineEvent > ul > li:before, .timelineEvent > ul ul > li:before {
    position: absolute;
    inset-inline-start: 0;
    content: "";
    background: #000;
    display: block;
    text-indent: -0.1em;
    width: 6px;
    height: 6px;
    inset-block-start:7.2px
}

@media (min-width: 768px) {
    .timelineEvent > ul > li:before, .timelineEvent > ul ul > li:before {
        width: 7px;
        height: 7px;
        inset-block-start:8.1px
    }
}

@media (min-width: 992px) {
    .timelineEvent > ul > li:before, .timelineEvent > ul ul > li:before {
        width: 7px;
        height: 7px;
        inset-block-start:9.5px
    }
}

.timelineEvent ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results) {
    -webkit-padding-start: 1.5rem;
    padding-inline-start: 1.5rem;
    list-style-type:decimal
}

.timelineEvent ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--lower-alpha {
    list-style-type:lower-alpha
}

.timelineEvent ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--upper-alpha {
    list-style-type:upper-alpha
}

.timelineEvent ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--lower-roman {
    list-style-type:lower-roman
}

.timelineEvent ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--upper-roman {
    list-style-type:upper-roman
}

.timelineEvent ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--decimal {
    list-style-type:decimal
}

.timelineEvent ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results) > li {
    -webkit-padding-start: 0.25rem;
    padding-inline-start:0.25rem
}

.timelineEvent > ol > li > ul > li {
    overflow: hidden;
    position: relative;
    -webkit-padding-start: calc(7px + 0.75rem);
    padding-inline-start:calc(7px + 0.75rem)
}

.timelineEvent > ol > li > ul > li:before {
    position: absolute;
    inset-inline-start: 0;
    content: "";
    background: #000;
    display: block;
    text-indent: -0.1em;
    width: 6px;
    height: 6px;
    inset-block-start:7.2px
}

@media (min-width: 768px) {
    .timelineEvent > ol > li > ul > li:before {
        width: 7px;
        height: 7px;
        inset-block-start:8.1px
    }
}

@media (min-width: 992px) {
    .timelineEvent > ol > li > ul > li:before {
        width: 7px;
        height: 7px;
        inset-block-start:9.5px
    }
}

.timelineEvent p, .timelineEvent li {
    font-size: 1.125rem;
    line-height:1.3333333333
}

.timelineEvent p, .timelineEvent ul {
    -webkit-margin-after: 0.5rem;
    margin-block-end:0.5rem
}

.timelineEvent p:last-child, .timelineEvent ul:last-child {
    -webkit-margin-after: 0;
    margin-block-end:0
}

.no-js .timelineEvent {
    height: 0;
    display: block;
    -webkit-animation: openPanel .1s .5s forwards;
    animation:openPanel .1s .5s forwards
}

.timelineEvent .media {
    float: left;
    margin: 5px 0 10px 0px;
    margin: 0.5rem 0rem 1rem 0rem;
    width:100%
}

@media (min-width: 480px) {
    .timelineEvent .media {
        float: right;
        width: auto;
        margin: 5px 0 10px 20px;
        margin:0.5rem 0rem 1.5rem 1.5rem
    }
}

.timelineEvent .media img {
    margin: 0;
    width:100%
}

@media (min-width: 480px) {
    .timelineEvent .media img {
        max-width:250px
    }
}

.timelineEvent .media .copyright {
    position: relative;
    -webkit-margin-after: 0;
    margin-block-end: 0;
    padding: 0.5rem 0rem 0rem 0rem;
    text-shadow: none;
    color: dimgray;
    max-width:220px
}

.timelineEvent .media .cite {
    font-size: .8em;
    max-width:240px
}

.timelineEvent .mediaOptions {
    z-index:8
}

.timelineEvent .scrollcontainer {
    clear:both
}

.timelineEvent .block-audio-video {
    clear: both;
    display: block;
    margin:15px 0 15px 0
}

.timelineEvent .block-audio-video:after {
    display: table;
    clear: both;
    content: ""
}

.timelineEvent .block-audio-video .collapsiblePanels {
    border-bottom:1px solid #fff
}

.timelineEvent .openLightbox, .timelineEvent .toggleOptionBox, .timelineEvent .mejs__controls, .timelineEvent .collapsiblePanels .panel, .timelineEvent .collapsiblePanels .panel button, .timelineEvent table {
    background-color:#e6e6e6
}

.timelineEvent .mejs__container {
    background:transparent
}

.timelineEvent .mejs__horizontal-volume-current {
    background:rgba(255, 255, 255, .7)
}

.timelineEvent table th {
    background-color:#ccc
}

.timelineToggle:focus, .timelineEventHead > a:focus, .timelineMajor > a:focus {
    outline: 2px dashed #000;
    z-index: 1010;
    outline-offset: 0;
    -webkit-box-shadow: 0 0 0 2px #fff;
    box-shadow: 0 0 0 2px #fff;
    position: relative;
    z-index:10
}

.timelineToggle:focus::before {
    border:none
}

.timelineMajor .majorEvent:focus, .timelineEvent:focus {
    outline-width:0
}

.timelineMajor > a, .timelineEventHead > a {
    color:#01689b
}

.timelineMajor > a, .timelineMajor > a:hover, .timelineEventHead > a, .timelineEventHead > a:hover {
    text-decoration:none
}

.timelineMajor > a:hover, .timelineEventHead > a:hover {
    color:#01496d
}

.timelineMajor > a:before, .timelineEventHead > a:before {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    content: "";
    font-family: "RO Icons";
    border-radius: 100%;
    z-index: 1000;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    -webkit-transform: rotate(0deg);
    transform:rotate(0deg)
}

@media print {
    .timelineMajor > a:before, .timelineEventHead > a:before {
        content: ""
    }
}

.timelineMajor > a[aria-expanded=true]:before, .timelineMajor.open > a:before {
    -webkit-transform: rotate(-45deg);
    transform:rotate(-45deg)
}

.streamer {
    border-left: none;
    background: none;
    margin-top: 0;
    color: dimgray;
    padding:2rem
}

.streamer::before {
    display:none
}

@media (min-width: 480px) {
    .streamer {
        padding:2rem 10%
    }
}

@media (min-width: 768px) {
    .streamer {
        padding:2rem 15%
    }
}

.streamer p {
    font-size: 1.6018066406rem;
    line-height: 1.5607376924;
    font-style: italic;
    margin-bottom:0
}

@media (min-width: 992px) {
    .streamer p {
        font-size: 1.8020324707rem;
        line-height:1.3873223933
    }
}

.streamer p strong {
    font-weight:normal
}

.ctaWrapper {
    width:100%
}

.btnCta {
    font-size: 1.265625rem;
    line-height: 1.5802469136;
    width: auto;
    min-height: 44px;
    padding: .75rem 1rem;
    cursor: pointer;
    border: none;
    border-radius: 0;
    position: relative;
    color: #fff;
    background-color: #01689b;
    position: relative;
    background-color: #39870c;
    text-decoration: none;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-bottom:1rem
}

.btnCta:focus {
    outline: 2px solid #fff;
    outline-offset: 4px;
    z-index: 1010;
    -webkit-box-shadow: 0 0 0 0 transparent;
    box-shadow:0 0 0 0 transparent
}

.btnCta:focus::after {
    content: "";
    position: absolute;
    z-index: 99;
    inset: -6px;
    border:2px dashed #000
}

.btnCta:hover {
    color: #fff;
    outline: none;
    background-color:#01496d
}

.btnCta:hover::after {
    border:2px dashed transparent
}

.btnCta:hover {
    background-color:#275d08
}

.btnCta:hover, .btnCta:visited {
    color: #fff;
    text-decoration:none
}

.btnCta.external:before {
    position: relative;
    color: #fff;
    top: auto;
    left: auto;
    font-size: 0.8888888889rem;
    margin-right:0.5rem
}

.btnCta .ctaIcon {
    position: relative;
    max-width: 18px;
    max-height: 18px;
    width: auto;
    height: 18px;
    height: 100%;
    margin-right:0.5rem
}

.poll {
    margin-bottom:1.5rem
}

.poll .formWrapper, .poll .poll-results {
    padding: 1.5rem;
    background-color:#f3f3f3
}

.poll input[type=submit] {
    margin-top:1rem
}

.poll input[type=submit], .poll input[type=submit]:hover {
    background-color:#ccc
}

.poll input[type=submit].enabled {
    background-color:#01689b
}

.poll input[type=submit].enabled:hover {
    background-color:#01496d
}

.poll .poll-results li:not(.total) {
    display: flex;
    flex-wrap: wrap;
    justify-content:space-between
}

.poll .poll-results li:not(:last-child) {
    margin-bottom:1.5rem
}

.poll .poll-results li:last-child {
    margin-bottom:0
}

.poll .poll-results p {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 100%;
    margin-bottom: 0.5rem;
    font-size: 1.265625rem;
    line-height:1.1851851852
}

.poll .poll-results .fullbar {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(100% - 44px);
    background-color:#fff
}

@media (min-width: 768px) {
    .poll .poll-results .fullbar {
        flex-basis: calc( 100% - 68px
        )
    }
}

.poll .poll-results .resultbar, .poll .poll-results .resultnumber {
    height:20px
}

.poll .poll-results .resultbar {
    background-color:#01689b
}

.poll .poll-results .resultnumber {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 44px;
    text-align:right
}

@media (min-width: 768px) {
    .poll .poll-results .resultnumber {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis:68px
    }
}

.poll .poll-results .total {
    padding-top:0.5rem
}

.poll__title {
    font-weight: bold;
    margin: 0rem 0rem 0.5rem 0rem;
    font-size: 1.8020324707rem;
    line-height:1.1098579146
}

.js .poll label.radio {
    padding: 0rem 0rem 0rem 0.5rem;
    display: flex;
    align-items:center
}

.js .poll label.radio:not(:last-of-type) {
    margin-bottom:0.5rem
}

.js .poll label.radio input[type=radio] {
    position: relative;
    top: 0;
    width: 15px;
    height: 18px;
    opacity: 1;
    margin-right: 0.5rem;
    margin-top:0
}

@media (min-width: 992px) {
    .js .poll label.radio input[type=radio] {
        top:-1px
    }
}

.twitter-tweet {
    font-family: Helvetica, Arial, Calibri, sans-serif;
    margin-bottom: 1rem;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    overflow: hidden;
    background-color:#fff
}

@media (min-width: 480px) {
    .twitter-tweet {
        max-width: 500px;
        width:75%
    }
}

.twitter-tweet:hover {
    border:1px solid #ccc
}

.twitter-tweet .follow-btn {
    display: inline-flex;
    align-items: center;
    height: 1.5rem;
    border-radius: 4px;
    font-size: 0.8888888889rem;
    line-height: 1.125;
    text-decoration: none;
    padding: 0 0.5rem;
    border: 0;
    background-color: #007bc7;
    color: #fff;
    cursor:pointer
}

.twitter-tweet .follow-btn:before {
    content: "";
    font-family: "RO Icons";
    font-size: inherit;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: .85em;
    margin-right: 0.25rem;
    color:#fff
}

.twitter-tweet .follow-btn:hover, .twitter-tweet .follow-btn:focus {
    background-color:#005b94
}

.tweet-image img {
    width: 100%;
    display:table
}

.tweet-meta {
    position: relative;
    padding:1rem
}

.tweet-author {
    display: block;
    margin-bottom:1rem
}

.tweet-author-username > h3 {
    font-size: 1.125rem;
    line-height: 1.7777777778;
    margin-bottom:0
}

a.tweet-author-screenname {
    display: block;
    font-weight: normal;
    font-size: 1rem;
    line-height: 1;
    color: dimgray;
    text-decoration:none
}

a.tweet-author-screenname:visited {
    color:#01689b
}

.twitter-logo {
    position: absolute;
    right: 1rem;
    top: calc(1rem - 0.375rem);
    text-decoration:none
}

.twitter-logo:before {
    content: "";
    font-family: "RO Icons";
    font-size: inherit;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color:#0e9af1
}

.twitter-logo:hover {
    text-decoration:none
}

.twitter-logo:visited:before {
    color:#0e9af1
}

.tweet-text {
    margin-bottom:0.25rem
}

.tweet-text p {
    font-size: 1.125rem;
    line-height:1.3333333333
}

.tweet-text p:last-of-type {
    margin-bottom:0
}

.tweet-text a {
    text-decoration: underline;
    color:#2b7bb9
}

.tweet-text a:hover {
    text-decoration:none
}

.tweet-text a:focus {
    color:#3b94d9
}

.tweet-date {
    margin-bottom: 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color:#535353
}

.tweet-date span:first-child {
    display:inline-block
}

.tweet-location a {
    position: relative;
    color: #697882;
    line-height: inherit;
    text-decoration: none;
    padding-left: 15px;
    margin-left:0.5rem
}

.tweet-location a:before {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    content: "";
    width: 12px;
    height: 16px;
    background-color: #697882;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Ctitle%3Emap-marker-alt%3C/title%3E%3Cpath d='M172.27,501.67C27,291,0,269.41,0,192,0,86,86,0,192,0S384,86,384,192c0,77.41-27,99-172.27,309.67a24,24,0,0,1-39.46,0ZM192,272a80,80,0,1,0-80-80A80,80,0,0,0,192,272Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Ctitle%3Emap-marker-alt%3C/title%3E%3Cpath d='M172.27,501.67C27,291,0,269.41,0,192,0,86,86,0,192,0S384,86,384,192c0,77.41-27,99-172.27,309.67a24,24,0,0,1-39.46,0ZM192,272a80,80,0,1,0-80-80A80,80,0,0,0,192,272Z'/%3E%3C/svg%3E")
}

.tweet-location a:hover, .tweet-location a:focus {
    color: #0e9af1;
    text-decoration:none
}

.tweet-location a:hover::before, .tweet-location a:focus::before {
    background-color:#0e9af1
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    * ::-ms-backdrop .tweet-location a:before {
        background-color: transparent;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Ctitle%3Emap-marker-alt%3C/title%3E%3Cpath d='M172.27,501.67C27,291,0,269.41,0,192,0,86,86,0,192,0S384,86,384,192c0,77.41-27,99-172.27,309.67a24,24,0,0,1-39.46,0ZM192,272a80,80,0,1,0-80-80A80,80,0,0,0,192,272Z'/%3E%3C/svg%3E")
    }

    * .tweet-location a:before {
        background-color: transparent;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Ctitle%3Emap-marker-alt%3C/title%3E%3Cpath d='M172.27,501.67C27,291,0,269.41,0,192,0,86,86,0,192,0S384,86,384,192c0,77.41-27,99-172.27,309.67a24,24,0,0,1-39.46,0ZM192,272a80,80,0,1,0-80-80A80,80,0,0,0,192,272Z'/%3E%3C/svg%3E")
    }
}

.tweet-action {
    display: flex;
    flex-direction: column;
    align-items:flex-start
}

.tweet-action-buttons {
    display: flex;
    align-items: center;
    list-style-type: none;
    margin:0rem 0rem 1rem 0rem
}

.tweet-action-buttons li {
    margin: 0;
    padding: 0;
    font-size: 1rem;
    line-height:1.5
}

.tweet-action-buttons li:not(:last-child) {
    margin-right:1rem
}

.tweet-action-buttons a {
    color: #535353;
    text-decoration: none;
    display:flex
}

.tweet-action-buttons a:hover, .tweet-action-buttons a:focus {
    text-decoration:none
}

.tweet-action-buttons a.reply {
    font-size:0
}

.tweet-action-buttons a.reply:before {
    content: "";
    font-family: "RO Icons";
    font-size: inherit;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size:1rem
}

.tweet-action-buttons a.reply:hover, .tweet-action-buttons a.reply:focus {
    color:#007bc7
}

.tweet-action-buttons a.retweet:before, .tweet-action-buttons a.heart:before {
    margin-right:0.25rem
}

.tweet-action-buttons a.retweet:before {
    content: "";
    font-family: "RO Icons";
    font-size: inherit;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing:grayscale
}

.tweet-action-buttons a.retweet:hover, .tweet-action-buttons a.retweet:focus {
    color:#39870c
}

.tweet-action-buttons a.heart:before {
    content: "";
    font-family: "RO Icons";
    font-size: inherit;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing:grayscale
}

.tweet-action-buttons a.heart:hover, .tweet-action-buttons a.heart:focus {
    color:#ca005d
}

.profiledetail .headline {
    margin-bottom:0.5rem
}

@media (min-width: 768px) {
    .profiledetail .headline {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        background-color:#f3f3f3
    }
}

@media (min-width: 768px) {
    .profiledetail .headline > * {
        flex-basis: 50%;
        width:50%
    }
}

.profiledetail .headline .visual {
    position: relative;
    margin-bottom:1rem
}

@media (min-width: 768px) {
    .profiledetail .headline .visual {
        margin-bottom: 0;
        padding-right:0.75rem
    }
}

.profiledetail .headline .visual img {
    display:table
}

.profiledetail .headline .visual .copyright {
    position: absolute;
    z-index: 10;
    bottom: 0.5rem;
    left: 0.5rem;
    margin: 0;
    color: #fff;
    text-shadow:0px 0px 1px rgba(0, 0, 0, .5), -1px 0px 1px rgba(0, 0, 0, .5), 1px 0px 1px rgba(0, 0, 0, .5), 0px -1px 1px rgba(0, 0, 0, .5), 0px 1px 1px rgba(0, 0, 0, .5), 2px 2px 6px rgba(0, 0, 0, .5)
}

@media (min-width: 768px) {
    .profiledetail .headline div:last-child {
        padding: 1.5rem;
        padding-left:0.75rem
    }
}

.profiledetail .headline div:last-child h1 {
    margin: 0rem 0rem 1rem 0rem;
    font-size: 1.8020324707rem;
    line-height: 1.3873223933;
    font-weight:normal
}

@media (min-width: 768px) {
    .profiledetail .headline div:last-child h1 {
        margin-bottom:1rem
    }
}

.profiledetail .headline div:last-child dl {
    margin:0
}

.profiledetail .headline div:last-child dt {
    font-weight:bold
}

@media (min-width: 768px) {
    .profiledetail .headline div:last-child dt {
        padding-left:1px
    }

    .profiledetail .headline div:last-child dt:first-child {
        display:none
    }
}

.profiledetail .headline div:last-child dd {
    padding-bottom: 1rem;
    border-bottom: 1px solid #f3f3f3;
    font-size: 1.265625rem;
    line-height:1.5802469136
}

.profiledetail .headline div:last-child dd:last-child {
    margin-bottom: 0;
    padding-bottom:0
}

@media (min-width: 576px) {
    .profiledetail .headline div:last-child dd {
        flex-basis:100%
    }
}

.profiledetail > dl {
    margin-bottom:0
}

.profiledetail > dl dt {
    font-weight: bold;
    padding-top:1rem
}

@media (min-width: 768px) {
    .profiledetail > dl dt {
        padding-left:1px
    }
}

.profiledetail > dl dd {
    padding-bottom: 1rem;
    border-bottom:1px solid #f3f3f3
}

.profiledetail > dl dt, .profiledetail > dl dd {
    margin:0
}

@media (min-width: 768px) {
    .profiledetail > dl dt, .profiledetail > dl dd {
        padding: 1rem 0;
        border-bottom:1px solid #f3f3f3
    }
}

.hchart .highcharts-tooltip span {
    z-index:1050
}

.hchart .innerTooltip {
    z-index: 1050;
    background-color: #fff;
    padding: 0.5rem 1rem;
    margin:4px 0px 2px 1px
}

.hchart .graphImg h2 {
    text-align: center;
    margin:0
}

.hchart .graphImg h2 span {
    display: block;
    font-size: 1.125rem;
    color:#535353
}

.hchart .highcharts-legend-item span {
    color:#01689b
}

.js .hchart[data-type=table] .collapsiblePanels .panel .panelContent {
    display:block !important
}

.js .hchart[data-type=table] .collapsiblePanels .panel .panelContent .dataSet {
    display:block
}

.newsletterItems article {
    display: flex;
    flex-direction: column;
    margin-bottom: 2rem;
    padding: 2rem 0rem 1rem 0rem;
    border-top:2px solid #e6e6e6
}

.newsletterItems .textCol {
    order:2
}

.newsletterItems .textCol ul {
    padding: 0;
    list-style-type:none
}

.newsletterItems .textCol ul.list-style-type--disc {
    list-style-type:disc
}

.newsletterItems .textCol ul.list-style-type--circle {
    list-style-type:circle
}

.newsletterItems .textCol ul.list-style-type--square {
    list-style-type:square
}

.newsletterItems .textCol ul[class * =list-style-type] li {
                                                           overflow: visible;
                                                           -webkit-padding-start: initial;
                                                           padding-inline-start: initial;
                                                           -webkit-margin-start: 1em;
                                                           margin-inline-start:1em
                                                       }

.newsletterItems .textCol ul[class * =list-style-type] li:before {
                                                           display:none
                                                       }

.newsletterItems .textCol > ul > li, .newsletterItems .textCol > ul ul > li {
    overflow: hidden;
    position: relative;
    -webkit-padding-start: calc(7px + 0.75rem);
    padding-inline-start:calc(7px + 0.75rem)
}

.newsletterItems .textCol > ul > li:before, .newsletterItems .textCol > ul ul > li:before {
    position: absolute;
    inset-inline-start: 0;
    content: "";
    background: #000;
    display: block;
    text-indent: -0.1em;
    width: 6px;
    height: 6px;
    inset-block-start:7.2px
}

@media (min-width: 768px) {
    .newsletterItems .textCol > ul > li:before, .newsletterItems .textCol > ul ul > li:before {
        width: 7px;
        height: 7px;
        inset-block-start:8.1px
    }
}

@media (min-width: 992px) {
    .newsletterItems .textCol > ul > li:before, .newsletterItems .textCol > ul ul > li:before {
        width: 7px;
        height: 7px;
        inset-block-start:9.5px
    }
}

.newsletterItems .textCol ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results) {
    -webkit-padding-start: 1.5rem;
    padding-inline-start: 1.5rem;
    list-style-type:decimal
}

.newsletterItems .textCol ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--lower-alpha {
    list-style-type:lower-alpha
}

.newsletterItems .textCol ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--upper-alpha {
    list-style-type:upper-alpha
}

.newsletterItems .textCol ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--lower-roman {
    list-style-type:lower-roman
}

.newsletterItems .textCol ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--upper-roman {
    list-style-type:upper-roman
}

.newsletterItems .textCol ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--decimal {
    list-style-type:decimal
}

.newsletterItems .textCol ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results) > li {
    -webkit-padding-start: 0.25rem;
    padding-inline-start:0.25rem
}

.newsletterItems .textCol > ol > li > ul > li {
    overflow: hidden;
    position: relative;
    -webkit-padding-start: calc(7px + 0.75rem);
    padding-inline-start:calc(7px + 0.75rem)
}

.newsletterItems .textCol > ol > li > ul > li:before {
    position: absolute;
    inset-inline-start: 0;
    content: "";
    background: #000;
    display: block;
    text-indent: -0.1em;
    width: 6px;
    height: 6px;
    inset-block-start:7.2px
}

@media (min-width: 768px) {
    .newsletterItems .textCol > ol > li > ul > li:before {
        width: 7px;
        height: 7px;
        inset-block-start:8.1px
    }
}

@media (min-width: 992px) {
    .newsletterItems .textCol > ol > li > ul > li:before {
        width: 7px;
        height: 7px;
        inset-block-start:9.5px
    }
}

.newsletterItems .imgCol {
    order:0
}

.newsletterItems h2 {
    order:1
}

.superheading-container {
    display: flex;
    flex-direction:column
}

.superheading-container > h1.blog-post {
    order:2
}

.superheading-container > h1.blog-post:first-of-type {
    -webkit-margin-before: 0;
    margin-block-start: 0;
    -webkit-margin-after: 0;
    margin-block-end:0
}

.superheading-container > h1.blog-post .subtitle {
    display: block;
    font-size: .6em;
    font-style:italic
}

p.superheading {
    order: 1;
    color: dimgray;
    font-size: 1.6018066406rem;
    -webkit-margin-after: 0;
    margin-block-end:0
}

p.superheading + h1 {
    -webkit-margin-before: 0;
    margin-block-start:0
}

.filtertool h1 {
    font-size: 2.0272865295rem;
    line-height: 1.2331754607;
    margin-top: 0;
    margin-bottom:0.75rem
}

#filtertool2-description p {
    margin-top:0
}

.filtertool-question {
    position:relative
}

.filtertool-element-hidden {
    display:none
}

.filtertool-questions-form {
    background-color: #f3f3f3;
    padding: 2rem 3rem 2rem 2rem;
    margin-bottom: 2rem;
    position:relative
}

.filtertool-question-header {
    margin-bottom:0.5rem
}

.filtertool-question-text-label {
    font-size: 1.8020324707rem;
    line-height: 1.3873223933;
    display: block;
    font-weight: bold;
    display: block;
    font-weight: bold;
    margin-right: 2rem;
    margin-bottom:0.5rem
}

.filtertool-question-text-label:focus {
    outline:none
}

.filtertool-help-text-button {
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    min-height: 2.5rem;
    padding: 0;
    cursor: pointer;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    text-indent: -9999px;
    background-color: #01689b;
    position: absolute;
    top: 0;
    right: 0;
    margin-right:-3rem
}

.filtertool-help-text-button:after {
    content: "";
    font-family: "RO Icons";
    font-size: inherit;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 0;
    width: 100%;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    text-indent:0
}

.filtertool-help-text-button:after {
    color:#fff
}

.filtertool-help-text-button:hover {
    background-color:#01496d
}

.filtertool-help-text-button:hover:after {
    color:#fff
}

.filtertool-help-text-button.close {
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    min-height: 2.5rem;
    padding: 0;
    cursor: pointer;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    text-indent: -9999px;
    background-color: #01689b;
    position: absolute;
    top: 0;
    right:calc(-44px - 2rem)
}

.filtertool-help-text-button.close:after {
    content: "";
    font-family: "RO Icons";
    font-size: inherit;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 0;
    width: 100%;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    text-indent:0
}

.filtertool-help-text-button.close:after {
    color:#fff
}

.filtertool-help-text-button.close:hover {
    background-color:#01496d
}

.filtertool-help-text-button.close:hover:after {
    color:#fff
}

.filtertool-help-text-button.button-remove-before-submit, .filtertool-help-text-button.button-remove-after-submit {
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    min-height: 2.5rem;
    padding: 0;
    cursor: pointer;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    text-indent: -9999px;
    background-color: #01689b;
    float: left;
    margin-right:0.5rem
}

.filtertool-help-text-button.button-remove-before-submit:after, .filtertool-help-text-button.button-remove-after-submit:after {
    content: "";
    font-family: "RO Icons";
    font-size: inherit;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 0;
    width: 100%;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    text-indent:0
}

.filtertool-help-text-button.button-remove-before-submit:after, .filtertool-help-text-button.button-remove-after-submit:after {
    color:#fff
}

.filtertool-help-text-button.button-remove-before-submit:hover, .filtertool-help-text-button.button-remove-after-submit:hover {
    background-color:#01496d
}

.filtertool-help-text-button.button-remove-before-submit:hover:after, .filtertool-help-text-button.button-remove-after-submit:hover:after {
    color:#fff
}

.filtertool-help-text {
    -webkit-transition: all 200ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
    transition: all 200ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
    width: calc(100% - 25px);
    overflow: hidden;
    max-height: 0;
    width: 100%;
    display: block;
    padding-left:1.5rem
}

.filtertool-help-text.filtertool-toggle-open {
    max-height:150px
}

.filtertool-question-options {
    margin-bottom:2rem
}

.filtertool-question-options li {
    position: relative;
    width: 100%;
    min-height:2.5rem
}

.filtertool-question-options li label {
    display: flex;
    align-items: center;
    min-height: 2.5rem;
    padding: .4rem 0;
    padding-right:1rem
}

.filtertool-question-options li input {
    min-width: 16px;
    min-height: 16px;
    margin-right: 0.5rem;
    margin-top: .2rem;
    margin-bottom:auto
}

@media (min-width: 768px) {
    .filtertool-question-options li input {
        margin-top:.3rem
    }
}

@media (min-width: 992px) {
    .filtertool-question-options li input {
        margin-top:.4rem
    }
}

@media (min-width: 992px) {
    .filtertool-question-options li input[type=radio] {
        position: relative;
        top:-0.1rem
    }
}

.filtertool-question-help {
    font-size: 1.125rem;
    line-height:1.3333333333
}

.filtertool-nav {
    display: flex;
    justify-content: flex-end;
    flex-direction:row-reverse
}

.filtertool-nav .filtertool-previousQuestionButton {
    margin-right:1rem
}

.filtertool-contentblocks-header-grouping {
    -webkit-margin-after: 2rem;
    margin-block-end:2rem
}

.filtertool-contentblocks-header-grouping .filtertool-groupingButton {
    background-color: transparent;
    color: #01689b;
    text-decoration: underline;
    padding: 0;
    margin:0
}

.filtertool-contentblocks-header-grouping .filtertool-groupingButton:hover {
    text-decoration:none
}

.filtertool-contentblocks-header-grouping .filtertool-groupingButton:focus {
    border:2px dotted #000
}

.filtertool-contentblocks-header-grouping .filtertool-groupingButton:focus::before {
    content: none;
    padding:0
}

.filtertool-contentblocks-header-grouping .filtertool-groupingButton.active {
    text-decoration: none;
    color: #000;
    font-weight:bold
}

.filtertool-contentblock-header {
    background-color: #f3f3f3;
    width: 100%;
    min-height: 44px;
    padding: 1rem;
    padding-right: 3rem;
    margin: 0;
    position:relative
}

.filtertool-contentblock-header h4 {
    font-size: 1.265625rem;
    line-height: 1.1851851852;
    font-weight: normal;
    color:#01689b
}

.filtertool-contentblock-header p {
    margin-bottom:0
}

.is-grouped-accordeon .filtertool-contentblock-header {
    background-color: #fff;
    padding-left: 41px;
    padding-right:16px
}

.is-grouped-accordeon .item-is-open .filtertool-contentblock-header {
    background-color:#f3f3f3
}

.filtertool-contentblock {
    border-bottom:solid 1px #fff
}

.is-grouped-accordeon .filtertool-contentblock {
    border-bottom:1px solid #e6e6e6
}

.filtertool-contentblock-title {
    margin:0
}

button.filtertool-contentblock-toggle-button {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    position: relative;
    text-align: left;
    background: transparent;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0 1rem;
    color: transparent;
    font-size: 1.265625rem;
    line-height:1.1851851852
}

button.filtertool-contentblock-toggle-button:after {
    display: flex;
    -webkit-transition: all 200ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
    transition: all 200ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
    content: "";
    font-family: "RO Icons";
    font-size: .9rem;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color:#01689b
}

button.filtertool-contentblock-toggle-button[aria-expanded=true]:after {
    -webkit-transition: all 200ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
    transition: all 200ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
    -webkit-transform: rotate(180deg);
    transform:rotate(180deg)
}

button.filtertool-contentblock-toggle-button:focus {
    -webkit-box-shadow: none;
    box-shadow:none
}

.filtertool-contentblock-body {
    background-color: #f3f3f3;
    padding:1rem
}

.filtertool-contentblock-body.filtertool-toggle-closed {
    display:none
}

.filtertool-contentblock-body p:last-child {
    margin-bottom:0
}

.filtertool-contentblock-body p + .filtertool-contentblock-location-content {
    margin-top:-1rem
}

.filtertool-contentblock-body ul > li {
    overflow: hidden;
    position: relative;
    -webkit-padding-start: calc(7px + 0.75rem);
    padding-inline-start:calc(7px + 0.75rem)
}

.filtertool-contentblock-body ul > li:before {
    position: absolute;
    inset-inline-start: 0;
    content: "";
    background: #000;
    display: block;
    text-indent: -0.1em;
    width: 6px;
    height: 6px;
    inset-block-start:7.2px
}

@media (min-width: 768px) {
    .filtertool-contentblock-body ul > li:before {
        width: 7px;
        height: 7px;
        inset-block-start:8.1px
    }
}

@media (min-width: 992px) {
    .filtertool-contentblock-body ul > li:before {
        width: 7px;
        height: 7px;
        inset-block-start:9.5px
    }
}

.filtertool-contentblock-body ul:last-child {
    margin-bottom:0
}

.filtertool-contentblock-body ul + .filtertool-contentblock-location-content {
    margin-top:-2rem
}

.is-grouped-accordeon .filtertool-contentblock-body {
    background-color: #fff;
    padding-top: 0;
    padding-left: 41px;
    padding-right:16px
}

.is-grouped-accordeon .item-is-open .filtertool-contentblock-body {
    background-color:#f3f3f3
}

.filtertool-location-section {
    margin-bottom:2rem
}

.filtertool-contentblocks-list.is-grouped-accordeon {
    border-top: 1px solid #e6e6e6;
    margin-bottom:2rem
}

@media (max-width: 767px) {
    .filtertool-contentblocks-list.is-grouped-accordeon {
        margin-left: -16px;
        margin-right:-16px
    }
}

.filtertool-contentblocks-group {
    margin-bottom:2rem
}

.filtertool-contentblocks-group .filtertool-contentblocks-group-header:only-child {
    display:none
}

.is-grouped-accordeon .filtertool-contentblocks-group {
    margin-bottom:0
}

.filtertool-contentblocks-group.group-is-closed .filtertool-contentblock {
    display:none
}

.is-grouped-accordeon .filtertool-contentblocks-group-header {
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 41px;
    padding-right: 16px;
    height: 44px;
    border-bottom:1px solid #e6e6e6
}

.is-grouped-accordeon .filtertool-contentblocks-group-header > h3 {
    margin:0
}

.is-grouped-accordeon .group-is-open .filtertool-contentblocks-group-header {
    background-color:#f3f3f3
}

.filtertool-feedback-list {
    background-color: #f3f3f3;
    padding: 1rem 2rem 1rem 2rem;
    margin-bottom: 2rem;
    position:relative
}

.filtertool-feedback-list .filtertool-feedback-change-answer-button {
    background: transparent;
    color: #01689b;
    padding: 0;
    margin: 0;
    text-decoration: underline;
    min-height:auto
}

.filtertool-feedback-list .filtertool-feedback-change-answer-button:hover {
    text-decoration:none
}

.filtertool-savePDFButton, .filtertool-resetFormButton {
    margin-bottom:1rem
}

.filtertool-question-progress-bar {
    height: 4px;
    width: 100%;
    background-color: #e1e1e1;
    margin-bottom:1rem
}

.filtertool-question-progress-bar-progress {
    width: 0;
    height: 4px;
    background-color:#01689b
}

button.filtertool-contentblocks-group-toggle-button {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    position: relative;
    background: transparent;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    min-height: 0;
    margin: 0;
    padding: 0;
    color:transparent
}

button.filtertool-contentblocks-group-toggle-button:before {
    display: flex;
    -webkit-transition: all 200ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
    transition: all 200ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
    content: "";
    font-family: "RO Icons";
    font-size: .9rem;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color:#01689b
}

button.filtertool-contentblocks-group-toggle-button[aria-expanded=true]:before {
    -webkit-transition: all 200ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
    transition: all 200ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
    -webkit-transform: rotate(180deg);
    transform:rotate(180deg)
}

button.filtertool-contentblocks-group-toggle-button:before {
    position: relative;
    left:17px
}

button.filtertool-contentblocks-group-toggle-button:focus {
    -webkit-box-shadow: none;
    box-shadow:none
}

.campaignImage {
    position: relative;
    width: 100%;
    overflow:hidden
}

.campaignImage .gradient {
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: transparent;
    width: 100%;
    height: 20%;
    min-height: 120px;
    z-index: 8;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.45)), to(rgba(0, 0, 0, 0)));
    background:linear-gradient(to bottom, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0) 100%)
}

.campaignImage .slideControls {
    display: flex;
    align-items: center;
    bottom:1.5rem
}

.campaignImage .toggleState {
    display: inline-block;
    position: relative;
    margin-left: 1rem;
    padding: 10px 6px;
    width: 22px;
    height: 22px;
    min-height: 0;
    text-indent: -9999px;
    z-index: 10;
    background: rgba(0, 0, 0, .6);
    border: 1px solid #000;
    border-color:rgba(255, 255, 255, .6)
}

.campaignImage .toggleState:after {
    content: "";
    position: absolute;
    right: 4px;
    bottom: 3px;
    width: 12px;
    height: 14px;
    border-right: 4px solid #fff;
    border-left: 4px solid #fff;
    border-color:rgba(255, 255, 255, .9)
}

.campaignImage .toggleState:hover:after {
    border-color:rgba(255, 255, 255, .5)
}

.campaignImage .toggleState:focus::before {
    inset:-7px
}

.campaignImage .toggleState.pauzed:after {
    content: "";
    position: absolute;
    top: 4px;
    left: 6px;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 9px;
    border-color: transparent transparent transparent #fff;
    border-color:transparent transparent transparent rgba(255, 255, 255, .9)
}

.campaignImage .toggleState.pauzed:hover:after {
    border-color:transparent transparent transparent rgba(255, 255, 255, .5)
}

.campaignImage.cycle .slide {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
    opacity: 0;
    display: block;
    -webkit-transition: opacity 1s ease-in-out;
    transition:opacity 1s ease-in-out
}

.campaignImage.cycle .slide:first-child {
    opacity:0
}

.campaignImage.cycle .slide.current {
    opacity:1
}

.campaignImage .slide {
    background-color: #fff;
    width: 100%;
    height: 100%;
    display: none;
    opacity: 0;
    background-size: cover;
    background-position:center center
}

.campaignImage .slide:first-child {
    display: block;
    opacity:1
}

.campaignImage .slide:first-child img {
    min-height:160px
}

.campaignImage .slide img {
    width: 100%;
    height:auto
}

.hmap ul {
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none;
    display:block
}

.hmap a {
    color: #01689b;
    text-decoration:none
}

.hmap a:hover, .hmap a:active {
    text-decoration:underline
}

.hmap .descriptionText, .hmap .description {
    background:transparent
}

.hmap .descriptionText a, .hmap .description a {
    display:inline-block
}

.hmap .descriptionText p, .hmap .description p {
    padding:0px 0px 20px 10px
}

.hmap .label {
    z-index:1 !important
}

.hmap .highcharts-tooltip span {
    z-index:9999 !important
}

.hmap .tooltip {
    padding:5px
}

.hmap .innerTooltip {
    z-index: 9999 !important;
    margin-top: 7px;
    margin-left: 3px;
    margin-right:3px
}

.hmap .mapAreaDark {
    color:#01689b
}

.hmap .mapAreaLight {
    color:#d9f2ff
}

.hmap .mapAreaHover {
    color:#f3f3f3
}

.hmap .source {
    display: block;
    text-align: left;
    font-size: .8125em;
    color: #535353;
    margin:0 0 10px 0
}

.hmap .thematicmap {
    margin-bottom: 20px;
    height: auto;
    width:100%
}

.hmap .dataSet {
    display: block;
    padding: 0 20px 10px 20px;
    overflow:auto
}

.hmap .dataSet table {
    margin-left: 0px;
    width:auto
}

.hmap .dataSet table caption {
    padding: 0;
    margin-bottom:.6em
}

.hmap .dataSet table caption .title {
    color: #000;
    display: block;
    font-size: 1.125em;
    line-height: 1.3em;
    font-weight: bold;
    margin:0 0 .2em 0
}

.hmap .dataSet table caption .subtitle {
    display: block;
    font-size: .875em;
    color:#535353
}

.hmap .dataSet table td {
    text-align: right;
    width:auto
}

.hmap .dataSet table th {
    width: auto;
    text-align:right
}

.hmap .dataSet table th:first-child {
    text-align:left
}

.js .hmap .metadata, .js .hmap .downloadDataset {
    display:none
}

.js .hmap .dataSet {
    display:none
}

.js .hmap .dataSet.current {
    display:block
}

.js .hmap .downloads li {
    display:none
}

.js .hmap .downloads li.current, .js .hmap .downloads li.panelDownloadLink {
    display:block
}

.js .hmap .metaPanel {
    display:none
}

.actions {
    clear:both
}

.actions > ul.common {
    display: flex;
    justify-content: space-between;
    align-items:baseline
}

.actions > ul.common li {
    display: block;
    width: 50%;
    word-break:break-word
}

.actions > ul.common li.next > a, .actions > ul.common li.previous > a {
    display: flex;
    flex-direction: column;
    font-weight: normal;
    text-decoration:none
}

@media (max-width: 575px) {
    .actions > ul.common li.next > a, .actions > ul.common li.previous > a {
        font-size:1.125rem
    }
}

.actions > ul.common li.next > a:hover span, .actions > ul.common li.previous > a:hover span {
    text-decoration:underline
}

.actions > ul.common li.next > a:hover span.meta, .actions > ul.common li.previous > a:hover span.meta {
    text-decoration:none
}

.actions > ul.common li.next > a:before, .actions > ul.common li.next > a:after, .actions > ul.common li.previous > a:before, .actions > ul.common li.previous > a:after {
    content: "" !important
}

.actions > ul.common li.next > a .meta, .actions > ul.common li.previous > a .meta {
    color:#000
}

.actions > ul.common li.next {
    align-items: center;
    position: relative;
    justify-content: flex-end;
    margin-left:auto
}

.actions > ul.common li.next:after {
    content: "";
    font-family: "RO Icons";
    font-size: .8rem;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #01689b;
    right: 0;
    position: absolute;
    z-index: 0;
    top:1.75rem
}

.actions > ul.common li.next a {
    padding-left: 0;
    z-index: 1;
    padding-right: 2rem;
    text-align:right
}

.actions > ul.common li.previous {
    align-items: center;
    position:relative
}

.actions > ul.common li.previous:before {
    content: "";
    font-family: "RO Icons";
    font-size: .8rem;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #01689b;
    position: absolute;
    z-index: 0;
    top:1.75rem
}

.actions > ul.common li.previous a {
    z-index: 1;
    padding-left:2rem
}

.representations {
    margin-bottom:2rem
}

@media (min-width: 992px) {
    .representations {
        margin-bottom:3rem
    }
}

h1 + .representations {
    margin-top:2rem
}

@media (min-width: 992px) {
    h1 + .representations {
        margin-top:3rem
    }
}

.representations > .common:not(:last-child) {
    margin-bottom:1.5rem
}

@media (min-width: 992px) {
    .representations > .common:not(:last-child) {
        margin-bottom:2.5rem
    }
}

.brickRow.nieuws, .brickRow.latestItems {
    margin-bottom:2.5rem
}

.brickRow.nieuws > .brick, .brickRow.latestItems > .brick {
    margin-bottom:1.5rem
}

@media (min-width: 992px) {
    .brickRow.nieuws > .brick, .brickRow.latestItems > .brick {
        margin-bottom:2rem
    }
}

.brickRow.nieuws > .brick p, .brickRow.latestItems > .brick p {
    margin-top:0
}

.brickRow.nieuws > .brick p:last-child, .brickRow.latestItems > .brick p:last-child {
    margin-bottom:0
}

.brickRow.nieuws h3, .brickRow.latestItems h3 {
    font-size: 1.5101977836rem;
    line-height: 1.1587886163;
    margin: 0.5rem 0rem 1rem 0rem;
    font-weight: normal;
    order: 1;
    margin-top: 0;
    word-break:break-word
}

.brickRow.nieuws > .more, .brickRow.latestItems > .more {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 100%;
    margin-top: 1rem;
    margin-bottom:0
}

@media (min-width: 992px) {
    .brickRow.nieuws > .more, .brickRow.latestItems > .more {
        margin-top:0
    }
}

.brickRow.nieuws > .brick {
    margin-bottom:2rem
}

@media (min-width: 992px) {
    .brickRow.nieuws > .brick {
        margin-bottom:2.5rem
    }
}

@media (max-width: 991px) {
    .brickRow.nieuws > .brick:nth-of-type(n + 3) .brick-image {
        display: none;
        visibility:hidden
    }
}

.brickRow.nieuws .publDate {
    display:block
}

.brickRow.nieuws h3, .brickRow.nieuws p:first-of-type {
    margin-bottom:0.5rem
}

.brickRow.latestItems > .brick {
    margin-bottom:1.5rem
}

@media (min-width: 992px) {
    .brickRow.latestItems > .brick {
        margin-bottom:2rem
    }
}

@media print {
    .brickRow.nieuws > .more {
        display:none
    }
}

.article > h1:first-of-type {
    -webkit-margin-before: 0;
    margin-block-start: 0;
    -webkit-margin-after: 1rem;
    margin-block-end:1rem
}

.article > h1 .subtitle {
    display: block;
    font-size: .6em;
    font-style:italic
}

.article > h1 + .article-meta {
    -webkit-margin-before: -1rem;
    margin-block-start:-1rem
}

.article > .superheading-container + .article-meta {
    -webkit-margin-before: 0;
    margin-block-start:0
}

.article .article-meta {
    -webkit-margin-before: 0.5rem;
    margin-block-start:0.5rem
}

.article > .intro p:last-child {
    -webkit-margin-after: 0;
    margin-block-end:0
}

.article > .intro + h2 {
    -webkit-margin-before: 3rem;
    margin-block-start:3rem
}

.article h2 {
    -webkit-margin-after: 0.75rem;
    margin-block-end:0.75rem
}

.article h2:focus {
    outline:2px dotted #01689b
}

.article ul, .article .intro ul, .article .contentBox ul, .article dd ul, .article blockquote ul {
    padding: 0;
    list-style-type:none
}

.article ul.list-style-type--disc, .article .intro ul.list-style-type--disc, .article .contentBox ul.list-style-type--disc, .article dd ul.list-style-type--disc, .article blockquote ul.list-style-type--disc {
    list-style-type:disc
}

.article ul.list-style-type--circle, .article .intro ul.list-style-type--circle, .article .contentBox ul.list-style-type--circle, .article dd ul.list-style-type--circle, .article blockquote ul.list-style-type--circle {
    list-style-type:circle
}

.article ul.list-style-type--square, .article .intro ul.list-style-type--square, .article .contentBox ul.list-style-type--square, .article dd ul.list-style-type--square, .article blockquote ul.list-style-type--square {
    list-style-type:square
}

.article ul[class * =list-style-type] li, .article .intro ul[class * =list-style-type] li, .article .contentBox ul[class * =list-style-type] li, .article dd ul[class * =list-style-type] li, .article blockquote ul[class * =list-style-type] li {
                                                                                                                                                                                                                                                   overflow: visible;
                                                                                                                                                                                                                                                   -webkit-padding-start: initial;
                                                                                                                                                                                                                                                   padding-inline-start: initial;
                                                                                                                                                                                                                                                   -webkit-margin-start: 1em;
                                                                                                                                                                                                                                                   margin-inline-start:1em
                                                                                                                                                                                                                                               }

.article ul[class * =list-style-type] li:before, .article .intro ul[class * =list-style-type] li:before, .article .contentBox ul[class * =list-style-type] li:before, .article dd ul[class * =list-style-type] li:before, .article blockquote ul[class * =list-style-type] li:before {
                                                                                                                                                                                                                                                                               display:none
                                                                                                                                                                                                                                                                           }

.article > ul > li, .article > ul ul > li, .article .intro > ul > li, .article .intro > ul ul > li, .article .contentBox > ul > li, .article .contentBox > ul ul > li, .article dd > ul > li, .article dd > ul ul > li, .article blockquote > ul > li, .article blockquote > ul ul > li {
    overflow: hidden;
    position: relative;
    -webkit-padding-start: calc(7px + 0.75rem);
    padding-inline-start:calc(7px + 0.75rem)
}

.article > ul > li:before, .article > ul ul > li:before, .article .intro > ul > li:before, .article .intro > ul ul > li:before, .article .contentBox > ul > li:before, .article .contentBox > ul ul > li:before, .article dd > ul > li:before, .article dd > ul ul > li:before, .article blockquote > ul > li:before, .article blockquote > ul ul > li:before {
    position: absolute;
    inset-inline-start: 0;
    content: "";
    background: #000;
    display: block;
    text-indent: -0.1em;
    width: 6px;
    height: 6px;
    inset-block-start:7.2px
}

@media (min-width: 768px) {
    .article > ul > li:before, .article > ul ul > li:before, .article .intro > ul > li:before, .article .intro > ul ul > li:before, .article .contentBox > ul > li:before, .article .contentBox > ul ul > li:before, .article dd > ul > li:before, .article dd > ul ul > li:before, .article blockquote > ul > li:before, .article blockquote > ul ul > li:before {
        width: 7px;
        height: 7px;
        inset-block-start:8.1px
    }
}

@media (min-width: 992px) {
    .article > ul > li:before, .article > ul ul > li:before, .article .intro > ul > li:before, .article .intro > ul ul > li:before, .article .contentBox > ul > li:before, .article .contentBox > ul ul > li:before, .article dd > ul > li:before, .article dd > ul ul > li:before, .article blockquote > ul > li:before, .article blockquote > ul ul > li:before {
        width: 7px;
        height: 7px;
        inset-block-start:9.5px
    }
}

.article ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results), .article .intro ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results), .article .contentBox ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results), .article dd ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results), .article blockquote ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results) {
    -webkit-padding-start: 1.5rem;
    padding-inline-start: 1.5rem;
    list-style-type:decimal
}

.article ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--lower-alpha, .article .intro ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--lower-alpha, .article .contentBox ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--lower-alpha, .article dd ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--lower-alpha, .article blockquote ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--lower-alpha {
    list-style-type:lower-alpha
}

.article ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--upper-alpha, .article .intro ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--upper-alpha, .article .contentBox ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--upper-alpha, .article dd ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--upper-alpha, .article blockquote ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--upper-alpha {
    list-style-type:upper-alpha
}

.article ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--lower-roman, .article .intro ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--lower-roman, .article .contentBox ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--lower-roman, .article dd ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--lower-roman, .article blockquote ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--lower-roman {
    list-style-type:lower-roman
}

.article ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--upper-roman, .article .intro ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--upper-roman, .article .contentBox ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--upper-roman, .article dd ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--upper-roman, .article blockquote ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--upper-roman {
    list-style-type:upper-roman
}

.article ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--decimal, .article .intro ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--decimal, .article .contentBox ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--decimal, .article dd ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--decimal, .article blockquote ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results).list-style-type--decimal {
    list-style-type:decimal
}

.article ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results) > li, .article .intro ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results) > li, .article .contentBox ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results) > li, .article dd ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results) > li, .article blockquote ol:not(.timelineList):not(.majorEvent):not(.anchor-nav__list):not(.common.results) > li {
    -webkit-padding-start: 0.25rem;
    padding-inline-start:0.25rem
}

.article > ol > li > ul > li, .article .intro > ol > li > ul > li, .article .contentBox > ol > li > ul > li, .article dd > ol > li > ul > li, .article blockquote > ol > li > ul > li {
    overflow: hidden;
    position: relative;
    -webkit-padding-start: calc(7px + 0.75rem);
    padding-inline-start:calc(7px + 0.75rem)
}

.article > ol > li > ul > li:before, .article .intro > ol > li > ul > li:before, .article .contentBox > ol > li > ul > li:before, .article dd > ol > li > ul > li:before, .article blockquote > ol > li > ul > li:before {
    position: absolute;
    inset-inline-start: 0;
    content: "";
    background: #000;
    display: block;
    text-indent: -0.1em;
    width: 6px;
    height: 6px;
    inset-block-start:7.2px
}

@media (min-width: 768px) {
    .article > ol > li > ul > li:before, .article .intro > ol > li > ul > li:before, .article .contentBox > ol > li > ul > li:before, .article dd > ol > li > ul > li:before, .article blockquote > ol > li > ul > li:before {
        width: 7px;
        height: 7px;
        inset-block-start:8.1px
    }
}

@media (min-width: 992px) {
    .article > ol > li > ul > li:before, .article .intro > ol > li > ul > li:before, .article .contentBox > ol > li > ul > li:before, .article dd > ol > li > ul > li:before, .article blockquote > ol > li > ul > li:before {
        width: 7px;
        height: 7px;
        inset-block-start:9.5px
    }
}

.article p:not(.article-meta):not(.meta):not(.superheading):not(.copyright):not(.timeline__subHeading), .article ul, .article ol:not(.timelineList):not(.majorEvent), .article dl {
    -webkit-margin-before: 0;
    margin-block-start: 0;
    -webkit-margin-after: 1.25rem;
    margin-block-end:1.25rem
}

.article p:not(.article-meta):not(.meta):not(.superheading):not(.copyright):not(.timeline__subHeading) + h2, .article ul + h2, .article ol:not(.timelineList):not(.majorEvent) + h2, .article dl + h2 {
    -webkit-margin-before: 3rem;
    margin-block-start:3rem
}

.article p:not(.article-meta):not(.meta):not(.superheading):not(.copyright):not(.timeline__subHeading) + .block, .article ul + .block, .article ol:not(.timelineList):not(.majorEvent) + .block, .article dl + .block {
    -webkit-margin-before: 2.5rem;
    margin-block-start:2.5rem
}

.article p:not(.article-meta):not(.meta):not(.superheading):not(.copyright):not(.timeline__subHeading) ul, .article p:not(.article-meta):not(.meta):not(.superheading):not(.copyright):not(.timeline__subHeading) ol, .article ul ul, .article ul ol, .article ol:not(.timelineList):not(.majorEvent) ul, .article ol:not(.timelineList):not(.majorEvent) ol, .article dl ul, .article dl ol {
    -webkit-margin-before: 0.5rem;
    margin-block-start: 0.5rem;
    -webkit-margin-after: 0;
    margin-block-end:0
}

.article dl p:not(.article-meta):not(.meta) {
    -webkit-margin-after: 0.75rem;
    margin-block-end:0.75rem
}

.article dl p:not(.article-meta):not(.meta):last-child {
    -webkit-margin-after: 0;
    margin-block-end:0
}

.article a:hover {
    text-decoration:none
}

.article p a.external:before, .article li a.external:before {
    display: inline-flex;
    align-items: center;
    left: 1px;
    top: 0;
    height:22.4px
}

@media (min-width: 768px) {
    .article p a.external:before, .article li a.external:before {
        top:-1px
    }
}

@media (min-width: 992px) {
    .article p a.external:before, .article li a.external:before {
        top:-2px
    }
}

@media (min-width: 768px) {
    .article p a.external:before, .article li a.external:before {
        height:25.2px
    }
}

@media (min-width: 992px) {
    .article p a.external:before, .article li a.external:before {
        height:28px
    }
}

.article .download + .contentBox {
    -webkit-margin-before: 3rem;
    margin-block-start:3rem
}

.article .contentBox {
    width:100%
}

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

@media (min-width: 992px) {
    .article .contentBox {
        -webkit-margin-after: 2.5rem;
        margin-block-end:2.5rem
    }
}

.article .contentBox h2:first-of-type {
    -webkit-margin-before: 0;
    margin-block-start:0
}

.article .contentBox p:last-child {
    -webkit-margin-after: 0;
    margin-block-end:0
}

.article .contentBox .content-image-left + p {
    position:relative
}

.article .contentBox + * {
    clear:both
}

.article .content-image {
    position: relative;
    -webkit-margin-after: 1.5rem;
    margin-block-end: 1.5rem;
    clear:both
}

.article .content-image:after {
    display: table;
    clear: both;
    content: ""
}

.article .content-image img {
    display:table
}

.article .content-image p.caption:not(.article-meta):not(.meta):not(.superheading):not(.copyright), .article .content-image figcaption {
    -webkit-margin-before: 0.5rem;
    margin-block-start: 0.5rem;
    -webkit-margin-after: 0;
    margin-block-end: 0;
    font-size: 1.125rem;
    line-height: 1.3333333333;
    color:dimgray
}

.article .content-image p.copyright, .article .content-image p.cite {
    -webkit-margin-before: 0.5rem;
    margin-block-start:0.5rem
}

.article .content-image > * :last-child {
    -webkit-margin-after: 0;
    margin-block-end:0
}

.article .content-image-left {
    position: relative;
    -webkit-margin-after: 1.5rem;
    margin-block-end: 1.5rem;
    float: left;
    width:100%
}

.article .content-image-left:after {
    display: table;
    clear: both;
    content: ""
}

.article .content-image-left img {
    display:table
}

.article .content-image-left p.caption:not(.article-meta):not(.meta):not(.superheading):not(.copyright), .article .content-image-left figcaption {
    -webkit-margin-before: 0.5rem;
    margin-block-start: 0.5rem;
    -webkit-margin-after: 0;
    margin-block-end: 0;
    font-size: 1.125rem;
    line-height: 1.3333333333;
    color:dimgray
}

.article .content-image-left p.copyright, .article .content-image-left p.cite {
    -webkit-margin-before: 0.5rem;
    margin-block-start:0.5rem
}

.article .content-image-left > * :last-child {
    -webkit-margin-after: 0;
    margin-block-end:0
}

@media (min-width: 576px) {
    .article .content-image-left {
        width: auto;
        max-width: 368px;
        position: relative;
        top: .2em;
        -webkit-margin-end: 2rem;
        margin-inline-end:2rem
    }
}

.article .content-image-left img {
    width:auto
}

.article.is-full-width {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 100%;
    max-width:100%
}

.article.results:not(.gallery-result) li {
    -webkit-margin-after: 0.5rem;
    margin-block-end: 0.5rem;
    line-height: 1.5rem;
    font-size:1.125rem
}

.intro, .article .intro {
    -webkit-margin-after: 2.5rem;
    margin-block-end:2.5rem
}

.intro p, .intro li, .article .intro p, .article .intro li {
    font-size: 1.6018066406rem;
    line-height:1.4046639232
}

.intro p a.external, .intro li a.external, .article .intro p a.external, .article .intro li a.external {
    display:inline
}

@media (min-width: 992px) {
    .intro p a.external:before, .intro li a.external:before, .article .intro p a.external:before, .article .intro li a.external:before {
        height: 36px;
        top:-3px
    }
}

.intro p:not(.article-meta):not(.meta):not(.superheading):not(.copyright):not(.timeline__subHeading), .intro ul, .intro ol, .article .intro p:not(.article-meta):not(.meta):not(.superheading):not(.copyright):not(.timeline__subHeading), .article .intro ul, .article .intro ol {
    -webkit-margin-after: 1rem;
    margin-block-end:1rem
}

.intro p:not(.article-meta):not(.meta):not(.superheading):not(.copyright):not(.timeline__subHeading) + h2, .intro p:not(.article-meta):not(.meta):not(.superheading):not(.copyright):not(.timeline__subHeading) + h3, .intro ul + h2, .intro ul + h3, .intro ol + h2, .intro ol + h3, .article .intro p:not(.article-meta):not(.meta):not(.superheading):not(.copyright):not(.timeline__subHeading) + h2, .article .intro p:not(.article-meta):not(.meta):not(.superheading):not(.copyright):not(.timeline__subHeading) + h3, .article .intro ul + h2, .article .intro ul + h3, .article .intro ol + h2, .article .intro ol + h3 {
    -webkit-margin-before: 1.5rem;
    margin-block-start: 1.5rem;
    -webkit-margin-after: 0.5rem;
    margin-block-end:0.5rem
}

.intro li:before, .article .intro li:before {
    width: 9px;
    height: 9px;
    top:11.5px
}

.site.message.login {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f3f3f3;
    padding:0.75rem 0
}

@media (min-width: 480px) {
    .site.message.login {
        padding: 0;
        height:2rem
    }
}

.site.message.login > p {
    font-size: 1.125rem;
    line-height: 1.3333333333;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 16px;
    display: flex;
    flex-direction: column;
    align-items:flex-end
}

@media (min-width: 480px) {
    .site.message.login > p {
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        position: relative;
        top:-0.05em
    }
}

.site.message.login a:not(:last-child) {
    margin-bottom:0.5rem
}

@media (min-width: 480px) {
    .site.message.login a:not(:last-child) {
        margin-bottom:0
    }
}

@media (min-width: 480px) {
    .site.message.login a {
        margin-top: 0;
        margin-left:1rem
    }
}

.results.activityOverview a.activity {
    width: 100%;
    padding-bottom: 0;
    padding-left: 4.5rem;
    margin-bottom:2rem
}

@media (min-width: 992px) {
    .results.activityOverview a.activity {
        margin-bottom:2.5rem
    }
}

.results.activityOverview a.activity:last-child {
    margin-bottom:0
}

.results.activityOverview a.activity > h3 {
    font-size: 1.6018066406rem;
    line-height: 1.2485901539;
    margin-bottom:0.25rem
}

.results.activityOverview a.activity > h3 + dl {
    margin-top:0.5rem
}

.results.activityOverview a.activity > p {
    margin-bottom:0.5rem !important
}

.results.activityOverview a.activity dl {
    margin-bottom: 0.5rem;
    word-break: break-word;
    color:#000
}

.results.activityOverview a.activity dl dt {
    position: absolute !important;
    display: inline-block !important;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border:0
}

.results.activityOverview a.activity .activity__data-list li {
    margin-bottom: 0.5rem;
    line-height: 1.5rem;
    font-size:1.125rem
}

.results.activityOverview a.activity .meta {
    font-size: 1.125rem;
    line-height: 1.3333333333;
    color: #535353;
    font-weight: normal;
    margin-bottom:0
}

.results.activityOverview a.activity:before {
    display:none
}

[dir=rtl] .results.activityOverview a.activity {
    padding-right: 4.5rem;
    padding-left:0
}

.brickRow.spotLight {
    margin-bottom:2rem
}

@media (min-width: 992px) {
    .brickRow.spotLight {
        margin-bottom:3rem
    }
}

.brickRow.spotLight .brick {
    margin-bottom:2rem
}

@media (min-width: 992px) {
    .brickRow.spotLight .brick {
        margin-bottom:3rem
    }
}

.brickRow.spotLight .brick:last-child {
    margin-bottom:0
}

.brickRow.spotLight .brick > a.external {
    padding-left:0
}

.brickRow.spotLight .brick > a.external h3:before {
    top:.7em
}

.brickRow.spotLight .brick h3 {
    font-size: 1.6018066406rem;
    line-height: 1.2485901539;
    font-weight: normal;
    margin-top: 0;
    margin-bottom:0.5rem
}

.brickRow.spotLight .brick .brick-text p {
    margin-top: 0;
    font-size: 1.125rem;
    line-height:1.3333333333
}

.brickRow.spotLight .brick .brick-text p:last-child {
    margin-bottom:0
}

.contact-list #source-list h2 {
    border: none;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 100%;
    padding-top: 0;
    padding-left: 16px;
    font-size: 4.1098906729rem;
    line-height:1.0949196361
}

.contact-list #source-list ul.common {
    margin-bottom:0
}

@media (min-width: 768px) {
    .contact-list #source-list ul.common {
        margin-bottom:2rem
    }
}

.contact-list #source-list ul.common:last-child {
    margin-bottom:2rem
}

.contact-list .summary.contacts + form {
    margin-bottom:2rem
}

.contact-list .summary.contacts + form .formWrapper {
    padding: 1.5rem;
    overflow: hidden;
    position: relative;
    background-color:#f3f3f3
}

@media (min-width: 768px) {
    .contact-list .summary.contacts + form .formWrapper {
        display: flex;
        justify-content: space-between;
        align-items:center
    }
}

.contact-list .summary.contacts + form label {
    font-size: 1em;
    line-height: 1.375;
    display: block;
    margin-bottom:1rem
}

@media (min-width: 768px) {
    .contact-list .summary.contacts + form label {
        margin-right: 1.5rem;
        margin-bottom:0
    }
}

.contact-list .summary.contacts + form .field {
    flex:1
}

.contact-list .summary.contacts + form .clearFieldWrapper {
    position:relative
}

.contact-list .summary.contacts + form .clearField {
    right:0
}

.contact-list .summary.contacts + form input.searchList {
    padding-left: 0.75rem;
    width:100%
}

.stayInformed {
    display: flex;
    margin:1rem 0
}

.stayInformed .icon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #01689b;
    margin-right:0.75rem
}

.stayInformed .icon:before {
    display: block;
    content: url("data:image/svg+xml,%3Csvg id='icon-bell' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 85 100'%3E%3Cpath d='M85,69.28a3.78,3.78,0,0,1-1.26,2.46,3.82,3.82,0,0,1-2.64,1h-77a4,4,0,0,1-2.7-1A3.63,3.63,0,0,1,0,69.34a4.06,4.06,0,0,1,.66-2.75l6.6-9.94A39.27,39.27,0,0,0,11.37,46l4.92-18.57a26.54,26.54,0,0,1,17.87-19V8.26A7.85,7.85,0,0,1,36.62,2.4a8.4,8.4,0,0,1,11.76,0,7.85,7.85,0,0,1,2.46,5.86v.12a26.54,26.54,0,0,1,17.87,19L73.63,46a36,36,0,0,0,4.08,10.54l6.6,10.06A3.74,3.74,0,0,1,85,69.28Zm-57,14.32H57.08l.24,1.67a13.81,13.81,0,0,1-2,7.31A16,16,0,0,1,49.88,98a14.43,14.43,0,0,1-14.76,0,15.91,15.91,0,0,1-5.4-5.39,13.81,13.81,0,0,1-2-7.31Z' style='fill: %23fff'/%3E%3C/svg%3E");
    width: 18.7px;
    height:22px
}

.stayInformed .text {
    font-weight:bold
}

.stayInformed:hover {
    text-decoration:none
}

.stayInformed:hover .icon {
    background-color:#01496d
}

.brickRow.nieuws .stayInformed, .brickRow.latestItems .stayInformed {
    width: 100%;
    padding: 0 16px;
    margin-top: 0;
    margin-bottom:1.5rem
}

.stayInformedBtn {
    font-size: 1.265625rem;
    line-height: 1.5802469136;
    width: auto;
    min-height: 44px;
    padding: .75rem 1rem;
    cursor: pointer;
    border: none;
    border-radius: 0;
    position: relative;
    color: #fff;
    background-color: #01689b;
    position: relative;
    background-color: #01689b;
    text-decoration: none;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-bottom:1rem
}

.stayInformedBtn:focus {
    outline: 2px solid #fff;
    outline-offset: 4px;
    z-index: 1010;
    -webkit-box-shadow: 0 0 0 0 transparent;
    box-shadow:0 0 0 0 transparent
}

.stayInformedBtn:focus::before {
    content: "";
    position: absolute;
    z-index: 99;
    inset: -6px;
    border:2px dashed #000
}

.stayInformedBtn:hover {
    color: #fff;
    outline: none;
    background-color:#01496d
}

.stayInformedBtn:hover::before {
    border:2px dashed transparent
}

.stayInformedBtn:hover {
    background-color:#01496d
}

.stayInformedBtn:hover, .stayInformedBtn:visited {
    color: #fff;
    text-decoration:none
}

.abonneren {
    padding-bottom: 2rem;
    border-bottom: 1px solid #e1e1e1;
    margin-bottom:2.5rem
}

.abonneren > p {
    margin: 0;
    font-size: 1.265625rem;
    line-height:1.5802469136
}

.abonneren a {
    font-size: 1.125rem;
    line-height:1.3333333333
}

.abonneren a:hover {
    text-decoration:none
}

@media print {
    .stayInformed {
        display:none
    }
}

.brick.linkBlock li p, .brick.linkBlock li .meta {
    margin-top:0.25rem
}

.brick.linkBlock li .meta {
    font-size: 0.8888888889rem;
    line-height: 1.6875;
    font-weight: normal;
    color: #535353;
    margin:0
}

.info-1400 {
    min-height: 30px;
    height: auto;
    overflow: hidden;
    font-size: 1.265625rem;
    line-height: 1.1851851852;
    background-color:#fbead9
}

.info-1400 > p {
    max-width: 1200px;
    margin: 0 auto;
    padding:0.5rem 16px
}

.info-1400 a {
    display:block
}

.info-1400 a, .info-1400 a:hover {
    text-decoration: none;
    color:#fff
}

.info-1400.message {
    text-transform: uppercase;
    background-color:#e17000
}

.embassy-info {
    margin-bottom:2rem
}

h1 + .embassy-info {
    margin-top:1rem
}

.embassy-info > h2 {
    font-size: 1.8020324707rem;
    line-height:1.2485901539
}

.embassy-info dl:last-child {
    margin-bottom:0
}

.embassy-info dt, .embassy-info dd {
    margin-bottom:0.5rem
}

.embassy-info dt:last-child, .embassy-info dd:last-child {
    margin-bottom:0
}

.embassy-info dt h3, .embassy-info dd h3 {
    margin:0.75rem 0rem 0.25rem 0rem
}

.embassy-info dt p, .embassy-info dt ul, .embassy-info dt li, .embassy-info dt > strong, .embassy-info dt > em, .embassy-info dd p, .embassy-info dd ul, .embassy-info dd li, .embassy-info dd > strong, .embassy-info dd > em {
    margin-bottom: 0.25rem;
    font-size: 1.265625rem;
    line-height:1.5802469136
}

.embassy-info dt p:last-child, .embassy-info dt ul:last-child, .embassy-info dt li:last-child, .embassy-info dt > strong:last-child, .embassy-info dt > em:last-child, .embassy-info dd p:last-child, .embassy-info dd ul:last-child, .embassy-info dd li:last-child, .embassy-info dd > strong:last-child, .embassy-info dd > em:last-child {
    margin-bottom:0
}

.embassy-info dt > strong, .embassy-info dt > em, .embassy-info dd > strong, .embassy-info dd > em {
    display:block
}

.embassy-info dt {
    font-weight:bold
}

@media (max-width: 575px) {
    .embassy-info dt {
        margin-bottom:0
    }
}

.embassy-info dt:after {
    display:none
}

.embassy-info address {
    font-style:normal
}

@media (max-width: 575px) {
    .embassy-info.two-columns dt {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis:27.5%
    }
}

@media (max-width: 575px) {
    .embassy-info.two-columns dd {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis:72.5%
    }
}

@media (max-width: 575px) {
    .embassy-info.two-columns .column:not(:last-child) {
        margin-bottom:1rem
    }
}

.embassy-info.two-columns .column ul:last-child, .embassy-info.two-columns .column li:last-child {
    margin-bottom:0
}

@-webkit-keyframes fadeInOverlay {
    0% {
        opacity:0
    }

    100% {
        opacity:1
    }
}

@keyframes fadeInOverlay {
    0% {
        opacity:0
    }

    100% {
        opacity:1
    }
}

.ergoInteractionBar {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    width: 100%;
    background-color:#a90061
}

.ergoInteractionBar.bottomPosition {
    z-index: 1060;
    position: fixed;
    bottom: 0;
    left:0
}

.ergoInteractionBar form {
    padding:0rem 1rem 0rem 1rem
}

.ergoInteractionBar .wrapper {
    display: flex;
    flex-basis: 100%;
    flex-wrap: wrap;
    max-width: 1200px;
    align-items: flex-start;
    justify-content: flex-start;
    -webkit-margin-end: -16px;
    margin-inline-end: -16px;
    -webkit-margin-start: -16px;
    margin-inline-start:-16px
}

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

.ergoInteractionBar .wrapper .message.survey {
    background: transparent;
    display: block;
    padding:1rem 1rem 0rem 1rem
}

@media (min-width: 768px) {
    .ergoInteractionBar .wrapper .message.survey {
        margin-left: 16.666667%;
        width:66.66667%
    }

    .fullWidth .ergoInteractionBar .wrapper .message.survey {
        margin-left: 0%;
        width:100%
    }
}

.ergoInteractionBar .wrapper .message.survey p {
    color: #fff;
    padding-right:1rem
}

.ergoInteractionBar .wrapper .message.survey button {
    background-color: #f3f3f3;
    color: #000;
    margin:0rem 2rem 1rem 0rem
}

.ergoInteractionBar .wrapper .message.survey button:hover {
    background-color:#e6e6e6
}

.ergoInteractionBar .wrapper .message.survey button.close {
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    min-height: 2.5rem;
    padding: 0;
    cursor: pointer;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    text-indent: -9999px;
    background-color: #01689b;
    position: absolute;
    right: 0;
    top: 0;
    background-color: transparent;
    margin-right:0
}

.ergoInteractionBar .wrapper .message.survey button.close:after {
    content: "";
    font-family: "RO Icons";
    font-size: inherit;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 0;
    width: 100%;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    text-indent:0
}

.ergoInteractionBar .wrapper .message.survey button.close:after {
    color:#fff
}

.ergoInteractionBar .wrapper .message.survey button.close:hover {
    background-color:#01496d
}

.ergoInteractionBar .wrapper .message.survey button.close:hover:after {
    color:#fff
}

.ergoInteractionBar .wrapper .message.survey button.close:hover, .ergoInteractionBar .wrapper .message.survey button.close:focus {
    background-color:transparent
}

.ergoSurvey {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    top: 0;
    left: 0;
    padding: 1rem;
    position: fixed;
    height: 100vh;
    z-index: 1060;
    background-color: rgba(0, 0, 0, .7);
    overflow-x: hidden;
    overflow-y: auto;
    opacity: 0;
    -webkit-animation: fadeInOverlay;
    animation: fadeInOverlay;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-animation-delay: 0s;
    animation-delay:0s
}

@media (min-width: 768px) {
    .ergoSurvey {
        padding:2rem
    }
}

.ergoSurvey .container {
    display: flex;
    flex-basis: 100%;
    flex-wrap: wrap;
    max-width: 1200px;
    align-items: flex-start;
    justify-content: flex-start;
    -webkit-margin-end: -16px;
    margin-inline-end: -16px;
    -webkit-margin-start: -16px;
    margin-inline-start: -16px;
    background: #f3f3f3;
    padding: 1rem;
    opacity: 0;
    -webkit-animation: fadeInOverlay;
    animation: fadeInOverlay;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-animation-delay: .2s;
    animation-delay:.2s
}

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

@media (min-width: 768px) {
    .ergoSurvey .container {
        padding:2rem
    }
}

.ergoSurvey .container form > p {
    font-weight: bold;
    font-size: 1.11111em;
    margin:0 0 3.5rem 0
}

.ergoSurvey .container form .form-group {
    margin:0 0 3.5rem 0
}

.ergoSurvey .container form .form-group legend {
    position: relative !important;
    display: inline-block !important;
    overflow: hidden;
    clip: auto;
    margin: 0;
    padding: 0;
    left: auto;
    width: auto;
    height: auto;
    float: none;
    font-weight: bold;
    margin: 0 0 1rem 0;
    font-size: 1.11111em;
    line-height:1.375em
}

.ergoSurvey .container form .form-group label {
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    width: auto;
    float: none;
    font-size:1em
}

.ergoSurvey .container form .form-group label.control-label {
    font-weight: bold;
    font-size: 1.11111em;
    line-height: 1.375em;
    margin:0 0 1rem 0
}

.carousselSurveyStyles {
    color: #fff;
    padding-top:1rem
}

.carousselSurveyStyles .col-sm-8 {
    flex: 0 0 66.66667%;
    max-width:66.66667%
}

.carousselSurveyStyles .TekstvakKlein, .carousselSurveyStyles .TekstvakGroot, .carousselSurveyStyles select option {
    color:#000
}

.carousselSurveyStyles #topButtonsContainer {
    position: absolute;
    right: 0;
    top:0
}

.carousselSurveyStyles button.close {
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    min-height: 2.5rem;
    padding: 0;
    cursor: pointer;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    text-indent: -9999px;
    background-color: #01689b;
    position: absolute;
    right: 0;
    top: 0;
    background-color: transparent;
    margin-right:0
}

.carousselSurveyStyles button.close:after {
    content: "";
    font-family: "RO Icons";
    font-size: inherit;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 0;
    width: 100%;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    text-indent:0
}

.carousselSurveyStyles button.close:after {
    color:#fff
}

.carousselSurveyStyles button.close:hover {
    background-color:#01496d
}

.carousselSurveyStyles button.close:hover:after {
    color:#fff
}

.carousselSurveyStyles button.close:hover, .carousselSurveyStyles button.close:focus {
    background-color: transparent
}

.carousselSurveyStyles button[name="action:Cancel"] {
    background-color: unset;
    min-width: 44px
}

.carousselSurveyStyles button.prevnextbutton, .carousselSurveyStyles button[name="action:Save"] {
    background-color: #f3f3f3;
    color: #01689b;
    padding: 0.5rem 1rem 0.5rem 1rem;
    margin: 0rem 1rem 0.5rem 1rem;
    min-height: 44px;
    min-width: auto;
    white-space: nowrap;
    align-self:flex-end
}

@media (min-width: 768px) {
    .carousselSurveyStyles .form-group {
        display:flex
    }
}

.carousselSurveyStyles .form-group fieldset, .carousselSurveyStyles .form-group .fieldGroup {
    flex-grow: 1;
    margin-bottom: 1em;
    padding-right:26px
}

.carousselSurveyStyles .form-group fieldset label, .carousselSurveyStyles .form-group .fieldGroup label {
    position: unset;
    display: unset;
    width:unset
}

.carousselSurveyStyles .form-group fieldset label.control-label, .carousselSurveyStyles .form-group .fieldGroup label.control-label {
    display: block;
    margin-bottom:.8rem
}

.carousselSurveyStyles legend {
    position: unset;
    display: unset;
    overflow: unset;
    width: unset;
    height: unset;
    font-weight: bold;
    margin-bottom:.8rem
}

.carousselSurveyStyles input[type=checkbox], .carousselSurveyStyles input[type=radio] {
    position: unset;
    vertical-align:unset
}

.carousselSurveyStyles label {
    position: unset;
    display: unset;
    width: unset;
    float: unset;
    margin-right:1em
}

.carousselSurveyStyles .radio, .carousselSurveyStyles .checkbox {
    display: inline-block;
    width:100%
}

.carousselSurveyStyles .TekstvakKlein, .carousselSurveyStyles .TekstvakGroot, .carousselSurveyStyles select {
    border-top: 0 solid #f3f3f3;
    border-bottom:2px solid #f3f3f3
}

.wayfinder {
    margin-bottom:32px
}

.wayfinder.has-more-than-three-items {
    -webkit-column-width: 270px;
    -moz-column-width: 270px;
    column-width: 270px;
    -webkit-column-gap: 2rem;
    -moz-column-gap: 2rem;
    column-gap:2rem
}

.wayfinder__list {
    margin: 0;
    padding:0
}

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

.wayfinder__item {
    -webkit-padding-start: calc((8.4px + 0.75rem) * 0.8);
    padding-inline-start: calc((8.4px + 0.75rem) * 0.8);
    position: relative;
    display: block;
    text-decoration: none;
    font-size: 1.265625rem;
    line-height: 22.4px;
    font-weight: normal;
    -webkit-margin-after: 0.75rem;
    margin-block-end:0.75rem
}

@media (min-width: 768px) {
    .wayfinder__item {
        -webkit-padding-start: calc((8.4px + 0.75rem) * 0.9);
        padding-inline-start:calc((8.4px + 0.75rem) * 0.9)
    }
}

@media (min-width: 992px) {
    .wayfinder__item {
        -webkit-padding-start: calc((8.4px + 0.75rem) * 1);
        padding-inline-start:calc((8.4px + 0.75rem) * 1)
    }
}

@media (min-width: 768px) {
    .wayfinder__item {
        line-height:25.2px
    }
}

@media (min-width: 992px) {
    .wayfinder__item {
        line-height:28px
    }
}

.wayfinder__item > a, .wayfinder__item > h2, .wayfinder__item > h3, .wayfinder__item > h4 {
    font-size: inherit;
    line-height: inherit;
    font-weight:normal
}

.wayfinder__item > a {
    -webkit-margin-after: 0;
    margin-block-end:0
}

.wayfinder__item:hover {
    text-decoration:underline !important
}

.wayfinder__item:focus {
    outline-offset:-2px
}

.wayfinder__item:before {
    display: inline-flex;
    align-items: center;
    flex-flow: row wrap;
    content: "";
    font-family: "RO Icons";
    font-size: .7rem;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 6.72px;
    height: 22.4px;
    text-indent: -0.1em;
    position: absolute;
    inset-block-start: -1px;
    inset-inline-start:0
}

@media (min-width: 768px) {
    .wayfinder__item:before {
        width:7.56px
    }
}

@media (min-width: 992px) {
    .wayfinder__item:before {
        width:8.4px
    }
}

@media (min-width: 768px) {
    .wayfinder__item:before {
        height:25.2px
    }
}

@media (min-width: 992px) {
    .wayfinder__item:before {
        height:28px
    }
}

[dir=rtl] .wayfinder__item:before {
    -webkit-transform: rotateY(180deg);
    transform:rotateY(180deg)
}

.wayfinder__item:before:hover:before {
    text-decoration:none
}

.wayfinder__item.external:before {
    display: inline-flex;
    align-items: center;
    flex-flow: row wrap;
    content: "";
    font-family: "RO Icons";
    font-size: .595rem;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 6.72px;
    height: 22.4px;
    text-indent: -0.1em;
    position: absolute;
    inset-block-start: -1px;
    inset-inline-start:0
}

@media (min-width: 768px) {
    .wayfinder__item.external:before {
        width:7.56px
    }
}

@media (min-width: 992px) {
    .wayfinder__item.external:before {
        width:8.4px
    }
}

@media (min-width: 768px) {
    .wayfinder__item.external:before {
        height:25.2px
    }
}

@media (min-width: 992px) {
    .wayfinder__item.external:before {
        height:28px
    }
}

[dir=rtl] .wayfinder__item.external:before {
    -webkit-transform: rotateY(180deg);
    transform:rotateY(180deg)
}

.wayfinder__item.external:before:hover:before {
    text-decoration:none
}

.anchor-nav {
    -webkit-margin-after: 1rem;
    margin-block-end: 1rem;
    -webkit-border-after: 2px solid #ccc;
    border-block-end:2px solid #ccc
}

h2.anchor-nav__heading {
    display: flex;
    align-items: center;
    -webkit-margin-after: 20px;
    margin-block-end:20px
}

h2.anchor-nav__heading:before {
    display: block;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 14'%3E%3Crect width='2.4' height='2'/%3E%3Crect x='4' width='14' height='2'/%3E%3Crect x='4' y='4' width='14' height='2'/%3E%3Crect y='4' width='2.4' height='2'/%3E%3Crect y='8' width='2.4' height='2'/%3E%3Crect x='4' y='8' width='14' height='2'/%3E%3Crect y='12' width='2.4' height='2'/%3E%3Crect x='4' y='12' width='14' height='2'/%3E%3C/svg%3E");
    width: .8em;
    margin-inline:0 .4em
}

ol.anchor-nav__list {
    padding: 0;
    list-style: none;
    counter-reset:anchorNavCounter
}

li.anchor-nav__list-item {
    padding: 0;
    -webkit-margin-after: 1.5em;
    margin-block-end: 1.5em;
    counter-increment: anchorNavCounter;
    min-height:calc(44px - 1.5em)
}

@media (min-width: 768px) {
    li.anchor-nav__list-item {
        -webkit-margin-after: 20px;
        margin-block-end: 20px;
        min-height:calc(44px - 20px)
    }
}

li.anchor-nav__list-item a {
    position: relative;
    -webkit-padding-start: 1.5em;
    padding-inline-start: 1.5em;
    display: block;
    text-decoration:underline
}

li.anchor-nav__list-item a:hover {
    text-decoration:none
}

li.anchor-nav__list-item a:before {
    content: counter(anchorNavCounter);
    display: inline-block;
    text-decoration: none;
    position: absolute;
    inset-inline-start:0
}

.anchor-nav__btn-container {
    position: fixed;
    display: none;
    z-index: 1000;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    bottom: 24px;
    width:100%
}

@media (min-width: 768px) {
    .anchor-nav__btn-container {
        max-width: 768px;
        margin-inline:auto
    }
}

.content .anchor-nav__btn-container {
    margin:0
}

.anchor-nav__btn {
    display: flex;
    align-items: center;
    margin-inline: auto 24px;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .24);
    box-shadow:0 3px 6px rgba(0, 0, 0, .24)
}

@media (min-width: 768px) {
    .anchor-nav__btn {
        margin-inline:auto 0
    }
}

.anchor-nav__btn:after {
    display: block;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' viewBox='0 0 17 16'%3E%3Cpolygon points='0 15.02 .8 15.94 8.49 9.44 16.16 16 17 15 8.49 7.77 0 15.02' fill='%23fff'/%3E%3Cpolygon points='8.49 1.67 16.16 8.23 17 7.24 8.49 0 0 7.26 .8 8.17 8.49 1.67' fill='%23fff'/%3E%3C/svg%3E");
    width: 1em;
    height: 1em;
    margin-inline: 1rem 0;
    position: relative;
    inset-block-end:.1em
}

@media (min-width: 768px) {
    .anchor-nav__btn:after {
        inset-block-end:.2em
    }
}

@media print {
    .anchor-nav__link, .anchor-nav__link:visited, li.anchor-nav__list-item:before {
        color: #000;
        text-decoration:none
    }

    .anchor-nav__btn {
        display:none
    }
}

.date-range-picker {
    display: flex;
    flex-direction: column;
    gap:8px
}

.date-range-picker__presets {
    -webkit-margin-after: 0;
    margin-block-end:0
}

.date-range-picker__presets .radio-group {
    -webkit-margin-after: 0;
    margin-block-end:0
}

.date-range-picker__specific {
    display: none;
    width:100%
}

.date-range-picker__specific.is-visible {
    display:block
}

.date-range-picker__inputs-container {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width:100%
}

@media (min-width: 576px) {
    .date-range-picker__inputs-container {
        flex-direction: row;
        justify-content:space-between
    }
}

.date-range-picker__error-message {
    display:none
}

.date-range-picker__error-message.is-visible {
    display:flex
}

.date-picker {
    flex: 1;
    display: flex;
    flex-direction: column;
    -webkit-margin-after: 0;
    margin-block-end:0
}

.date-picker__input-and-modal {
    position: relative;
    width:100%
}

.date-picker__error-message {
    display:none
}

.date-picker__error-message.is-visible {
    display:flex
}

.date-picker__hint {
    display: none;
    position: relative;
    inset-block-start:-3px
}

.date-picker__hint.is-visible {
    display:block
}

.date-picker-modal {
    --scroll-wheel-item-height: 48px;
    --modal-height: calc(var(--scroll-wheel-item-height) * 6);
    opacity: 0;
    visibility: hidden;
    z-index: 9999;
    width: 100%;
    background-color:#e6e6e6
}

.date-picker-modal, .date-picker-modal * {
    font-size: 20.25px;
    line-height:27px
}

.date-picker-modal.is-visible {
    opacity: 1;
    visibility:visible
}

@media (max-width: 575px) {
    .date-picker-modal {
        position: fixed;
        inset-block-end: 0;
        inset-inline-start: 0;
        -webkit-transform: translateY(400px);
        transform: translateY(400px);
        -webkit-transition: opacity .4s ease, visibility .4s linear, -webkit-transform .4s ease;
        transition: opacity .4s ease, visibility .4s linear, -webkit-transform .4s ease;
        transition: opacity .4s ease, transform .4s ease, visibility .4s linear;
        transition:opacity .4s ease, transform .4s ease, visibility .4s linear, -webkit-transform .4s ease
    }

    .date-picker-modal.is-visible {
        -webkit-transform: translateY(0);
        transform:translateY(0)
    }
}

@media (min-width: 576px) {
    .date-picker-modal {
        --modal-height: calc(var(--scroll-wheel-item-height) * 7);
        position: absolute;
        inset-block-start: 48px;
        inset-inline-end: 0;
        max-width: 300px;
        min-width: -webkit-fit-content;
        min-width: -moz-fit-content;
        min-width: fit-content;
        max-height:100%
    }
}

.date-picker-modal__mobile-header {
    --padding: 16px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: var(--scroll-wheel-item-height);
    padding-inline: var(--padding);
    background:#ccc
}

@media (min-width: 576px) {
    .date-picker-modal__mobile-header {
        display:none
    }
}

.modal-mobile-header__button {
    position: absolute;
    inset-inline-end: var(--padding);
    padding: 0;
    border: none;
    font: inherit;
    min-height: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance:none
}

.modal-mobile-header__button, .modal-mobile-header__button:hover {
    color: var(--default-button-color);
    background: none;
    outline:none
}

.modal-mobile-header__button:active {
    color:var(--default-button-hover-color)
}

.modal-mobile-header__heading {
    font-weight:bold
}

.date-picker-modal__inner {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    overflow: hidden;
    height: var(--modal-height);
    padding-inline: 16px;
    background-color:#e6e6e6
}

@media (max-width: 575px) {
    .date-picker-modal__inner {
        -webkit-padding-before: 8px;
        padding-block-start:8px
    }
}

.date-picker-modal__fader {
    position: absolute;
    pointer-events: none;
    width: 100%;
    height:20%
}

.date-picker-modal__fader--top {
    top: var(--scroll-wheel-item-height);
    background: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(rgba(0, 0, 0, 0)));
    background:linear-gradient(180deg, #e6e6e6 0%, rgba(0, 0, 0, 0) 100%)
}

.date-picker-modal__fader--bottom {
    bottom: 0;
    background: -webkit-gradient(linear, left bottom, left top, from(#e6e6e6), to(rgba(0, 0, 0, 0)));
    background:linear-gradient(0deg, #e6e6e6, rgba(0, 0, 0, 0))
}

.date-picker-overlay {
    opacity: 0;
    visibility:hidden
}

@media (max-width: 575px) {
    .date-picker-overlay {
        position: fixed;
        z-index: 2000;
        inset-inline-start: 0;
        inset-block-start: 0;
        height: 100%;
        width: 100%;
        background-color: rgba(37, 38, 45, .9);
        -webkit-transition: opacity .2s ease, visibility .2s linear, -webkit-transform .2s ease;
        transition: opacity .2s ease, visibility .2s linear, -webkit-transform .2s ease;
        transition: opacity .2s ease, transform .2s ease, visibility .2s linear;
        transition:opacity .2s ease, transform .2s ease, visibility .2s linear, -webkit-transform .2s ease
    }

    .date-picker-overlay.is-visible {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        transform:translateY(0)
    }
}

.dp-scroll-wheel__label, .dp-scroll-wheel__item {
    display: flex;
    align-items: center;
    height: var(--scroll-wheel-item-height);
    padding-inline:16px
}

.dp-scroll-wheel__label.hidden, .dp-scroll-wheel__item.hidden {
    display:none
}

.dp-scroll-wheel__label:before, .dp-scroll-wheel__label:after, .dp-scroll-wheel__label * :not(svg *), .dp-scroll-wheel__label * :before, .dp-scroll-wheel__label * :after, .dp-scroll-wheel__item:before, .dp-scroll-wheel__item:after, .dp-scroll-wheel__item * :not(svg *), .dp-scroll-wheel__item * :before, .dp-scroll-wheel__item * :after {
    all:revert
}

:is(.dp-scroll-wheel__label, #increase#specificity, .dp-scroll-wheel__item):not(svg *) {
    margin:0
}

.dp-scroll-wheel__label {
    width: 100%;
    text-align:start
}

.dp-scroll-wheel__values {
    list-style: none;
    margin: 0;
    height: calc(var(--modal-height) - var(--scroll-wheel-item-height));
    width: 100%;
    overflow-y: scroll;
    scrollbar-width:none
}

.dp-scroll-wheel__values::-webkit-scrollbar {
    display:none
}

.dp-scroll-wheel__values:focus-visible {
    outline:none
}

.dp-scroll-wheel__values:focus-visible .dp-scroll-wheel__item.focus-visible {
    position: relative;
    z-index:1010
}

.dp-scroll-wheel__values:focus-visible .dp-scroll-wheel__item.focus-visible:before, .dp-scroll-wheel__values:focus-visible .dp-scroll-wheel__item.focus-visible:after, .dp-scroll-wheel__values:focus-visible .dp-scroll-wheel__item.focus-visible * :not(svg *), .dp-scroll-wheel__values:focus-visible .dp-scroll-wheel__item.focus-visible * :before, .dp-scroll-wheel__values:focus-visible .dp-scroll-wheel__item.focus-visible * :after {
    all:revert
}

:is(.dp-scroll-wheel__values:focus-visible .dp-scroll-wheel__item.focus-visible, #increase#specificity):not(svg *) {
    outline: 2px dashed var(--default-text-color);
    outline-offset: -2px;
    -webkit-box-shadow: none;
    box-shadow:none
}

.dp-scroll-wheel__item {
    cursor: pointer;
    scroll-snap-align: center;
    text-align:start
}

.dp-scroll-wheel__item.active {
    background-color:#ccc
}

.dp-scroll-wheel__item.focus-visible {
    position: relative;
    z-index:1010
}

.dp-scroll-wheel__item.focus-visible:before, .dp-scroll-wheel__item.focus-visible:after, .dp-scroll-wheel__item.focus-visible * :not(svg *), .dp-scroll-wheel__item.focus-visible * :before, .dp-scroll-wheel__item.focus-visible * :after {
    all:revert
}

:is(.dp-scroll-wheel__item.focus-visible, #increase#specificity):not(svg *) {
    outline: 2px dashed var(--default-text-color);
    outline-offset: -2px;
    -webkit-box-shadow: none;
    box-shadow:none
}

.dp-scroll-wheel__spacer {
    height:calc(var(--scroll-wheel-item-height) * 3)
}

.date-picker__input-and-error-container {
    width:100%
}

@media (min-width: 576px) {
    .date-range-picker__presets .radio-group, .date-range-picker__inputs-and-error-container {
        -webkit-margin-start: 0;
        margin-inline-start:0
    }
}

.date-range-picker__inputs-and-error-container {
    display: flex;
    flex-direction: column;
    gap:16px
}

.date-picker button.date-picker__button, .date-picker button.modal-mobile-header__button {
    background-color:transparent
}

.date-picker button.modal-mobile-header__button {
    color:var(--default-button-color)
}

.ro-form .icon-button {
    width: auto;
    height: auto;
    min-height: 0;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance:none
}

.ro-form .icon-button, .ro-form .icon-button:hover {
    background-color:transparent
}

.ro-form .icon {
    position: relative;
    display: flex;
    justify-content: center;
    align-items:center
}

.ro-form .icon:before {
    --icon-size: 1.3em;
    display: inline-block;
    content: "";
    width: var(--icon-size);
    height: var(--icon-size);
    background-size: contain;
    background-repeat:no-repeat
}

.ro-form .icon-calendar-alt {
    inset-inline-start:2px
}

.ro-form .icon-calendar-alt:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='448' height='512' viewBox='0 0 448 512'%3E%3Cg%3E%3Cpath fill='%2301689b' d='M430.08,85.76h-62L352.8,137.28c-1,2.94-3.36,2-3.36,2V85.76h0c0-11.2,0-30-1.68-37S345.66,32,337,32H311.5c-8.68,0-10.64,11.06-11.62,16.94s-2.66,25.06-3.5,36.82H153l-15.26,51.52c-1,2.94-3.36,2-3.36,2V85.76h0c0-11.2,0-30-1.68-37S130.62,32,121.94,32H96.46c-8.68,0-10.64,11.06-11.62,16.94S82.18,74,81.34,85.76H17.92A17.92,17.92,0,0,0,0,103.68v358.4A17.92,17.92,0,0,0,17.92,480H430.08A17.92,17.92,0,0,0,448,462.08h0V103.68a17.92,17.92,0,0,0-17.92-17.92Zm-26.88,350H44.8V202.24H403.2Z'/%3E%3Crect fill='%2301689b' x='80.64' y='247.04' width='71.68' height='53.76'/%3E%3Crect fill='%2301689b' x='188.16' y='247.04' width='71.68' height='53.76'/%3E%3Crect fill='%2301689b' x='295.68' y='247.04' width='71.68' height='53.76'/%3E%3Crect fill='%2301689b' x='80.64' y='336.64' width='71.68' height='53.76'/%3E%3Crect fill='%2301689b' x='188.16' y='336.64' width='71.68' height='53.76'/%3E%3Crect fill='%2301689b' x='295.68' y='336.64' width='71.68' height='53.76'/%3E%3C/g%3E%3C/svg%3E")
}

.ro-form .icon-chevron-down:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='448' height='512' viewBox='0 0 448 512'%3E%3Cpath fill='%2301689b' d='M20.37,142.46h0c10.84-14.46,32.53-18.08,47-7.23,1.8,0,1.8,1.81,3.61,3.61l151.85,150L374.67,137c14.46-12.66,34.35-12.66,48.81,1.8l3.62,3.62h0c16.27,16.27,21.69,36.15,5.42,50.62L251.75,372c-16.27,16.27-41.58,16.27-56,0L14.94,194.88C-1.33,178.61,5.9,158.73,20.37,142.46Z'/%3E%3C/svg%3E%0A")
}

.ro-form .icon-trash-alt {
    text-align:center
}

.ro-form .icon-trash-alt:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='448' height='512' viewBox='0 0 448 512'%3E%3Cg%3E%3Cpath fill='%23fff' d='M44.8,486.4A25.6,25.6,0,0,0,70.4,512H377.6a25.6,25.6,0,0,0,25.6-25.6h0V153.6H44.8Zm256-281.6H352V435.2l-51.2,25.6Zm-102.4,0h51.2V435.2l-51.2,25.6ZM96,204.8h51.2V435.2L96,460.8Z'/%3E%3Cpath fill='%23fff' d='M403.2,51.2H326.4V25.6A25.6,25.6,0,0,0,300.8,0H147.2a25.6,25.6,0,0,0-25.6,25.6V51.2H44.8A25.6,25.6,0,0,0,19.2,76.8h0V128H428.8V76.8A25.6,25.6,0,0,0,403.2,51.2Z'/%3E%3C/g%3E%3C/svg%3E%0A")
}

.ro-form .icon-trash-alt:before {
    background-position-x: 2px;
    --icon-size: 20px
}

.ro-form .icon-error:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cpath fill='none' d='M-1.5 41.5H22.5V65.5H-1.5z'%3E%3C/path%3E%3Ccircle cx='32' cy='32' r='32' fill='%23d52b1e'%3E%3C/circle%3E%3Cpath fill='%23fff' d='M41.52 18.94L32 27.37l-9.52-8.43a2.5 2.5 0 00-3.54 3.54L27.37 32l-8.43 9.52a2.5 2.5 0 003.54 3.54L32 36.63l9.52 8.43a2.5 2.5 0 003.54-3.54L36.63 32l8.43-9.52a2.5 2.5 0 00-3.54-3.54M32 32z' %3E%3C/path%3E%3C/svg%3E")
}

.ro-form .icon-error:before {
    --icon-size: 24px
}

.screen-reader-only {
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width:1px
}

.button--small {
    height: 40px;
    min-height: 40px;
    padding:0 12px
}

.button--small.has-icon-only {
    width:40px
}

.button.has-icon-only {
    padding: 0;
    justify-content:center
}

.ro-form {
    --input-height: 48px
}

.ro-form .hide {
    display:none
}

.ro-form .controle {
    position: absolute !important;
    display: inline-block !important;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border:0
}

.ro-form__content {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    background: #f3f3f3;
    padding: 16px;
    -webkit-margin-after: clamp(24px, 5vw, 40px);
    margin-block-end:clamp(24px, 5vw, 40px)
}

@media (max-width: 767px) {
    .ro-form__content {
        margin-inline:-16px
    }
}

.ro-form__content input[type=submit]:focus {
    position: relative;
    z-index:1010
}

.ro-form__content input[type=submit]:focus:before, .ro-form__content input[type=submit]:focus:after, .ro-form__content input[type=submit]:focus * :not(svg *), .ro-form__content input[type=submit]:focus * :before, .ro-form__content input[type=submit]:focus * :after {
    all:revert
}

:is(.ro-form__content input[type=submit]:focus, #increase#specificity):not(svg *) {
    outline: 2px dashed var(--default-text-color);
    outline-offset: 3px;
    -webkit-box-shadow: none;
    box-shadow:none
}

.formWrapper input[type=submit]:focus {
    position: relative;
    z-index:1010
}

.formWrapper input[type=submit]:focus:before, .formWrapper input[type=submit]:focus:after, .formWrapper input[type=submit]:focus * :not(svg *), .formWrapper input[type=submit]:focus * :before, .formWrapper input[type=submit]:focus * :after {
    all:revert
}

:is(.formWrapper input[type=submit]:focus, #increase#specificity):not(svg *) {
    outline: 2px dashed var(--default-text-color);
    outline-offset: 3px;
    -webkit-box-shadow: none;
    box-shadow:none
}

.ro-form__title {
    font-size: clamp( 22.78px, 3.6vw, 28.83px
    );
    line-height: calc((1.6 * 1em) -((1em - 1rem) / 1.8));
    -webkit-margin-before: 0;
    margin-block-start: 0;
    -webkit-margin-after: clamp(24px, 5vw, 40px);
    margin-block-end: clamp(24px, 5vw, 40px);
    color: var(--headings-color, var(--default-text-color));
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing:antialiased
}

.ro-form__title.smaller-title {
    font-size: clamp( 22.78px, 3.2vw, 25.63px
    );
    line-height:calc((1.45 * 1em) -((1em - 1rem) / 1.8))
}

.ro-form__intro {
    -webkit-margin-before: clamp(-8px, 2vw, -16px);
    margin-block-start: clamp(-8px, 2vw, -16px);
    -webkit-margin-after: clamp(24px, 4vw, 32px);
    margin-block-end:clamp(24px, 4vw, 32px)
}

.ro-form__intro * :last-child {
    -webkit-margin-after: 0;
    margin-block-end:0
}

.ro-form__field {
    display: flex;
    flex-direction: column;
    align-items:flex-start
}

.ro-form__label {
    font-size: clamp( 18px, 2.53vw, 20.25px
    );
    line-height: calc((1.45 * 1em) -((1em - 1rem) / 1.8));
    font-weight: normal;
    color: var(--default-text-color);
    -webkit-margin-after: 4px;
    margin-block-end:4px
}

.ro-form__label .error-icon {
    position: relative;
    display: inline-grid;
    inset-block-start: 1px;
    -webkit-margin-end: 6px;
    margin-inline-end:6px
}

.ro-form__label .error-icon, .ro-form__label .error-icon svg {
    width: 16px;
    height:16px
}

.ro-form__radio-group-field .ro-form__label, .ro-form__checkbox-group-field .ro-form__label {
    -webkit-margin-after: 8px;
    margin-block-end:8px
}

.show-field-errors .ro-form__label {
    color: #d52b1e;
    position: relative;
    -webkit-padding-start: calc(16px + 0.5rem - 2px);
    padding-inline-start:calc(16px + 0.5rem - 2px)
}

.show-field-errors .ro-form__label:before {
    position: absolute;
    display: block;
    inset-inline-start: 0;
    inset-block-start: 4px;
    width: 16px;
    height: 16px;
    content: "";
    background-size:contain
}

.show-field-errors .ro-form__label:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cpath fill='none' d='M-1.5 41.5H22.5V65.5H-1.5z'%3E%3C/path%3E%3Ccircle cx='32' cy='32' r='32' fill='%23d52b1e'%3E%3C/circle%3E%3Cpath fill='%23fff' d='M41.52 18.94L32 27.37l-9.52-8.43a2.5 2.5 0 00-3.54 3.54L27.37 32l-8.43 9.52a2.5 2.5 0 003.54 3.54L32 36.63l9.52 8.43a2.5 2.5 0 003.54-3.54L36.63 32l8.43-9.52a2.5 2.5 0 00-3.54-3.54M32 32z' %3E%3C/path%3E%3C/svg%3E")
}

.ro-form__required {
    position: relative;
    inset-block-start: -1px;
    font-size: clamp( 14.22px, 2vw, 16px
    );
    line-height: calc((1.6 * 1em) -((1em - 1rem) / 1.8));
    font-weight: normal;
    -webkit-margin-start: .3em;
    margin-inline-start:.3em
}

.ro-form__control {
    height:var(--input-height)
}

.ro-form__help-text {
    font-size: clamp( 14.22px, 2vw, 16px
    );
    line-height: calc((1.6 * 1em) -((1em - 1rem) / 1.8));
    font-style: italic;
    -webkit-margin-before: 8px;
    margin-block-start:8px
}

.ro-form__error-message {
    font-size: clamp( 16px, 2.25vw, 18px
    );
    line-height: calc((1.6 * 1em) -((1em - 1rem) / 1.8));
    position: relative;
    padding: 16px;
    background: #f9dfdd;
    gap: 16px;
    align-items: flex-start;
    width:100%
}

.ro-form__file-input-field .ro-form__error-message {
    inset-block-start: 0;
    -webkit-margin-before: 8px;
    margin-block-start:8px
}

.ro-form__checkbox-field .ro-form__label + .checkbox {
    -webkit-margin-before: 4px;
    margin-block-start:4px
}

.ro-form__checkbox-field .ro-form__error-message {
    -webkit-margin-before: 0;
    margin-block-start:0
}

.ro-form__select {
    width: 100%;
    position:relative
}

.ro-form__select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    font-family: var(--font-family);
    font-size: clamp( 16px, 2.25vw, 18px
    );
    line-height: calc((1.6 * 1em) -((1em - 1rem) / 1.8));
    -webkit-padding-start: 16px;
    padding-inline-start: 16px;
    -webkit-padding-end: 44px;
    padding-inline-end: 44px;
    -webkit-padding-before: 0;
    padding-block-start: 0;
    -webkit-padding-after: 0;
    padding-block-end: 0;
    border-radius: 0;
    border:1px solid dimgray
}

.ro-form__select select:focus:before, .ro-form__select select:focus:after, .ro-form__select select:focus * :not(svg *), .ro-form__select select:focus * :before, .ro-form__select select:focus * :after {
    all:revert
}

:is(.ro-form__select select:focus, #increase#specificity):not(svg *) {
    outline: 2px dashed var(--default-text-color);
    outline-offset: 3px;
    -webkit-box-shadow: none;
    box-shadow:none
}

.ro-form__select .icon {
    --input-padding: 16px;
    --icon-container-size: 26px;
    position: absolute;
    z-index: 2000;
    content: "";
    inset-inline-end: var(--input-padding);
    inset-block-start: calc((var(--input-height) - var(--icon-container-size)) /2);
    pointer-events: none;
    width: var(--icon-container-size);
    height: var(--icon-container-size);
    background-size: contain;
    background-repeat:no-repeat
}

.ro-form__select .icon:before {
    --icon-size: 18px;
    width: var(--icon-size);
    height: var(--icon-size);
    inset-inline-start: 1px;
    position:relative
}

.ro-form__select optgroup {
    font-family:var(--font-family)
}

.text-input, .text-input-with-icon {
    --input-padding: 16px;
    display: block;
    width: 100%;
    font-family: var(--font-family);
    font-size: clamp( 18px, 2.53vw, 20.25px
    );
    line-height: calc((1.45 * 1em) -((1em - 1rem) / 1.8));
    color: var(--default-text-color);
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid dimgray;
    border-radius: 0;
    padding:0 var(--input-padding)
}

.text-input:focus, .text-input.is-focused, .text-input-with-icon:focus, .text-input-with-icon.is-focused {
    border-color: transparent;
    position: relative;
    z-index:1010
}

.text-input:focus:before, .text-input:focus:after, .text-input:focus * :not(svg *), .text-input:focus * :before, .text-input:focus * :after, .text-input.is-focused:before, .text-input.is-focused:after, .text-input.is-focused * :not(svg *), .text-input.is-focused * :before, .text-input.is-focused * :after, .text-input-with-icon:focus:before, .text-input-with-icon:focus:after, .text-input-with-icon:focus * :not(svg *), .text-input-with-icon:focus * :before, .text-input-with-icon:focus * :after, .text-input-with-icon.is-focused:before, .text-input-with-icon.is-focused:after, .text-input-with-icon.is-focused * :not(svg *), .text-input-with-icon.is-focused * :before, .text-input-with-icon.is-focused * :after {
    all:revert
}

:is(.text-input:focus, #increase#specificity, .text-input.is-focused, .text-input-with-icon:focus, .text-input-with-icon.is-focused):not(svg *) {
    outline: 2px dashed var(--default-text-color);
    outline-offset: 3px;
    -webkit-box-shadow: none;
    box-shadow:none
}

.text-input::-webkit-input-placeholder, .text-input-with-icon::-webkit-input-placeholder {
    color:dimgray
}

.text-input::-moz-placeholder, .text-input-with-icon::-moz-placeholder {
    color:dimgray
}

.text-input:-ms-input-placeholder, .text-input-with-icon:-ms-input-placeholder {
    color:dimgray
}

.text-input::-ms-input-placeholder, .text-input-with-icon::-ms-input-placeholder {
    color:dimgray
}

.text-input::placeholder, .text-input-with-icon::placeholder {
    color:dimgray
}

.text-input.has-error, .text-input-with-icon.has-error {
    border:2px solid #d52b1e
}

.text-input-with-icon {
    display: flex;
    justify-content: space-between;
    align-items: center;
    -webkit-padding-start: 0;
    padding-inline-start:0
}

.text-input-with-icon > input[type=text] {
    background: none;
    border: none;
    width:calc(100% - 40px)
}

.checkbox, .radio-button {
    display: flex;
    align-items:center
}

.checkbox__content, .radio-button__content, .checkbox__content--sub-label, .radio-button__content--sub-label {
    display: grid;
    grid-template-columns: -webkit-min-content auto;
    grid-template-columns: min-content auto;
    grid-gap: .5em;
    align-items: flex-start;
    font-size: clamp( 18px, 2.53vw, 20.25px
    );
    line-height: calc((1.45 * 1em) -((1em - 1rem) / 1.8));
    font-weight: normal;
    color:var(--default-text-color)
}

.checkbox__content--sub-label, .radio-button__content--sub-label {
    display:flex
}

.checkbox__control, .radio-button__control {
    width: 24px;
    height: 24px;
    border: 1px solid currentColor;
    background-color:#fff
}

.checkbox__control {
    display: inline-grid;
    border-radius:0
}

.checkbox__input input[type=checkbox], .radio-button__input input[type=radio] {
    opacity: 0;
    min-width: 0;
    min-height: 0;
    -webkit-margin-end: 0;
    margin-inline-end: 0;
    -webkit-margin-before: 0;
    margin-block-start:0
}

.checkbox-group__double-label-wrapper, .radio-group__double-label-wrapper {
    display: flex;
    flex-wrap:wrap
}

.checkbox-group__double-label-wrapper .text-input, .radio-group__double-label-wrapper .text-input {
    -webkit-margin-before: 8px;
    margin-block-start:8px
}

.checkbox__input {
    display: grid;
    grid-template-areas: "checkbox"
}

.checkbox__input > * {
    grid-area:checkbox
}

.checkbox__input input[type=checkbox] {
    width: 24px;
    height:24px
}

.checkbox__input input[type=checkbox]:focus + .checkbox__control:before, .checkbox__input input[type=checkbox]:focus + .checkbox__control:after, .checkbox__input input[type=checkbox]:focus + .checkbox__control * :not(svg *), .checkbox__input input[type=checkbox]:focus + .checkbox__control * :before, .checkbox__input input[type=checkbox]:focus + .checkbox__control * :after {
    all:revert
}

:is(.checkbox__input input[type=checkbox]:focus + .checkbox__control, #increase#specificity):not(svg *) {
    outline: 2px dashed var(--default-text-color);
    outline-offset: 3px;
    -webkit-box-shadow: none;
    box-shadow:none
}

.checkbox__input input[type=checkbox]:checked + .checkbox__control {
    background-color: var(--default-button-color);
    border-color:transparent
}

.checkbox__input input[type=checkbox]:checked + .checkbox__control:before {
    -webkit-transform: translate(0px, -1px) scale(0.8);
    transform: translate(0px, -1px) scale(0.8);
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' aria-hidden='true' focusable='false'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='3' d='M1.73 12.91l6.37 6.37L22.79 4.59'%3E%3C/path%3E%3C/svg%3E")
}

.checkbox__label-text {
    -webkit-padding-before: .05em;
    padding-block-start:.05em
}

.checkbox__sub-content, .radio-button__sub-content, .ro-form__checkbox-field .ro-form__help-text {
    -webkit-margin-start: calc(24px + 0.5em);
    margin-inline-start:calc(24px + 0.5em)
}

.ro-form__checkbox-field .ro-form__help-text {
    -webkit-margin-before: -8px;
    margin-block-start:-8px
}

.radio-group, .checkbox-group {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap:16px
}

.radio-button__input {
    display:flex
}

.radio-button__input input[type=radio] {
    width: 0;
    height:0
}

.radio-button__input input[type=radio]:focus + .radio-button__control {
    position: relative;
    z-index:1010
}

.radio-button__input input[type=radio]:focus + .radio-button__control:before, .radio-button__input input[type=radio]:focus + .radio-button__control:after, .radio-button__input input[type=radio]:focus + .radio-button__control * :not(svg *), .radio-button__input input[type=radio]:focus + .radio-button__control * :before, .radio-button__input input[type=radio]:focus + .radio-button__control * :after {
    all:revert
}

:is(.radio-button__input input[type=radio]:focus + .radio-button__control, #increase#specificity):not(svg *) {
    outline: 2px dashed var(--default-text-color);
    outline-offset: 3px;
    -webkit-box-shadow: none;
    box-shadow:none
}

.radio-button__input input[type=radio] + .radio-button__control::before, .radio-button__input input[type=radio]:focus + .radio-button__control::before {
    content: "";
    width: 12px;
    height: 12px;
    -webkit-box-shadow: inset 12px 12px var(--default-button-color);
    box-shadow: inset 12px 12px var(--default-button-color);
    border-radius: 50%;
    -webkit-transform: scale(0);
    transform:scale(0)
}

.radio-button__input input[type=radio]:checked + .radio-button__control::before {
    -webkit-transform: scale(1);
    transform:scale(1)
}

.radio-button__control {
    display: grid;
    place-items: center;
    border-radius: 50%;
    -webkit-transform: translateY(-0.05em);
    transform:translateY(-0.05em)
}

:where(.ro-form__field:not(:last-child)), :where(.ro-form__date-picker-field:not(:last-child)), :where(.ro-form__group-container:not(:last-child)) {
    -webkit-margin-after: 40px;
    margin-block-end:40px
}

.text-area {
    --input-padding: 16px;
    display: block;
    width: 100%;
    font-family: var(--font-family);
    font-size: clamp( 18px, 2.53vw, 20.25px
    );
    line-height: calc((1.45 * 1em) -((1em - 1rem) / 1.8));
    color: var(--default-text-color);
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid dimgray;
    border-radius: 0;
    padding: var(--input-padding);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
    min-width: 50%;
    height:180px
}

.text-area:focus, .text-area.is-focused {
    border-color: transparent;
    position: relative;
    z-index:1010
}

.text-area:focus:before, .text-area:focus:after, .text-area:focus * :not(svg *), .text-area:focus * :before, .text-area:focus * :after, .text-area.is-focused:before, .text-area.is-focused:after, .text-area.is-focused * :not(svg *), .text-area.is-focused * :before, .text-area.is-focused * :after {
    all:revert
}

:is(.text-area:focus, #increase#specificity, .text-area.is-focused):not(svg *) {
    outline: 2px dashed var(--default-text-color);
    outline-offset: 3px;
    -webkit-box-shadow: none;
    box-shadow:none
}

.text-area::-webkit-input-placeholder {
    color:dimgray
}

.text-area::-moz-placeholder {
    color:dimgray
}

.text-area:-ms-input-placeholder {
    color:dimgray
}

.text-area::-ms-input-placeholder {
    color:dimgray
}

.text-area::placeholder {
    color:dimgray
}

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

.file-input__file-names {
    -webkit-margin-start: 16px;
    margin-inline-start:16px
}

.form-error-summary__list-item {
    display: grid;
    grid-template-columns: -webkit-min-content auto;
    grid-template-columns: min-content auto;
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    column-gap:12px
}

.form-error-summary__list-item:before {
    position: relative;
    inset-block-start: .5em;
    display: block;
    content: "";
    width: 7px;
    height: 7px;
    background-color:#000
}

.form-error-summary__list-item:not(:last-child) {
    -webkit-margin-after: 12px;
    margin-block-end:12px
}

.period-input-group {
    display: flex;
    align-items: center;
    gap: 16px;
    width:100%
}

.period-input-group .period-input {
    width:100%
}

.ro-form__likert-group-field .radio-group {
    -webkit-margin-before: 8px;
    margin-block-start:8px
}

.likert:not(:last-child) {
    -webkit-margin-after: 12px;
    margin-block-end:12px
}

.notification {
    border-inline-start-width: 4px;
    border-inline-start-style: solid;
    padding: 20px 24px 20px 20px;
    -webkit-margin-after: 16px;
    margin-block-end:16px
}

@media (max-width: 767px) {
    .notification {
        margin-inline:-16px
    }
}

.notification--error {
    background-color: #f9dfdd;
    border-inline-start-color:#d52b1e
}

.notification__heading {
    position: relative;
    display: grid;
    grid-template-columns: -webkit-min-content 1fr;
    grid-template-columns: min-content 1fr;
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    column-gap:12px
}

.notification__heading:before {
    position: relative;
    top: .05em;
    display: block;
    content: "";
    width: 24px;
    height: 24px;
    background-size:contain
}

.notification--error .notification__heading:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cpath fill='none' d='M-1.5 41.5H22.5V65.5H-1.5z'%3E%3C/path%3E%3Ccircle cx='32' cy='32' r='32' fill='%23d52b1e'%3E%3C/circle%3E%3Cpath fill='%23fff' d='M41.52 18.94L32 27.37l-9.52-8.43a2.5 2.5 0 00-3.54 3.54L27.37 32l-8.43 9.52a2.5 2.5 0 003.54 3.54L32 36.63l9.52 8.43a2.5 2.5 0 003.54-3.54L36.63 32l8.43-9.52a2.5 2.5 0 00-3.54-3.54M32 32z' %3E%3C/path%3E%3C/svg%3E")
}

.notification__intro {
    -webkit-margin-after: 8px;
    margin-block-end:8px
}

:is(.notification__intro p, #increase#specificity) {
    -webkit-margin-after: 0;
    margin-block-end:0
}

.notification__intro, .notification__intro p, .notification__intro li, .notification__body, .notification__body p, .notification__body li {
    font-size: clamp( 18px, 2.53vw, 20.25px
    );
    line-height:calc((1.6 * 1em) -((1em - 1rem) / 1.8))
}

.notification__intro * :last-child, .notification__body * :last-child {
    -webkit-margin-after: 0;
    margin-block-end:0
}

.ro-form__fieldset {
    -webkit-margin-before: clamp(24px, 5.5vw, 44px);
    margin-block-start: clamp(24px, 5.5vw, 44px);
    -webkit-margin-after: clamp(8px, 1.5vw, 12px);
    margin-block-end:clamp(8px, 1.5vw, 12px)
}

.ro-form__fieldset:last-child {
    -webkit-margin-after: 0;
    margin-block-end:0
}

.ro-form__fieldset.remove-margin-block-start {
    -webkit-margin-before: 0;
    margin-block-start:0
}

.ro-form__legend {
    font-size: clamp( 22.78px, 3.2vw, 25.63px
    );
    line-height: calc((1.45 * 1em) -((1em - 1rem) / 1.8));
    font-weight: 600;
    color: var(--default-text-color);
    -webkit-margin-after: clamp(8px, 3vw, 24px);
    margin-block-end:clamp(8px, 3vw, 24px)
}

.ro-form__legend.smaller-legend {
    font-size: clamp( 18px, 2.53vw, 20.25px
    );
    line-height:calc((1.45 * 1em) -((1em - 1rem) / 1.8))
}

.meta-info-1400 {
    background-color: #fbead9;
    margin-bottom: 2rem;
    padding: 0rem 1rem 1rem 1rem;
    position: relative;
    display: flex;
    flex-direction:column
}

.meta-info-1400 h3 {
    background-color: #e17000;
    color: #fff;
    padding: 0.5rem 1rem;
    margin:0rem -1rem 1rem -1rem
}

.meta-info-1400 .copyDataField {
    position: absolute;
    height: 1px;
    width: 1px;
    clip:rect(1px, 1px, 1px, 1px)
}

.meta-info-1400 button {
    align-self: flex-end;
    background-color: #e17000;
    -webkit-transition: background-color 200ms ease;
    transition:background-color 200ms ease
}

.meta-info-1400 button:hover {
    background-color:#ff8915
}

.meta-info-1400 button:disabled {
    background-color: #b4b4b4;
    cursor:not-allowed
}

.meta-info-1400 table {
    background:transparent
}

.meta-info-1400 table th {
    background: transparent;
    width: 30%;
    border-right: none;
    padding-left: 0;
    text-align:left
}

.meta-info-1400 .notice {
    position: absolute;
    right: 0.5rem;
    background: #39870c;
    bottom: 80px;
    display: inline-block;
    border-radius: 3px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 500ms ease;
    transition:opacity 500ms ease
}

.meta-info-1400 .notice:after {
    content: "";
    position: absolute;
    bottom: -18px;
    left: 80%;
    margin-left: -10px;
    border-width: 10px;
    border-style: solid;
    border-color:#39870c transparent transparent transparent
}

.meta-info-1400 .notice.enabled {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 500ms ease;
    transition:opacity 500ms ease
}

.meta-info-1400 .notice p {
    margin: 0;
    padding: 0.5rem 1rem;
    background: transparent;
    color:#fff
}

.meta-info-1400 ul > li {
    overflow: hidden;
    position: relative;
    -webkit-padding-start: calc(7px + 0.75rem);
    padding-inline-start:calc(7px + 0.75rem)
}

.meta-info-1400 ul > li:before {
    position: absolute;
    inset-inline-start: 0;
    content: "";
    background: #000;
    display: block;
    text-indent: -0.1em;
    width: 6px;
    height: 6px;
    inset-block-start:7.2px
}

@media (min-width: 768px) {
    .meta-info-1400 ul > li:before {
        width: 7px;
        height: 7px;
        inset-block-start:8.1px
    }
}

@media (min-width: 992px) {
    .meta-info-1400 ul > li:before {
        width: 7px;
        height: 7px;
        inset-block-start:9.5px
    }
}

a.external.info-1400 {
    background-color: #fbead9 !important;
    color:#000 !important
}

a.external.info-1400:hover {
    color: #d52b1e !important;
    text-decoration:underline
}

h1.info-1400 {
    background: none;
    color: #e17000;
    padding-bottom: 1rem;
    text-transform:uppercase
}

@keyframes fadeInOverlay {
    0% {
        opacity:0
    }

    100% {
        opacity:1
    }
}

.ergoInteractionBar {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    width: 100%;
    background-color:#a90061
}

.ergoInteractionBar.bottomPosition {
    z-index: 1060;
    position: fixed;
    bottom: 0;
    left:0
}

.ergoInteractionBar form {
    padding:0rem 1rem 0rem 1rem
}

.ergoInteractionBar .wrapper {
    display: flex;
    flex-basis: 100%;
    flex-wrap: wrap;
    max-width: 1200px;
    align-items: flex-start;
    justify-content: flex-start;
    -webkit-margin-end: -16px;
    margin-inline-end: -16px;
    -webkit-margin-start: -16px;
    margin-inline-start:-16px
}

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

.ergoInteractionBar .wrapper .message.survey {
    background: transparent;
    display: block;
    padding:1rem 1rem 0rem 1rem
}

@media (min-width: 768px) {
    .ergoInteractionBar .wrapper .message.survey {
        margin-left: 16.666667%;
        width:66.66667%
    }

    .fullWidth .ergoInteractionBar .wrapper .message.survey {
        margin-left: 0%;
        width:100%
    }
}

.ergoInteractionBar .wrapper .message.survey p {
    color: #fff;
    padding-right:1rem
}

.ergoInteractionBar .wrapper .message.survey button {
    background-color: #f3f3f3;
    color: #000;
    margin:0rem 2rem 1rem 0rem
}

.ergoInteractionBar .wrapper .message.survey button:hover {
    background-color:#e6e6e6
}

.ergoInteractionBar .wrapper .message.survey button.close {
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    min-height: 2.5rem;
    padding: 0;
    cursor: pointer;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    text-indent: -9999px;
    background-color: #01689b;
    position: absolute;
    right: 0;
    top: 0;
    background-color: transparent;
    margin-right:0
}

.ergoInteractionBar .wrapper .message.survey button.close:after {
    content: "";
    font-family: "RO Icons";
    font-size: inherit;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 0;
    width: 100%;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    text-indent:0
}

.ergoInteractionBar .wrapper .message.survey button.close:after {
    color:#fff
}

.ergoInteractionBar .wrapper .message.survey button.close:hover {
    background-color:#01496d
}

.ergoInteractionBar .wrapper .message.survey button.close:hover:after {
    color:#fff
}

.ergoInteractionBar .wrapper .message.survey button.close:hover, .ergoInteractionBar .wrapper .message.survey button.close:focus {
    background-color:transparent
}

.ergoSurvey {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    top: 0;
    left: 0;
    padding: 1rem;
    position: fixed;
    height: 100vh;
    z-index: 1060;
    background-color: rgba(0, 0, 0, .7);
    overflow-x: hidden;
    overflow-y: auto;
    opacity: 0;
    -webkit-animation: fadeInOverlay;
    animation: fadeInOverlay;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-animation-delay: 0s;
    animation-delay:0s
}

@media (min-width: 768px) {
    .ergoSurvey {
        padding:2rem
    }
}

.ergoSurvey .container {
    display: flex;
    flex-basis: 100%;
    flex-wrap: wrap;
    max-width: 1200px;
    align-items: flex-start;
    justify-content: flex-start;
    -webkit-margin-end: -16px;
    margin-inline-end: -16px;
    -webkit-margin-start: -16px;
    margin-inline-start: -16px;
    background: #f3f3f3;
    padding: 1rem;
    opacity: 0;
    -webkit-animation: fadeInOverlay;
    animation: fadeInOverlay;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-animation-delay: .2s;
    animation-delay:.2s
}

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

@media (min-width: 768px) {
    .ergoSurvey .container {
        padding:2rem
    }
}

.ergoSurvey .container form > p {
    font-weight: bold;
    font-size: 1.11111em;
    margin:0 0 3.5rem 0
}

.ergoSurvey .container form .form-group {
    margin:0 0 3.5rem 0
}

.ergoSurvey .container form .form-group legend {
    position: relative !important;
    display: inline-block !important;
    overflow: hidden;
    clip: auto;
    margin: 0;
    padding: 0;
    left: auto;
    width: auto;
    height: auto;
    float: none;
    font-weight: bold;
    margin: 0 0 1rem 0;
    font-size: 1.11111em;
    line-height:1.375em
}

.ergoSurvey .container form .form-group label {
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    width: auto;
    float: none;
    font-size:1em
}

.ergoSurvey .container form .form-group label.control-label {
    font-weight: bold;
    font-size: 1.11111em;
    line-height: 1.375em;
    margin:0 0 1rem 0
}

.carousselSurveyStyles {
    color: #fff;
    padding-top:1rem
}

.carousselSurveyStyles .col-sm-8 {
    flex: 0 0 66.66667%;
    max-width:66.66667%
}

.carousselSurveyStyles .TekstvakKlein, .carousselSurveyStyles .TekstvakGroot, .carousselSurveyStyles select option {
    color:#000
}

.carousselSurveyStyles #topButtonsContainer {
    position: absolute;
    right: 0;
    top:0
}

.carousselSurveyStyles button.close {
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    min-height: 2.5rem;
    padding: 0;
    cursor: pointer;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    text-indent: -9999px;
    background-color: #01689b;
    position: absolute;
    right: 0;
    top: 0;
    background-color: transparent;
    margin-right:0
}

.carousselSurveyStyles button.close:after {
    content: "";
    font-family: "RO Icons";
    font-size: inherit;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 0;
    width: 100%;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    text-indent:0
}

.carousselSurveyStyles button.close:after {
    color:#fff
}

.carousselSurveyStyles button.close:hover {
    background-color:#01496d
}

.carousselSurveyStyles button.close:hover:after {
    color:#fff
}

.carousselSurveyStyles button.close:hover, .carousselSurveyStyles button.close:focus {
    background-color: transparent
}

.carousselSurveyStyles button[name="action:Cancel"] {
    background-color: unset;
    min-width: 44px
}

.carousselSurveyStyles button.prevnextbutton, .carousselSurveyStyles button[name="action:Save"] {
    background-color: #f3f3f3;
    color: #01689b;
    padding: 0.5rem 1rem 0.5rem 1rem;
    margin: 0rem 1rem 0.5rem 1rem;
    min-height: 44px;
    min-width: auto;
    white-space: nowrap;
    align-self:flex-end
}

@media (min-width: 768px) {
    .carousselSurveyStyles .form-group {
        display:flex
    }
}

.carousselSurveyStyles .form-group fieldset, .carousselSurveyStyles .form-group .fieldGroup {
    flex-grow: 1;
    margin-bottom: 1em;
    padding-right:26px
}

.carousselSurveyStyles .form-group fieldset label, .carousselSurveyStyles .form-group .fieldGroup label {
    position: unset;
    display: unset;
    width:unset
}

.carousselSurveyStyles .form-group fieldset label.control-label, .carousselSurveyStyles .form-group .fieldGroup label.control-label {
    display: block;
    margin-bottom:.8rem
}

.carousselSurveyStyles legend {
    position: unset;
    display: unset;
    overflow: unset;
    width: unset;
    height: unset;
    font-weight: bold;
    margin-bottom:.8rem
}

.carousselSurveyStyles input[type=checkbox], .carousselSurveyStyles input[type=radio] {
    position: unset;
    vertical-align:unset
}

.carousselSurveyStyles label {
    position: unset;
    display: unset;
    width: unset;
    float: unset;
    margin-right:1em
}

.carousselSurveyStyles .radio, .carousselSurveyStyles .checkbox {
    display: inline-block;
    width:100%
}

.carousselSurveyStyles .TekstvakKlein, .carousselSurveyStyles .TekstvakGroot, .carousselSurveyStyles select {
    border-top: 0 solid #f3f3f3;
    border-bottom: 2px solid #f3f3f3
}