.js-lazy, .lazyload, .lazyloading {
    opacity: 0
}

.lazyloaded {
    opacity: 1;
    -webkit-transition: opacity 700ms;
    transition: opacity 700ms
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    width: 100%
}

body {
    width: 100%;
    margin: 0;
    overflow-y: scroll
}

button, html, input, select, textarea {
    font-family: "FS Albert Web Light", Helvetica, Arial, sans-serif
}

* {
    -webkit-tap-highlight-color: transparent
}

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

::-moz-selection {
    color: #fff;
    text-shadow: none;
    background: #0063a6
}

::selection {
    color: #fff;
    text-shadow: none;
    background: #0063a6
}

a {
    text-decoration: none
}

.a11y-focus, .a11y-focus-key, a:focus, button:focus, input:focus {
    outline: 0
}

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

audio, canvas, video {
    display: inline-block
}

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

[hidden] {
    display: none
}

figure {
    margin: 0;
    padding: 0
}

b, strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

mark {
    background: #ff0;
    color: #000
}

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

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}

q:after, q:before {
    content: '';
    content: none
}

small {
    font-size: 75%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

em, i {
    font-style: normal
}

h1, h2, h3, h4, h5, h6, p {
    margin: 0;
    font-weight: 400
}

blockquote {
    margin: 0
}

ol, ul {
    margin: 0;
    list-style: none;
    padding: 0
}

dd, dl, dt {
    margin: 0
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic
}

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

img, video {
    max-width: 100%;
    display: block
}

iframe {
    border: none
}

fieldset {
    margin: 0;
    padding: 0;
    border: none
}

button {
    text-align: left;
    border-collapse: collapse;
    border: none
}

button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline
}

button, input {
    line-height: normal
}

legend {
    border: 0;
    padding: 0;
    white-space: normal
}

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

input[type=hidden] {
    display: none !important
}

button[disabled], input[disabled], input[readonly], option[disabled], option[readonly], select[disabled], select[readonly], textarea[disabled], textarea[readonly] {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    cursor: not-allowed
}

input[type=checkbox], input[type=radio] {
    padding: 0
}

input[type=search] {
    -webkit-appearance: textfield
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none
}

input[type=search]::-ms-clear {
    display: none
}

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

textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical;
    max-width: 100%
}

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

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

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

td, th, tr {
    padding: 0
}

.b-sitemap .group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.b-filter-form .group-label, .b-filter-form label, .b-forms legend, .b-page-nav .title, .b-skiplinks .item > a, .number-input-buttons {
    display: block;
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden
}

.b-forms .subsection legend {
    display: block;
    position: static;
    overflow: visible;
    left: auto;
    width: auto;
    height: auto
}

.b-announcement .btn::after, .b-btn:after, .b-filter-form .submit::after, .b-forms .submit::after, .b-richtext-content .toc-ref a::after, .b-stockchart .btn:after, .b-teaser-announcement .date::after, .b-teaser-background .btn:after, .b-teaser-double .btn:after, .b-teaser-standard .btn::after, .b-toc-nav .item::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: 10px;
    width: 8px;
    margin: auto;
    border-top: 6px solid rgba(255, 255, 255, 0);
    border-bottom: 6px solid rgba(255, 255, 255, 0);
    border-left: 6px solid #fff;
    pointer-events: none
}

.b-breadcrumbs .heading, .b-breadcrumbs .on em, .b-carousel .pagination button span, .b-image-carousel .btn.carousel-next, .b-image-carousel .btn.carousel-prev, .b-intro .date .desc, .b-lightbox .btn.lightbox-next, .b-lightbox .btn.lightbox-prev, .b-lightbox .close-dialog, .b-logo .heading, .b-news-result-section .date .desc, .b-page-nav .btn-group .link-btn > span, .b-page-nav .btn-group .toggle-btn, .b-page-nav .on em, .b-search .search-form label, .b-search .submit-btn, .b-search-btn, .b-section-nav .heading, .b-section-result-list-news .date .desc, .b-section-result-list-search .date .desc, .b-site-info .social-media .item, .b-sitemap .heading, .b-skiplinks .heading, .b-stockchart .btn, .b-teaser-announcement .date .desc, .b-teaser-background .btn, .b-teaser-lightbox-image .btn, .b-teaser-lightbox-image .media-box figcaption, .b-teaser-standard .btn, .b-toc-nav > .toc-nav-anchor, .number-input-buttons {
    overflow: hidden;
    font: 0/0 serif;
    text-shadow: none;
    color: transparent
}

.b-intro .content::after, .b-intro .content::before, .b-intro .group::after, .b-intro .group::before, .b-news-result-section .group::after, .b-news-result-section .group::before, .b-richtext-content::after, .b-richtext-content::before, .b-section-result-list-news .group::after, .b-section-result-list-news .group::before, .b-section-result-list-search .group::after, .b-section-result-list-search .group::before {
    content: " ";
    display: table;
    clear: both
}


.ws-po-outerbox {
    padding: 0
}

.ws-po-arrow {
    display: none
}

.datalist-polyfill .ws-po-box {
    padding: 0;
    border-color: #eee;
    border-top: none;
    background: #f6f6f6
}

.datalist-polyfill .datalist-box {
    padding: 0;
    max-height: 18.75rem
}

.datalist-polyfill .datalist-box ul {
    padding: 0;
    background: #f6f6f6
}

.datalist-polyfill .datalist-box li {
    padding: 6px 20px 6px 30px;
    letter-spacing: .2px;
    background: #f6f6f6;
    -webkit-transition: none;
    transition: none
}

.datalist-polyfill .datalist-box .option-value {
    color: #777;
    display: inline-block;
    -webkit-transition: none;
    transition: none
}

.datalist-polyfill .datalist-box .option-value mark {
    font-weight: 600;
    color: #777;
    background: 0 0
}

.datalist-polyfill .datalist-box .has-option-label .option-label {
    display: none;
    margin: 0;
    -webkit-transition: none;
    transition: none
}

.datalist-polyfill .datalist-box .active-item {
    background: #777;
    cursor: pointer
}

.datalist-polyfill .datalist-box .active-item .option-value {
    color: #fff
}

.datalist-polyfill .datalist-box .active-item .option-value mark {
    font-weight: 600;
    color: #fff;
    background: 0 0
}

.datalist-polyfill .datalist-box .active-item .option-label {
    color: #f6f6f6
}

.b-page-header {
    position: fixed;
    top: 0;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 5px;
    z-index: 10
}

.b-page-header .inner-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    min-height: 50px;
    width: 100%;
    background: #fff
}

.b-page-main {
    width: 100%;
    background: url(../img/Hintergrundbild-Sammlungen-data.jpg) 0 100%/100% 100% no-repeat;
}


.b-page-nav {
    position: fixed;
    top: 50px;
    height: 100%;
    width: 250px;
    max-width: 250px;
    padding: 5px 20px;
    overflow: hidden;
    z-index: 9;
    background-color: #fff;
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-transition: -webkit-transform 380ms;
    transition: transform 380ms
}

.nav-is-open .b-page-nav {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    overflow-y: auto
}

.b-page-nav li {
    position: relative;
    padding-bottom: 1px
}

.b-page-nav li:last-child {
    padding-bottom: 0
}

.b-page-nav li:not(.has-submenu) .link-btn {
    padding-left: 31px;
    border-bottom: 1px solid #ddd
}

.b-page-nav a, .b-page-nav strong {
    -webkit-transition: background-color 400ms;
    transition: background-color 400ms;
    display: block;
    /* font-family: "FS Albert Web Bold", Helvetica, Arial, sans-serif; */
    text-transform: uppercase
}

.b-page-nav .btn-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #ddd
}

.b-page-nav .btn-group .link-btn {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: block;
    /* font-family: "FS Albert Web Bold", Helvetica, Arial, sans-serif; */
    font-size: .8125rem;
    text-transform: uppercase;
    -webkit-transition: background-color 400ms;
    transition: background-color 400ms;
    margin-right: 1px
}

.b-page-nav .btn-group .toggle-btn {
    position: relative;
    width: 25px;
    -webkit-transition: background-color 400ms;
    transition: background-color 400ms
}

.b-page-nav .btn-group .toggle-btn::after {
    content: '';
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: 14px;
    width: 18px;
    background-position: 5px 0;
    -webkit-transition: all 400ms;
    transition: all 400ms
}

.b-page-nav .btn-group .js-open::after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.b-page-nav .level-1 > li > .toggle-btn {
    padding-right: 45px
}

.b-page-nav .level-1 a, .b-page-nav .level-1 strong {
    font-size: .8125rem;
    color: #36BFC1;
    padding: 12px 20px 12px 5px;
    background-color: #fff
}

.b-page-nav .level-1 a::after, .b-page-nav .level-1 strong::after {
    -webkit-transition: all 400ms;
    transition: all 400ms;
    left: auto;
    right: 18px;
    z-index: 2
}

.b-page-nav .level-1 .btn-group.js-open .link-btn {
    background-color: #239C9F
}

.b-page-nav .level-1 .btn-group .link-btn {
    color: #36BFC1;
    padding: 12px 20px 12px 5px;
    background-color: #fff
}

.b-page-nav .level-1 .btn-group .link-btn:focus, .b-page-nav .level-1 .btn-group .link-btn:hover {
    color: #239C9F;
    background-color: #fff
}

.b-page-nav .level-1 .btn-group .toggle-btn {
    color: #36BFC1;
    background-color: #fff
}

.b-page-nav .level-1 .btn-group .toggle-btn:focus, .b-page-nav .level-1 .btn-group .toggle-btn:hover {
    color: #239C9F;
    background-color: #fff
}

.b-page-nav .level-1 .btn-group strong.link-btn, .b-page-nav .level-2 {
    background-color: #fff
}

.b-page-nav .level-2 > li > .toggle-btn {
    padding-right: 45px
}

.b-page-nav .level-2 a, .b-page-nav .level-2 strong {
    font-size: .8125rem;
    color: #777;
    padding: 12px 20px 12px 5px;
    background-color: #fff
}

.b-page-nav .level-2 a:focus, .b-page-nav .level-2 a:hover, .b-page-nav .level-2 strong:focus, .b-page-nav .level-2 strong:hover {
    color: #595959;
    background-color: #fff
}

.b-page-nav .level-2 a::after, .b-page-nav .level-2 strong::after {
    -webkit-transition: all 400ms;
    transition: all 400ms;
    left: auto;
    right: 18px;
    z-index: 2
}

.b-page-nav .level-2 .btn-group.js-open .link-btn {
    background-color: #239C9F
}

.b-page-nav .level-2 .btn-group .link-btn {
    color: #777;
    padding: 12px 20px 12px 5px;
    background-color: #fff
}

.b-page-nav .level-2 .btn-group .link-btn:focus, .b-page-nav .level-2 .btn-group .link-btn:hover {
    color: #595959;
    background-color: #fff
}

.b-page-nav .level-2 .btn-group .toggle-btn {
    color: #777;
    background-color: #fff
}

.b-page-nav .level-2 .btn-group .toggle-btn:focus, .b-page-nav .level-2 .btn-group .toggle-btn:hover {
    color: #595959;
    background-color: #fff
}

.b-page-nav .level-2 .btn-group strong.link-btn {
    color: #ffa23a
}

.b-page-nav .level-3 {
    background-color: #fff
}

.b-page-nav .level-3 a, .b-page-nav .level-3 strong {
    padding: 12px 20px 12px 5px;
    color: #BBB;
    background-color: #fff;
    font-size: .8125rem;
    position: relative
}

.b-page-nav .level-3 a:focus, .b-page-nav .level-3 a:hover, .b-page-nav .level-3 strong:focus, .b-page-nav .level-3 strong:hover {
    color: #8C8C8C;
    background-color: #fff
}

.b-page-nav .level-3 a::after, .b-page-nav .level-3 strong::after {
    -webkit-transition: all 400ms;
    transition: all 400ms;
    left: auto;
    right: 18px;
    z-index: 2
}

.b-page-nav .level-3 strong.link-btn {
    color: #ffa23a
}

.b-page-nav .on strong {
    display: block;
    padding: 12px 20px 12px 5px;
    color: #fff;
    font-weight: 400
}

.b-page-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    background: #fff
}

.b-page-section > .inner-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    position: relative;
    width: 100%;
    max-width: 1600px;
    margin: 0 auto
}

.b-page-section > .inner-section > .section-title {
    width: 100%;
    font-family: "FS Albert Web Regular", Helvetica, Arial, sans-serif;
    color: #fff
}

.b-page-section.is-section-highlight-1 {
    background: url(../img/dev/celesio-bg.jpg) 0 100%/100% 100% no-repeat
}

.b-page-section.is-section-highlight-2 {
    background: #eee
}

.b-page-section.is-section-highlight-3 {
    box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, .1)
}

.b-page-section.is-section-highlight-3 > .inner-section > .section-title {
    color: #777
}

.b-page-section.is-detail-page > .inner-section, .b-page-section.is-news-overview-page > .inner-section {
    display: block;
    padding-top: 0
}

.b-page-wrapper-inner {
    position: relative;
    height: 100%;
    width: 100%;
    background: #fff
}

.b-page-wrapper-inner::before {
    -webkit-transition: all 400ms;
    transition: all 400ms
}

.nav-is-open .b-page-wrapper-inner::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    background: rgba(0, 0, 0, .4)
}

.b-page-wrapper {
    position: relative;
    top: 50px;
    height: 100%;
    width: 100%;
    margin: 0 auto
}

.b-accordion {
    width: 100%
}

.b-accordion > .accordion-heading {
    color: #3ccdcf
}

.b-accordion .accordion-title {
    position: relative;
    font-family: "FS Albert Web Bold", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: #3ccdcf;
    background: #f6f6f6;
    -webkit-transition: color 200ms ease-out, background-color 400ms ease-out;
    transition: color 200ms ease-out, background-color 400ms ease-out;
    cursor: pointer
}

.b-accordion .accordion-title::after {
    content: '';
    position: absolute;
    height: 6px;
    border-top: 6px solid rgba(255, 255, 255, 0);
    border-bottom: 6px solid rgba(255, 255, 255, 0);
    border-left: 8px solid #3ccdcf;
    pointer-events: none;
    top: 0;
    bottom: 0;
    margin: auto 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: all 200ms;
    transition: all 200ms;
    right: 30px
}

.b-accordion .accordion-title:focus, .b-accordion .accordion-title:hover {
    color: #fff;
    background: #3ccdcf
}

.b-accordion .accordion-title:focus::after, .b-accordion .accordion-title:hover::after {
    border-left-color: #fff
}

.b-accordion .accordion-title.js-selected::after {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.b-accordion .btn {
    display: block;
    padding: 22px 75px 21px 40px
}

.b-accordion .accordion-panel {
    margin-bottom: 2px
}

.b-accordion .accordion-content {
    padding: 40px 0
}

.b-announcement {
    width: 100%;
    background: #3ccdcf
}

.b-announcement > .inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.b-announcement .section-title {
    font-family: "FS Albert Web Regular", Helvetica, Arial, sans-serif;
    color: #fff
}

.b-announcement .btn {
    display: inline-block;
    position: relative;
    padding: 15px 40px 14px 20px;
    font-family: "FS Albert Web Bold", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: #3ccdcf;
    background: #f6f6f6;
    -webkit-transition: all 300ms;
    transition: all 300ms
}

.b-announcement .btn::after {
    right: 23px;
    left: auto;
    border-left: 8px solid #3ccdcf;
    -webkit-transition: all 400ms;
    transition: all 400ms
}

.b-announcement .btn:focus, .b-announcement .btn:hover {
    color: #fff;
    background: #ffa23a
}

.b-announcement .btn:focus::after, .b-announcement .btn:hover::after {
    border-left-color: #fff
}

.b-breadcrumbs {
    width: 250px;
    min-width: 250px
}

.b-breadcrumbs li {
    font-family: "FS Albert Web Bold", Helvetica, Arial, sans-serif;
    text-transform: uppercase
}

.b-breadcrumbs a {
    display: block;
    -webkit-transition: background-color 400ms;
    transition: background-color 400ms
}

.b-breadcrumbs strong {
    display: block;
    font-weight: 400
}

.b-breadcrumbs .inner {
    padding: 10px 0 0 50px
}

.b-breadcrumbs .level-1, .b-breadcrumbs .level-2, .b-breadcrumbs .level-3 {
    display: inline
}

.b-breadcrumbs .level-1 li, .b-breadcrumbs .level-2 li, .b-breadcrumbs .level-3 li {
    display: inline;
    font-size: .75rem
}

.b-breadcrumbs .level-1 a, .b-breadcrumbs .level-1 strong, .b-breadcrumbs .level-2 a, .b-breadcrumbs .level-2 strong, .b-breadcrumbs .level-3 a, .b-breadcrumbs .level-3 strong {
    display: inline-block;
    padding: 10px;
    font-size: 13px
}

.b-breadcrumbs .level-1 a, .b-breadcrumbs .level-2 a, .b-breadcrumbs .level-3 a {
    position: relative;
    border-bottom: 1px solid #ddd;
    width: 100%
}

.b-breadcrumbs .level-1 a {
    color: #36BFC1
}

.b-breadcrumbs .level-1 a:active, .b-breadcrumbs .level-1 a:focus, .b-breadcrumbs .level-1 a:hover {
    color: #239C9F
}

.b-breadcrumbs .level-2 a {
    padding-left: 20px;
    color: #777
}

.b-breadcrumbs .level-2 a:active, .b-breadcrumbs .level-2 a:focus, .b-breadcrumbs .level-2 a:hover {
    color: #595959
}

.b-breadcrumbs .level-3 a {
    padding-left: 30px;
    color: #BBB
}

.b-breadcrumbs .level-3 a:active, .b-breadcrumbs .level-3 a:focus, .b-breadcrumbs .level-3 a:hover {
    color: #8C8C8C
}

.b-breadcrumbs .level-3 .on a {
    color: #ffa23a
}

.b-breadcrumbs + .b-news-result-page {
    max-width: 950px
}

.b-btn {
    position: relative;
    display: inline-block;
    padding: 14px 50px 13px 20px;
    font-family: "FS Albert Web Bold", Helvetica, Arial, sans-serif;
    font-size: .8125rem;
    text-transform: uppercase;
    color: #fff;
    background: #3ccdcf;
    -webkit-transition: background-color 400ms;
    transition: background-color 400ms
}

.b-btn:after {
    right: 20px;
    left: auto
}

.is-highlight-2 .b-btn {
    background: #fff
}

.b-carousel {
    width: 100%
}

.b-carousel .carousel-view {
    position: relative;
    overflow: hidden;
    width: 100%
}

.b-carousel .carousel-document {
    position: relative;
    left: 0;
    display: table
}

.b-carousel .animate.carousel-document {
    -webkit-transition: 400ms left;
    transition: 400ms left
}

.b-carousel .snap-animate.carousel-document {
    -webkit-transition-timing-function: cubic-bezier(0.15, .66, .45, 1.515);
    transition-timing-function: cubic-bezier(0.15, .66, .45, 1.515)
}

.b-carousel .carousel-item {
    display: table-cell
}

.b-carousel .pagination {
    padding: 5px 15px 0
}

.b-carousel .pagination li {
    display: inline-block;
    padding: 0 4px
}

.b-carousel .pagination li.on button {
    background: #ffa23a
}

.b-carousel .pagination button {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #fff;
    -webkit-transition: background 400ms;
    transition: background 400ms;
    display: block;
    padding: 0;
    margin: 0
}

.b-carousel .pagination button:focus, .b-carousel .pagination button:hover {
    background: #ffa23a
}

.b-contact {
    position: relative;
    width: 100%;
    background: #f6f6f6;
    color: #777
}

.b-contact > .inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.b-contact .media-box {
    overflow: hidden
}

.b-contact .media-box .image {
    width: 100%
}

.b-contact .text-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    z-index: 2
}

.b-contact dd, .b-contact dt {
    float: left
}

.b-contact dl {
    clear: both;
    overflow: hidden;
    margin-bottom: 5px
}

.b-contact .details-group {
    margin-bottom: 25px
}

.b-contact .details-group dt {
    color: #777;
    font-family: "FS Albert Web Regular", Helvetica, Arial, sans-serif;
    font-family: "FS Albert Web Bold", Helvetica, Arial, sans-serif
}

.b-contact .details-group dd:before {
    content: "|";
    margin-left: 10px;
    margin-right: 10px
}

.b-contact .channel-group {
    position: static
}

.b-contact .channel-group .type {
    width: 42%;
    font-style: italic;
    font-family: "FS Albert Web Regular", Helvetica, Arial, sans-serif
}

.b-contact .channel-group .type:after {
    content: ":";
    padding-left: 1px;
    margin-right: 10px
}

.b-contact .channel-group .item {
    position: relative;
    overflow: hidden;
    clear: both
}

.b-contact .channel-group a {
    color: #777
}

.b-contact .channel-group a:active, .b-contact .channel-group a:focus, .b-contact .channel-group a:hover {
    color: #01abaa;
    text-decoration: underline
}

.b-contact .channel-group dd {
    width: 58%
}

.counter-wrapper {
    position: relative;
    display: block;
    margin: 20px 0;
    padding: 5px 9px;
    overflow: hidden
}

.counter-wrapper:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border-top: 1px solid #777;
    border-left: 1px solid #777;
    width: 30px;
    height: 30px
}

.is-light .counter-wrapper:before {
    border-color: #fff
}

.counter-wrapper .counter {
    display: block;
    float: left;
    margin-right: 8px;
    font-size: 2.1875rem;
    line-height: 2.625rem;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.counter-wrapper .counter-description {
    display: block;
    overflow: hidden;
    font-size: 1rem;
    line-height: 1.625rem
}

.b-filter-form {
    width: 100%
}

.b-filter-form .row {
    margin: 0 -10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.b-filter-form .group {
    width: 100%
}

.b-filter-form .group-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.b-filter-form .box {
    padding: 0 1px
}

.b-filter-form fieldset {
    position: relative
}

.b-filter-form input, .b-filter-form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    min-height: 50px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    width: 100%;
    margin: 0;
    border: 1px solid transparent;
    border-radius: 0;
    box-shadow: none;
    font-family: "FS Albert Web Bold", Helvetica, Arial, sans-serif;
    background-color: #f6f6f6;
    position: relative;
    padding: 11px 40px 10px 20px;
    color: #3ccdcf;
    text-transform: uppercase;
    cursor: pointer
}

.b-filter-form input.user-success, .b-filter-form select.user-success {
    color: #3ccdcf
}

.b-filter-form input:focus, .b-filter-form select:focus {
    outline: 0;
    border-color: #3ccdcf
}

.b-filter-form input:hover, .b-filter-form select:hover {
    border-color: #3ccdcf
}

.b-filter-form select {
    background-position: right 20px top 50%;
    background-size: 14px 14px
}

.b-filter-form select option {
    padding: 0 10px;
    color: #777;
    text-transform: uppercase
}

.b-filter-form select::-ms-expand {
    display: none
}

.b-filter-form input::-webkit-input-placeholder {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-overflow: ellipsis;
    color: rgba(119, 119, 119, .3)
}

.b-filter-form input::-moz-placeholder {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-overflow: ellipsis;
    color: rgba(119, 119, 119, .3)
}

.b-filter-form input:-ms-input-placeholder {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-overflow: ellipsis;
    color: rgba(119, 119, 119, .3)
}

.b-filter-form .submit {
    display: none;
    position: relative;
    padding: 14px 50px 13px 20px;
    font-family: "FS Albert Web Bold", Helvetica, Arial, sans-serif;
    font-size: .8125rem;
    text-transform: uppercase;
    color: #fff;
    background: #3ccdcf;
    -webkit-transition: background-color 400ms;
    transition: background-color 400ms
}

.b-filter-form .submit::after {
    right: 20px;
    left: auto
}

.b-filter-form .submit:focus, .b-filter-form .submit:hover {
    background: #01abaa
}

.no-js .b-filter-form .submit {
    display: inline-block
}

.b-news-filter {
    width: 100%;
    display: block;
    background: url(../img/dev/celesio-bg.jpg) 0 100%/100% 100% no-repeat;
    padding: 35px 40px;
    margin-bottom: 40px
}

.b-search-filter {
    width: 100%;
    display: block
}

.b-search-filter > h1 {
    color: #fff;
    font-family: "FS Albert Web Regular", Helvetica, Arial, sans-serif;
    margin-bottom: 35px
}

.b-forms {
    margin-top: 40px;
    margin-bottom: 40px
}

.b-forms h1 {
    margin-bottom: 20px;
    font-size: 1.5rem;
    line-height: 1.8125rem;
    font-family: "FS Albert Web Regular", Helvetica, Arial, sans-serif;
    color: #3ccdcf
}

.b-forms .intro {
    margin-bottom: 28px;
    color: #3ccdcf;
    font-size: 1.25rem;
    line-height: 1.6875rem
}

.b-forms .error-list-wrapper {
    margin-bottom: 20px;
    background-color: #f6f6f6;
    border: 1px solid #d90000;
    padding: 20px
}

.b-forms .error-list-wrapper .error-headline {
    font-size: 1.5rem;
    line-height: 1.8125rem;
    color: #d90000;
    margin-bottom: 20px
}

.b-forms .error-list-wrapper .error-item a {
    font-size: 1rem;
    line-height: 1.625rem;
    color: #d90000
}

.b-forms .group-label, .b-forms label {
    margin-bottom: 10px;
    font-size: 1.25rem;
    line-height: 1.5rem
}

.b-forms .label {
    font-size: 1rem;
    line-height: 1.625rem
}

.b-forms .row {
    margin-left: -10px;
    margin-right: -10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.b-forms .row > .group-label {
    padding: 0 10px
}

.b-forms .box {
    padding-right: 10px;
    padding-left: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.b-forms .note {
    padding: 10px;
    font-size: .9375rem;
    lineheight: 1.4375rem;
    color: #777
}

.b-forms fieldset {
    position: relative
}

.b-forms input:not([type=range]), .b-forms select, .b-forms textarea {
    -webkit-appearance: none;
    -moz-appearance: none
}

.b-forms textarea {
    height: 150px;
    min-height: 100px;
    max-height: 200px
}

.b-forms .group-label, .b-forms label {
    display: block;
    width: 100%;
    font-weight: 400;
    color: #3ccdcf
}

.b-forms .group {
    width: 100%
}

.b-forms .group-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-bottom: 30px
}

.b-forms .label {
    color: #777
}

.b-forms .submit {
    display: inline-block;
    position: relative;
    padding: 14px 50px 13px 20px;
    font-family: "FS Albert Web Bold", Helvetica, Arial, sans-serif;
    font-size: .8125rem;
    text-transform: uppercase;
    color: #fff;
    background: #3ccdcf;
    -webkit-transition: background-color 400ms;
    transition: background-color 400ms
}

.b-forms .submit::after {
    right: 20px;
    left: auto
}

.b-forms .submit:focus, .b-forms .submit:hover {
    background: #01abaa
}

.b-forms .field {
    position: relative;
    width: 100%
}

.b-forms input:not([type=radio]):not([type=checkbox]), .b-forms select {
    min-height: 50px
}

.b-forms input:not([type=radio]):not([type=checkbox]), .b-forms select, .b-forms textarea {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    width: 100%;
    margin: 0;
    border: 1px solid transparent;
    border-radius: 0;
    padding: 11px 20px 8px;
    box-shadow: none;
    font-family: "FS Albert Web Bold", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    color: #777;
    background-color: #f6f6f6
}

.b-forms input:not([type=radio]):not([type=checkbox]).user-error, .b-forms select.user-error, .b-forms textarea.user-error {
    border-color: #d90000
}

.b-forms input:not([type=radio]):not([type=checkbox]):focus, .b-forms select:focus, .b-forms textarea:focus {
    outline: 0;
    border-color: #3ccdcf
}

.b-forms input:not([type=radio]):not([type=checkbox]):focus.user-error, .b-forms input:not([type=radio]):not([type=checkbox]):hover, .b-forms input:not([type=radio]):not([type=checkbox]):hover.user-error, .b-forms select:focus.user-error, .b-forms select:hover, .b-forms select:hover.user-error, .b-forms textarea:focus.user-error, .b-forms textarea:hover, .b-forms textarea:hover.user-error {
    border-color: #3ccdcf
}

.b-forms input:not([type=radio]):not([type=checkbox])[disabled], .b-forms input:not([type=radio]):not([type=checkbox])[readonly], .b-forms select[disabled], .b-forms select[readonly], .b-forms textarea[disabled], .b-forms textarea[readonly] {
    background-color: rgba(119, 119, 119, .1);
    box-shadow: none;
    color: rgba(119, 119, 119, .4)
}

.b-forms input:not([type=radio]):not([type=checkbox])[disabled]:focus, .b-forms input:not([type=radio]):not([type=checkbox])[disabled]:hover, .b-forms input:not([type=radio]):not([type=checkbox])[readonly]:focus, .b-forms input:not([type=radio]):not([type=checkbox])[readonly]:hover, .b-forms select[disabled]:focus, .b-forms select[disabled]:hover, .b-forms select[readonly]:focus, .b-forms select[readonly]:hover, .b-forms textarea[disabled]:focus, .b-forms textarea[disabled]:hover, .b-forms textarea[readonly]:focus, .b-forms textarea[readonly]:hover {
    border-color: transparent
}

.b-forms input::-webkit-input-placeholder, .b-forms textarea::-webkit-input-placeholder {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-overflow: ellipsis;
    color: rgba(119, 119, 119, .3)
}

.b-forms input::-moz-placeholder, .b-forms textarea::-moz-placeholder {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-overflow: ellipsis;
    color: rgba(119, 119, 119, .3)
}

.b-forms input:-ms-input-placeholder, .b-forms textarea:-ms-input-placeholder {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-overflow: ellipsis;
    color: rgba(119, 119, 119, .3)
}

.b-forms select {
    position: relative;
    padding: 11px 40px 10px 20px;
    font-size: .875rem;
    color: #3ccdcf;
    background-position: right 20px top 50%;
    background-size: 14px 14px;
    text-transform: uppercase;
    cursor: pointer
}

.b-forms select.user-success {
    color: #3ccdcf
}

.b-forms select option {
    padding: 0 10px;
    color: #777;
    text-transform: lowercase
}

.b-forms select::-ms-expand {
    display: none
}

.b-forms input[type=checkbox], .b-forms input[type=radio] {
    overflow: hidden;
    position: absolute;
    top: 8px;
    left: 5px;
    margin: 0;
    padding: 0;
    clip: rect(1px, 1px, 1px, 1px);
    cursor: pointer
}

.b-forms .is-checkbox .group-inline, .b-forms .is-radio .group-inline {
    position: relative
}

.b-forms .is-checkbox .group-inline label, .b-forms .is-radio .group-inline label {
    display: inline-block;
    width: auto;
    margin-right: 30px
}

.b-forms .is-checkbox .group-block, .b-forms .is-radio .group-block {
    position: relative
}

.b-forms .is-checkbox label, .b-forms .is-radio label {
    position: relative;
    margin-bottom: 0;
    padding: 7px 0 7px 34px;
    cursor: pointer
}

.b-forms .is-checkbox .label::after, .b-forms .is-checkbox .label::before, .b-forms .is-radio .label::after, .b-forms .is-radio .label::before {
    content: "";
    position: absolute
}

.b-forms .is-checkbox input[disabled] ~ .label, .b-forms .is-checkbox input[readonly] ~ .label, .b-forms .is-radio input[disabled] ~ .label, .b-forms .is-radio input[readonly] ~ .label {
    color: rgba(119, 119, 119, .4);
    cursor: not-allowed
}

.b-forms .is-checkbox input[disabled] ~ .label::after, .b-forms .is-checkbox input[disabled] ~ .label::before, .b-forms .is-checkbox input[readonly] ~ .label::after, .b-forms .is-checkbox input[readonly] ~ .label::before, .b-forms .is-radio input[disabled] ~ .label::after, .b-forms .is-radio input[disabled] ~ .label::before, .b-forms .is-radio input[readonly] ~ .label::after, .b-forms .is-radio input[readonly] ~ .label::before {
    opacity: .4;
    cursor: not-allowed
}

.b-forms .is-checkbox input[disabled]:hover ~ .label::before, .b-forms .is-radio input[disabled]:hover ~ .label::before {
    border-color: none
}

.b-forms .is-checkbox input:focus ~ .label::before, .b-forms .is-checkbox input:hover ~ .label::before, .b-forms .is-radio input:focus ~ .label::before, .b-forms .is-radio input:hover ~ .label::before {
    border-color: #01abaa
}

.b-forms .is-checkbox input:checked ~ .label, .b-forms .is-checkbox input[disabled]:checked:hover ~ .label, .b-forms .is-radio input:checked ~ .label, .b-forms .is-radio input[disabled]:checked:hover ~ .label {
    font-weight: 700
}

.b-forms .is-checkbox input:checked ~ .label::after, .b-forms .is-checkbox input[disabled]:checked:hover ~ .label::after, .b-forms .is-radio input:checked ~ .label::after, .b-forms .is-radio input[disabled]:checked:hover ~ .label::after {
    background-color: #3ccdcf
}

.b-forms .is-checkbox .is-invalid .label::before, .b-forms .is-radio .is-invalid .label::before {
    border-color: red
}

.b-forms .is-checkbox .is-invalid input:focus ~ .label::before, .b-forms .is-checkbox .is-invalid input:hover ~ .label::before, .b-forms .is-radio .is-invalid input:focus ~ .label::before, .b-forms .is-radio .is-invalid input:hover ~ .label::before {
    border-color: #01abaa
}

.b-forms .is-radio .label::before {
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto 0;
    width: 24px;
    height: 24px;
    border: 1px solid #3ccdcf;
    border-radius: 50%
}

.b-forms .is-radio .label::after {
    top: 0;
    left: 6px;
    bottom: 0;
    margin: auto 0;
    width: 12px;
    height: 12px;
    border-radius: 50%
}

.b-forms .subsection legend {
    margin-bottom: 20px;
    font-size: 1.5rem;
    line-height: 1.8125rem;
    font-family: "FS Albert Web Regular", Helvetica, Arial, sans-serif;
    color: #3ccdcf
}

.b-forms .is-checkbox .label::before {
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto 0;
    width: 22px;
    height: 22px;
    border: 1px solid #3ccdcf
}

.b-forms .is-checkbox .label::after {
    top: 0;
    left: 6px;
    bottom: 0;
    margin: auto 0;
    width: 10px;
    height: 10px
}

.b-header-box {
    position: relative;
    height: 50px;
    width: 100%;
    background: #fff
}

.is-search-open .b-header-box {
    width: 100%
}

.b-image-carousel {
    position: relative
}

.b-image-carousel figcaption {
    padding: 0 40px
}

.b-image-carousel .pagination ul {
    text-align: center
}

.b-image-carousel .pagination li::before {
    display: none
}

.b-image-carousel .pagination button {
    border: 2px solid #ffa23a
}

.b-image-carousel figure.media-box {
    margin: 0
}

.b-image-carousel .btn {
    display: block;
    padding: 0
}

.b-image-carousel .btn.carousel-next[disabled], .b-image-carousel .btn.carousel-prev[disabled] {
    opacity: .2
}

.b-image-carousel .btn.carousel-next, .b-image-carousel .btn.carousel-prev {
    width: 30px;
    height: 30px;
    overflow: hidden;
    background: #f6f6f6;
    -webkit-transition: background-color 300ms ease-in-out;
    transition: background-color 300ms ease-in-out;
    position: absolute;
    z-index: 1;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.b-image-carousel .btn.carousel-next:focus:not([disabled]), .b-image-carousel .btn.carousel-next:hover:not([disabled]), .b-image-carousel .btn.carousel-prev:focus:not([disabled]), .b-image-carousel .btn.carousel-prev:hover:not([disabled]) {
    background: #ffa23a
}

.b-image-carousel .btn::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: 8px;
    width: 8px;
    margin: auto;
    border-top: 8px solid rgba(255, 255, 255, 0);
    border-bottom: 8px solid rgba(255, 255, 255, 0);
    border-left: 8px solid #3ccdcf;
    pointer-events: none
}

.b-image-carousel .btn.carousel-prev {
    left: 0
}

.b-image-carousel .btn.carousel-prev::after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.b-image-carousel .btn.carousel-next {
    right: 0
}

.b-intro {
    position: relative;
    width: 100%
}

.b-intro .date {
    display: block;
    font-weight: 600;
    text-transform: uppercase;
    color: #3ccdcf
}

.b-intro .media-box {
    position: relative
}

.b-intro .media-box .image {
    width: 100%
}

.b-intro .media-box + .group {
    padding-top: 0
}

.b-intro .title {
    font-family: "FS Albert Web Regular", Helvetica, Arial, sans-serif;
    color: #3ccdcf
}

.b-intro .content {
    color: #3ccdcf
}

.b-intro::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 70px;
    background: #3ccdcf
}

.b-intro.is-no-divider::after {
    display: none
}

.has-open-modal body {
    overflow: hidden
}

.b-lightbox {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    min-height: 100%;
    padding: 50px 0 100px;
    overflow: hidden;
    z-index: 999;
    visibility: hidden;
    opacity: 0;
    background: rgba(255, 255, 255, .95);
    -webkit-backface-visibility: hidden;
    -webkit-transition: 400ms all;
    transition: 400ms all
}

.b-lightbox .modal-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    min-height: 50px;
    z-index: 2
}

.b-lightbox .modal-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    min-height: 125px;
    z-index: 2
}

.b-lightbox .modal-footer figcaption {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.b-lightbox.modal-open {
    opacity: 1;
    visibility: visible;
    overflow: auto
}

.b-lightbox .modal-dialog {
    position: absolute;
    top: 50px;
    bottom: 100px;
    left: 0;
    right: 0;
    min-width: 320px;
    width: 100%;
    max-width: 100%;
    min-height: 200px
}

.b-lightbox .btn {
    display: block;
    padding: 0
}

.b-lightbox .btn.lightbox-next[disabled], .b-lightbox .btn.lightbox-prev[disabled], .b-lightbox .btn[disabled] {
    opacity: .2
}

.b-lightbox .btn.lightbox-next, .b-lightbox .btn.lightbox-prev {
    width: 125px;
    height: 100%;
    overflow: hidden;
    background: #f6f6f6;
    -webkit-transition: background-color 300ms ease-in-out;
    transition: background-color 300ms ease-in-out;
    position: absolute;
    z-index: 1;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.b-lightbox .btn.lightbox-next:focus:not([disabled]), .b-lightbox .btn.lightbox-next:hover:not([disabled]), .b-lightbox .btn.lightbox-prev:focus:not([disabled]), .b-lightbox .btn.lightbox-prev:hover:not([disabled]) {
    background: #ffa23a
}

.b-lightbox .btn::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: 10px;
    width: 12px;
    margin: auto;
    border-top: 10px solid rgba(255, 255, 255, 0);
    border-bottom: 10px solid rgba(255, 255, 255, 0);
    border-left: 12px solid #3ccdcf;
    pointer-events: none
}

.b-lightbox .btn.lightbox-prev {
    left: 0
}

.b-lightbox .btn.lightbox-prev::after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.b-lightbox .btn.lightbox-next {
    right: 0
}

.b-lightbox .close-dialog {
    position: absolute;
    right: 0;
    width: 100px;
    height: 50px;
    background: #3ccdcf;
    -webkit-transition: background-color 400ms;
    transition: background-color 400ms
}

.b-lightbox .close-dialog:after, .b-lightbox .close-dialog:before {
    content: "";
    position: absolute;
    top: 22px;
    left: 20px;
    width: 20px;
    height: 3px;
    background: #fff
}

.b-lightbox .close-dialog:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.b-lightbox .close-dialog:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.b-lightbox .close-dialog:focus, .b-lightbox .close-dialog:hover {
    background: #01abaa
}

.b-lightbox .dialog-content {
    margin: auto;
    width: 100%;
    -webkit-transition: max-width 400ms;
    transition: max-width 400ms;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.b-logo {
    position: relative;
    width: 158px;
    margin: auto;
    z-index: 1
}

.b-logo > .inner {
    display: block;
    height: 100%;
    width: 100%
}

.b-logo .image {
    display: none
}

.b-logo .heading {
    height: 27px;
    width: 105px;
    margin: auto;
    /* background: url(../img/celesio-logo.svg) 0 40%/100% 100% no-repeat; */
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.b-map {
    height: 0;
    width: 100%;
    padding-top: 66.7%;
    position: relative
}

.b-map svg {
    position: absolute;
    top: 0
}

.b-map .type-4 {
    fill: #beeff2;
    stroke: #fff
}

.b-map .type-3 {
    fill: #d9d9d9;
    stroke: #fff
}

.b-map .type-2 {
    fill: #f2f2f2;
    stroke: #fff
}

.b-map .type-1 {
    fill: #3ccdcf;
    stroke: #fff
}

.b-article .b-map {
    margin: 0 -40px 42px
}

.b-map a:active path, .b-map a:focus path, .b-map a:hover path {
    fill: #ffa23a
}

.b-meta-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.b-meta-nav .link-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    width: 100%
}

.b-meta-nav .item {
    display: inline-block;
    font-size: .8125rem;
    font-weight: 300;
    font-style: italic;
    text-transform: uppercase
}

.b-meta-nav .item abbr[title] {
    border-bottom-width: 0
}

.b-meta-nav .item > a {
    display: block;
    color: #777;
    -webkit-transition: color 400ms;
    transition: color 400ms
}

.b-meta-nav .item > a:focus, .b-meta-nav .item > a:hover {
    color: #01abaa
}

.b-meta-nav .contact > a {
    padding: 18px 15px
}

.b-meta-nav .lang > a {
    padding: 18px 10px
}

.b-page-nav .b-meta-nav .item {
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    text-align: center;
    border-left: 1px dotted #fff
}

.b-page-nav .b-meta-nav .item:first-child {
    border: none
}

.b-page-nav .b-meta-nav .item > a {
    padding: 17px 0;
    color: #fff;
    background-color: #3ccdcf;
    width: 100%
}

.b-page-nav .b-meta-nav .item > a:active, .b-page-nav .b-meta-nav .item > a:focus, .b-page-nav .b-meta-nav .item > a:hover {
    background: #30acad;
    -webkit-transition: background 400ms;
    transition: background 400ms
}

.b-nav-btn {
    display: block;
    z-index: 3;
    -webkit-transition: all 400ms;
    transition: all 400ms;
    background-color: #fff
}

.b-nav-btn > .inner {
    position: absolute;
    height: 3px;
    width: 21px;
    font: 0/0 serif;
    text-shadow: 0;
    color: transparent;
    -webkit-transition: background 300ms;
    transition: background 300ms;
    background: #3ccdcf;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden
}

.b-nav-btn > .inner::after, .b-nav-btn > .inner::before {
    content: "";
    position: absolute;
    -webkit-transition: all 200ms;
    transition: all 200ms;
    height: 3px;
    width: 21px;
    background: #3ccdcf;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden
}

.b-nav-btn > .inner::before {
    top: -8px
}

.nav-is-open .b-nav-btn > .inner::before {
    top: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.b-nav-btn > .inner::after {
    bottom: -8px
}

.nav-is-open .b-nav-btn > .inner::after {
    bottom: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.nav-is-open .b-nav-btn > .inner {
    background: 0 0
}

.nav-is-open .b-nav-btn {
    min-width: 250px
}

.b-news-result-section {
    width: 100%;
    display: block;
    margin-bottom: 70px
}

.b-news-result-section .show-more.js-hidden {
    display: none
}

.b-news-result-section .group {
    position: relative
}

.b-news-result-section .date {
    display: block;
    font-weight: 600;
    text-transform: uppercase;
    color: #3ccdcf;
    font-family: "FS Albert Web Bold", Helvetica, Arial, sans-serif;
    margin-bottom: 10px;
    font-size: .8125rem
}

.b-news-result-section .content {
    font-size: 1rem;
    line-height: 1.25rem
}

.b-news-result-section .content p {
    color: #777;
    font-family: "FS Albert Web Regular", Helvetica, Arial, sans-serif;
    font-style: italic
}

.b-news-result-section .news-list-item {
    margin-top: 35px;
    border-bottom: 1px solid #d9d9d9
}

.b-news-result-section .news-list-item:last-child {
    border: none
}

.b-news-result-section .news-list-item a {
    display: block;
    margin-bottom: 25px;
    padding-right: 32px
}

.b-news-result-section .type {
    font-size: .8125rem;
    text-transform: uppercase;
    color: #3ccdcf;
    font-family: "FS Albert Web Bold", Helvetica, Arial, sans-serif
}

.b-news-result-section .btn-wrapper {
    margin-right: 32px;
    background-color: #f2f2f2
}

.b-news-result-section .btn-wrapper a {
    padding: 25px 80px 25px 30px;
    position: relative;
    cursor: pointer;
    display: block;
    font-weight: 600;
    text-transform: uppercase;
    color: #3ccdcf;
    font-family: "FS Albert Web Bold", Helvetica, Arial, sans-serif;
    font-size: .8125rem
}

.b-news-result-section .btn-wrapper a::after, .b-news-result-section .btn-wrapper a::before {
    content: '';
    position: absolute;
    height: 3px;
    width: 20px;
    background: #3ccdcf;
    right: 35px
}

.b-news-result-section .btn-wrapper a::before {
    top: 51.5%
}

.b-news-result-section .btn-wrapper a::after {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    top: 50%
}

.b-search-btn {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    background-color: #fff
}

.b-search-btn::after {
    content: '';
    position: absolute;
    top: 0;
    right: 35px;
    bottom: 0;
    width: 24px;
    height: 24px;
    margin: auto 0
}

.is-search-open .b-search-btn {
    display: none
}

.b-search {
    width: 100%;
    padding-left: 0;
    left: 0;
    top: 0;
    position: absolute;
    -webkit-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
    overflow: hidden;
    z-index: 1;
    visibility: hidden
}

.b-search .submit-btn {
    width: 100px;
    height: 100%
}

.b-search .search-field {
    padding: 24px 110px 24px 32px
}

.is-search-open .b-search {
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
    visibility: visible
}

.b-search .search-form {
    position: relative;
    background: #fff
}

.b-search .search-form label {
    position: absolute
}

.b-search .search-field {
    font-family: "FS Albert Web thin", Helvetica, Arial, sans-serif;
    font-size: 1.125rem;
    color: #777;
    border: none;
    width: 100%
}

.b-search .submit-btn {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #fff
}

.b-search .submit-btn::after {
    content: '';
    position: absolute;
    top: 0;
    right: 35px;
    bottom: 0;
    width: 24px;
    height: 24px;
    margin: auto 0
}

.is-search-open .b-search .submit-btn {
    z-index: 2;
    visibility: visible
}

.b-section-nav {
    width: 100%
}

.b-section-nav .link-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: auto -1px
}

.b-section-nav .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 1px 2px;
    font-family: "FS Albert Web Bold", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    text-align: center
}

.b-section-nav .item a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 0 15px;
    color: #3ccdcf;
    background: #fff;
    -webkit-transition: background-color 400ms;
    transition: background-color 400ms
}

.b-section-nav .item a:focus, .b-section-nav .item a:hover {
    background: #f6f6f6
}

.b-section-result-list-news {
    width: 100%;
    display: block;
    margin-bottom: 70px
}

.b-section-result-list-news .show-more.js-hidden {
    display: none
}

.b-section-result-list-news .group {
    position: relative
}

.b-section-result-list-news .title {
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-family: "FS Albert Web Regular", Helvetica, Arial, sans-serif;
    color: #3ccdcf
}

.b-section-result-list-news .date {
    font-weight: 400;
    text-transform: uppercase;
    color: #3ccdcf;
    font-family: "FS Albert Web Light", Helvetica, Arial, sans-serif;
    margin-bottom: 10px;
    font-size: .8125rem
}

.b-section-result-list-news .date .time::before {
    content: '|';
    margin-left: 10px;
    margin-right: 10px
}

.b-section-result-list-news .content {
    font-size: 1rem;
    line-height: 1.25rem
}

.b-section-result-list-news .content p {
    color: #777;
    font-family: "FS Albert Web Regular", Helvetica, Arial, sans-serif;
    font-style: italic
}

.b-section-result-list-news .news-list-item {
    margin-top: 35px;
    border-bottom: 1px solid #d9d9d9
}

.b-section-result-list-news .news-list-item:last-child {
    border: none
}

.b-section-result-list-news .news-list-item a {
    display: block;
    margin-bottom: 25px;
    padding-right: 32px
}

.b-section-result-list-news .type {
    font-size: .8125rem;
    text-transform: uppercase;
    color: #3ccdcf;
    font-family: "FS Albert Web Bold", Helvetica, Arial, sans-serif
}

.b-section-result-list-news .btn-wrapper {
    background-color: #f2f2f2
}

.b-section-result-list-news .btn-wrapper a {
    padding: 25px 80px 25px 30px;
    position: relative;
    cursor: pointer;
    display: block;
    font-weight: 600;
    text-transform: uppercase;
    color: #3ccdcf;
    font-family: "FS Albert Web Bold", Helvetica, Arial, sans-serif;
    font-size: .8125rem
}

.b-section-result-list-news .btn-wrapper a::after, .b-section-result-list-news .btn-wrapper a::before {
    content: '';
    position: absolute;
    height: 3px;
    width: 20px;
    background: #3ccdcf;
    right: 35px
}

.b-section-result-list-news .btn-wrapper a::before {
    top: 51.5%
}

.b-section-result-list-news .btn-wrapper a::after {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    top: 50%
}

.b-section-result-list-search {
    width: 100%;
    display: block;
    margin-bottom: 70px
}

.b-section-result-list-search .show-more.js-hidden {
    display: none
}

.b-section-result-list-search .date {
    display: block;
    font-weight: 400;
    color: #3ccdcf;
    font-family: "FS Albert Web Light", Helvetica, Arial, sans-serif;
    margin-bottom: 10px;
    font-size: .8125rem
}

.b-section-result-list-search h2 {
    font-family: "FS Albert Web Light", Helvetica, Arial, sans-serif;
    color: #3ccdcf
}

.b-section-result-list-search h2 em {
    font-weight: 700
}

.b-section-result-list-search .content {
    font-size: 1rem;
    line-height: 1.25rem
}

.b-section-result-list-search .content p {
    color: #777;
    font-family: "FS Albert Web Light", Helvetica, Arial, sans-serif
}

.b-section-result-list-search .content p em {
    font-family: "FS Albert Web Bold", Helvetica, Arial, sans-serif
}

.b-section-result-list-search .search-list-item {
    margin-top: 35px;
    border-bottom: 1px solid #d9d9d9
}

.b-section-result-list-search .search-list-item:last-child {
    border: none
}

.b-section-result-list-search .search-list-item a {
    position: relative;
    display: block;
    margin-bottom: 25px
}

.b-section-result-list-search .type {
    font-size: .8125rem;
    text-transform: uppercase;
    color: #3ccdcf;
    font-family: "FS Albert Web Bold", Helvetica, Arial, sans-serif
}

.b-section-result-list-search .btn-wrapper {
    background-color: #f2f2f2
}

.b-section-result-list-search .btn-wrapper a {
    padding: 25px 80px 25px 30px;
    position: relative;
    cursor: pointer;
    display: block;
    font-weight: 600;
    text-transform: uppercase;
    color: #3ccdcf;
    font-family: "FS Albert Web Bold", Helvetica, Arial, sans-serif;
    font-size: .8125rem
}

.b-section-result-list-search .btn-wrapper a::after, .b-section-result-list-search .btn-wrapper a::before {
    content: '';
    position: absolute;
    height: 3px;
    width: 20px;
    background: #3ccdcf;
    right: 35px
}

.b-section-result-list-search .btn-wrapper a::before {
    top: 51.5%
}

.b-section-result-list-search .btn-wrapper a::after {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    top: 50%
}

.b-site-info {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.b-site-info .group {
    margin-bottom: 35px
}

.b-site-info .item {
    font-weight: 300;
    text-transform: uppercase;
    font-style: italic;
    display: inline-block
}

.b-site-info .item > a {
    color: #777;
    -webkit-transition: color 400ms;
    transition: color 400ms
}

.b-site-info .item > a:focus, .b-site-info .item > a:hover {
    color: #01abaa
}

.b-site-info .social-media .item {
    display: inline-block;
    position: relative;
    border-radius: 50%
}

.b-site-info .social-media .item > a {
    display: block;
    position: relative;
    background: #3ccdcf;
    -webkit-transition: background-color 400ms;
    transition: background-color 400ms
}

.b-site-info .social-media .item > a:focus, .b-site-info .social-media .item > a:hover {
    background: #01abaa
}

.b-site-info .social-media .item > a::after {
    content: ' ';
    position: absolute;
    background-size: 100% 100%
}

.b-site-info .email > a::after, .b-site-info .linkedin > a::after, .b-site-info .twitter > a::after {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

.b-sitemap {
    width: 100%
}

.b-sitemap .title > a {
    display: block;
    color: #777;
    -webkit-transition: color 400ms;
    transition: color 400ms
}

.b-sitemap .title > a:focus, .b-sitemap .title > a:hover {
    color: #01abaa
}

.b-sitemap .item {
    font-size: .875rem;
    line-height: 1.1875rem;
    width: 100%
}

.b-sitemap .item > a {
    display: block;
    padding: 8px 0;
    color: #777;
    -webkit-transition: color 400ms;
    transition: color 400ms
}

.b-sitemap .item > a:focus, .b-sitemap .item > a:hover {
    color: #01abaa
}

.b-sitemap .group {
    margin: 0 -15px
}

.b-sitemap .box {
    padding: 0 15px
}

.b-skiplinks .item {
    float: left;
    font-size: 1rem
}

.b-skiplinks .item > a:active, .b-skiplinks .item > a:focus {
    position: absolute;
    z-index: 100;
    top: -10px;
    left: 0;
    width: 100%;
    height: auto;
    padding: 20px 0 10px;
    overflow: visible;
    text-align: center;
    font-weight: 700;
    text-decoration: none;
    color: #fff;
    background: rgba(0, 0, 0, .8);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .6)
}

.b-special-module {
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.b-special-module .special-pagination {
    position: fixed;
    right: 25px;
    top: 50%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 600ms ease-out;
    transition: opacity 600ms ease-out;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.b-special-module .special-pagination button {
    display: block;
    margin: 9px;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background: #fff;
    -webkit-transition: all 400ms;
    transition: all 400ms;
    outline: 0
}

.b-special-module .special-pagination .is-active button {
    background: #01abaa
}

.b-special-module .open-story {
    position: absolute;
    display: block;
    width: 70px;
    height: 70px;
    color: #fff;
    background: #3ccdcf;
    text-indent: -999em;
    border-radius: 50%;
    bottom: 0;
    left: 50%;
    margin-bottom: 30px;
    margin-left: -35px
}

.b-special-module .open-story:before {
    content: '';
    position: absolute;
    height: 15px;
    border-top: 15px solid rgba(255, 255, 255, 0);
    border-bottom: 15px solid rgba(255, 255, 255, 0);
    border-left: 15px solid #fff;
    pointer-events: none;
    right: 0;
    left: 0;
    margin: 0 auto;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    bottom: -10px
}

.b-special-module .open-story:after {
    content: '';
    position: absolute;
    height: 15px;
    border-top: 15px solid rgba(255, 255, 255, 0);
    border-bottom: 15px solid rgba(255, 255, 255, 0);
    border-left: 15px solid #3ccdcf;
    pointer-events: none;
    right: 0;
    left: 0;
    margin: 0 auto;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    bottom: -8px
}

.close-story {
    position: absolute;
    top: 17px;
    left: 22px;
    color: #777;
    background: 0 0;
    font-size: .9rem;
    line-height: .85rem;
    text-transform: uppercase;
    -webkit-transition: all 400ms ease-out;
    transition: all 400ms ease-out;
    opacity: 0;
    visibility: hidden;
    padding-left: 1.5em;
    outline: 0
}

.close-story:after, .close-story:before {
    content: "";
    position: absolute;
    top: .5em;
    left: 0;
    width: 1em;
    height: .15em;
    background: #777
}

.close-story:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.close-story:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.b-page-header, .open-story {
    -webkit-transition: all 1s ease-out;
    transition: all 1s ease-out;
    opacity: 1
}

.b-special-item {
    position: relative;
    overflow: hidden;
    display: none
}

.b-special-item:first-child {
    display: block
}

.b-special-item .text {
    font-family: "FS Albert Web Regular", Helvetica, Arial, sans-serif;
    color: #777
}

.b-special-item .media-box {
    top: 0;
    width: 100%;
    height: 100%
}

.b-special-item .media-box .bg-image {
    width: 100%
}

.b-special-item .special-item-inner {
    top: 0;
    width: 100%;
    height: 100%
}

.b-special-item .content-section {
    position: relative;
    max-width: 1600px;
    margin: 0 auto
}

.b-stage {
    position: relative;
    overflow: hidden
}

.b-stage .title {
    margin-bottom: 15px;
    font-family: "FS Albert Web Regular", Helvetica, Arial, sans-serif;
    color: #777
}

.b-stage .title .highlight {
    display: block;
    position: relative;
    text-transform: uppercase;
    color: #3ccdcf
}

.b-stage .text {
    font-family: "FS Albert Web Regular", Helvetica, Arial, sans-serif;
    color: #777
}

.b-stage .media-box {
    top: 0;
    width: 100%;
    height: 100%
}

.b-stage .media-box .bg-image {
    width: 100%
}

.b-stage .stage-inner {
    top: 0;
    width: 100%;
    height: 100%
}

.b-stage .content-section {
    position: relative;
    max-width: 1600px;
    margin: 0 auto
}

.b-stockchart {
    position: relative;
    width: 100%;
    background: #3ccdcf
}

.b-stockchart .inner {
    display: block;
    padding: 30px 32px 40px
}

.b-stockchart .box {
    position: relative;
    z-index: 1
}

.b-stockchart iframe {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1
}

.b-stockchart .btn {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 40px;
    width: 40px;
    background: #fff;
    -webkit-transition: all 400ms;
    transition: all 400ms
}

.b-stockchart .btn:after {
    border-left-color: #3ccdcf
}

.b-stockchart .btn:focus, .b-stockchart .btn:hover {
    background: #01abaa
}

.b-stockchart .btn:focus::after, .b-stockchart .btn:hover::after {
    border-left-color: #fff
}

.b-story-module {
    margin-top: -50px
}

.b-story-module .story-slide, .b-story-module .story-slide:first-child {
    display: block
}

.b-story-module .media-box {
    position: relative
}

.b-story-module .media-box::after {
    content: '';
    display: block;
    height: 0;
    width: 100%;
    padding-bottom: 43.75%
}

.b-story-module .media-box img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block
}

.special-is-open .open-story {
    opacity: 0;
    visibility: hidden;
    overflow: hidden
}

.special-is-open .b-header-box, .special-is-open .b-meta-nav, .special-is-open .b-nav-btn {
    -webkit-transform: translateX(-200%);
    -ms-transform: translateX(-200%);
    transform: translateX(-200%);
    opacity: .3;
    visibility: hidden;
    overflow: hidden;
    -webkit-transition-delay: 400ms;
    transition-delay: 400ms
}

.special-is-open .b-page-header .inner-header {
    background: rgba(255, 255, 255, .8)
}

.special-is-open .b-special-item {
    display: block
}

.special-is-open .close-story, .special-is-open .special-pagination {
    visibility: visible;
    opacity: 1
}

.special-is-open .close-story {
    -webkit-transition-delay: 400ms;
    transition-delay: 400ms
}

.special-is-open .story-slide {
    display: block
}

.b-page-header .b-header-box, .b-page-header .b-meta-nav, .b-page-header .b-nav-btn, .b-page-header .inner-header {
    -webkit-transition: all 500ms ease-out;
    transition: all 500ms ease-out
}

.b-toc-nav > .group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 1px solid #3ccdcf;
    counter-reset: section
}

.b-toc-nav > .group.has-two-items {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.b-toc-nav > .group.has-two-items .item {
    margin-right: 35px
}

.b-article-section .b-richtext-content .b-toc-nav > .group {
    margin-left: 0
}

.b-toc-nav .item {
    position: relative;
    font-size: 1rem;
    text-transform: uppercase;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.b-toc-nav .item > a {
    display: block;
    padding: 20px 30px 14px 2px;
    font-weight: 600
}

.b-article-section .b-richtext-content .b-toc-nav .item > a {
    color: #3ccdcf
}

.b-toc-nav .item > a::before {
    content: counter(section, decimal-leading-zero);
    counter-increment: section;
    padding-right: 6px;
    color: #ffa23a
}

.b-toc-nav .item::after {
    position: absolute;
    right: 0;
    left: auto;
    border-left: 8px solid #3ccdcf;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.video-testing h1 {
    margin-bottom: 40px;
    margin-top: 40px;
    background: grey
}

.video-wrapper {
    position: relative;
    height: 0
}

.video-wrapper.is-ratio-16-9 {
    padding-bottom: 56.25%
}

.video-wrapper.is-ratio-4-3 {
    padding-bottom: 75%
}

.video-wrapper.is-ratio-1-1 {
    padding-bottom: 100%
}

.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.b-article-section {
    width: 100%
}

.b-article-section h4, .b-article-section > h3 {
    margin-bottom: 15px;
    padding-top: 10px;
    font-family: "FS Albert Web Regular", Helvetica, Arial, sans-serif;
    color: #3ccdcf;
    font-size: 1.25rem;
    line-height: 1.5rem
}

.b-article-section h4 {
    color: #777
}

.b-article {
    padding: 0 0 40px
}

.b-richtext-content {
    width: 100%;
    padding: 0 20px;
    counter-reset: section
}

.b-richtext-content .toc-ref {
    clear: both;
    display: block;
    position: relative;
    text-shadow: none;
    color: transparent
}

.b-richtext-content .toc-ref::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    background: #ffa23a
}

.b-richtext-content .toc-ref::before {
    content: counter(section, decimal-leading-zero);
    counter-increment: section;
    color: #ffa23a
}

.b-richtext-content .underline {
    text-decoration: underline
}

.b-richtext-content .strike {
    text-decoration: line-through
}

.b-richtext-content b, .b-richtext-content strong {
    font-weight: 600
}

.b-richtext-content em, .b-richtext-content i {
    font-style: italic
}

.b-richtext-content a {
    font-weight: 600;
    color: #ffa23a
}

.b-richtext-content a:focus figcaption, .b-richtext-content a:hover figcaption {
    text-decoration: underline
}

.b-richtext-content > h1, .b-richtext-content > h2 {
    font-family: "FS Albert Web Regular", Helvetica, Arial, sans-serif;
    color: #3ccdcf
}

.b-richtext-content p {
    color: #777
}

.b-richtext-content p a:focus, .b-richtext-content p a:hover {
    text-decoration: underline
}

.b-richtext-content p.align--right {
    text-align: right
}

.b-richtext-content p.align--center {
    text-align: center
}

.b-richtext-content p.justify {
    text-align: justify
}

.b-richtext-content > ol, .b-richtext-content > ul {
    color: #777
}

.b-richtext-content > ol a:focus, .b-richtext-content > ol a:hover, .b-richtext-content > ul a:focus, .b-richtext-content > ul a:hover {
    text-decoration: underline
}

.b-richtext-content ul > li {
    position: relative
}

.b-richtext-content ul > li::before {
    content: "";
    position: absolute;
    top: 8px;
    left: 3px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #3ccdcf
}

.b-richtext-content ol {
    list-style: decimal
}

.b-richtext-content > blockquote p {
    position: relative;
    padding-bottom: 30px;
    font-style: italic;
    color: #3ccdcf
}

.b-richtext-content > blockquote p::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 70px;
    background: #3ccdcf
}

.b-richtext-content > blockquote::before {
    content: '';
    position: absolute;
    height: 38px;
    width: 50px;
    background-size: 50px 38px
}

.b-richtext-content > blockquote cite {
    font-family: "FS Albert Web Regular", Helvetica, Arial, sans-serif;
    font-style: normal;
    text-transform: uppercase;
    color: #3ccdcf
}

.b-richtext-content > blockquote cite a {
    color: #3ccdcf
}

.b-richtext-content .media-box {
    position: relative
}

.b-richtext-content .media-box img {
    width: 100%
}

.b-richtext-content .media-box figcaption {
    color: #777;
    font-weight: 400
}

.b-richtext-content .media-box iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.b-richtext-content .media-box.is-video {
    padding-bottom: 56.25%;
    margin: 0 0 42px
}

.b-richtext-content table {
    width: 100%
}

.b-richtext-content thead tr {
    border-bottom: 2px solid #777
}

.b-richtext-content thead th {
    color: #777
}

.b-richtext-content tbody tr {
    border-bottom: 1px solid #777
}

.b-richtext-content tbody tr:nth-child(odd) {
    background: #f6f6f6
}

.b-richtext-content tbody td {
    border-left: 1px solid #d8f5f5;
    color: #777
}

.b-richtext-content tbody td:first-child {
    border-left: none
}

.b-teaser-announcement {
    width: 100%;
    -webkit-transition: background-color 300ms;
    transition: background-color 300ms
}

.b-teaser-announcement > .inner {
    display: block
}

.b-teaser-announcement .date {
    display: inline-block;
    position: relative;
    text-transform: uppercase;
    font-weight: 400;
    color: #fff
}

.b-teaser-announcement .date::after {
    right: 0;
    left: auto;
    -webkit-transition: all 600ms;
    transition: all 600ms
}

.b-teaser-announcement .text {
    font-style: italic;
    color: #fff
}

.b-teaser-announcement:focus, .b-teaser-announcement:hover {
    background: #01abaa
}

.b-teaser-announcement:focus .date::after, .b-teaser-announcement:hover .date::after {
    right: -5%
}

.b-teaser-background {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #f6f6f6
}

.b-teaser-background > .inner {
    width: 100%
}

.b-teaser-background > .inner:active .media-box .image, .b-teaser-background > .inner:hover .media-box .image {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.b-teaser-background > .inner:active .btn, .b-teaser-background > .inner:hover .btn {
    background-color: #01abaa
}

.b-teaser-background .media-box {
    position: relative
}

.b-teaser-background .media-box::after {
    content: '';
    display: block;
    height: 0;
    width: 100%;
    padding-bottom: 100%
}

.b-teaser-background .media-box .image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    right: 100%;
    display: block;
    -webkit-transition: -webkit-transform 7000ms, opacity 700ms;
    transition: transform 7000ms, opacity 700ms
}

.ie .b-teaser-background .media-box .image {
    -webkit-transition: -webkit-transform 400ms;
    transition: transform 400ms
}

.b-teaser-background .text-box {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.b-teaser-background .title {
    font-family: "FS Albert Web Regular", Helvetica, Arial, sans-serif;
    color: #3ccdcf
}

.b-teaser-background .additional {
    display: block
}

.b-teaser-background .additional b {
    margin-right: 4px;
    text-transform: uppercase
}

.b-teaser-background .additional b::after {
    content: ','
}

.b-teaser-background .btn {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 40px;
    width: 40px;
    background: #3ccdcf;
    -webkit-transition: background-color 400ms;
    transition: background-color 400ms
}

.b-teaser-background.is-download .btn::after {
    left: 0;
    height: 19px;
    width: 22px;
    border: none !important;
    background-size: 22px 19px
}

.b-teaser-double {
    position: relative;
    width: 100%;
    background: #f6f6f6
}

.b-teaser-double > .inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.b-teaser-double > .inner:focus .media-box .image, .b-teaser-double > .inner:hover .media-box .image {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.b-teaser-double > .inner:focus .btn, .b-teaser-double > .inner:hover .btn {
    background-color: #01abaa
}

.b-teaser-double .media-box {
    overflow: hidden
}

.b-teaser-double .media-box .image {
    width: 100%;
    -webkit-transition: -webkit-transform 7000ms, opacity 700ms;
    transition: transform 7000ms, opacity 700ms
}

.ie .b-teaser-double .media-box .image {
    -webkit-transition: -webkit-transform 400ms;
    transition: transform 400ms
}

.b-teaser-double .text-box {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    z-index: 2
}

.b-teaser-double .title {
    font-family: "FS Albert Web Regular", Helvetica, Arial, sans-serif;
    color: #3ccdcf
}

.b-teaser-double .text {
    color: #777
}

.b-teaser-double .btn {
    display: inline-block;
    position: absolute;
    bottom: 30px;
    padding: 14px 50px 13px 20px;
    font-family: "FS Albert Web Bold", Helvetica, Arial, sans-serif;
    font-size: .8125rem;
    text-transform: uppercase;
    color: #fff;
    background: #3ccdcf;
    -webkit-transition: background-color 400ms;
    transition: background-color 400ms
}

.b-teaser-double .btn:after {
    right: 20px;
    left: auto
}

.b-teaser-double.is-download .btn::after {
    border: none;
    width: 17px;
    height: 15px
}

.b-teaser-double.is-highlight-2 {
    background: #fff
}

.b-teaser-lightbox-image {
    position: relative;
    width: 100%;
    overflow: hidden
}

.b-teaser-lightbox-image > .inner {
    width: 100%
}

.b-teaser-lightbox-image > .inner:active .media-box .image, .b-teaser-lightbox-image > .inner:hover .media-box .image {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.b-teaser-lightbox-image > .inner:active .btn, .b-teaser-lightbox-image > .inner:hover .btn {
    background-color: #01abaa
}

.b-teaser-lightbox-image .media-box {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    width: 100%;
    overflow: hidden;
    position: relative
}

.b-teaser-lightbox-image .media-box::after {
    content: '';
    display: block;
    height: 0;
    width: 100%;
    padding-bottom: 100%
}

.b-teaser-lightbox-image .media-box .image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    right: 100%;
    display: block;
    -webkit-transition: -webkit-transform 7000ms, opacity 700ms;
    transition: transform 7000ms, opacity 700ms
}

.ie .b-teaser-lightbox-image .media-box .image {
    -webkit-transition: -webkit-transform 400ms;
    transition: transform 400ms
}

.b-teaser-lightbox-image .btn {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 40px;
    width: 40px;
    background: #3ccdcf;
    -webkit-transition: all 400ms;
    transition: all 400ms
}

.b-teaser-lightbox-image .btn:after {
    content: '';
    height: 23px;
    width: 23px;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.b-teaser-map {
    width: 100%;
    padding: 26px 32px;
    position: relative
}

.b-teaser-map > .inner:active .b-btn, .b-teaser-map > .inner:hover .b-btn {
    background-color: #01abaa
}

.b-teaser-map.is-download .b-btn::after {
    border: none;
    width: 17px;
    height: 15px
}

.b-teaser-map::after, .b-teaser-map::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: #3ccdcf
}

.b-teaser-map:before {
    height: 1px;
    width: 40px
}

.b-teaser-map:after {
    height: 40px;
    width: 1px
}

.b-teaser-map .text-box {
    position: relative;
    min-height: 280px
}

.b-teaser-map .title {
    font-family: "FS Albert Web Regular", Helvetica, Arial, sans-serif;
    color: #3ccdcf;
    margin-bottom: 14px
}

.b-teaser-map .text {
    color: #777
}

.b-teaser-map .b-btn {
    position: absolute
}

.b-teaser-standard {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%;
    background: #f6f6f6
}

.b-teaser-standard > .inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    width: 100%
}

.b-teaser-standard > .inner:focus .media-box .image, .b-teaser-standard > .inner:hover .media-box .image {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.b-teaser-standard > .inner:focus .btn, .b-teaser-standard > .inner:hover .btn {
    background-color: #01abaa
}

.b-teaser-standard .media-box {
    overflow: hidden;
    position: relative
}

.b-teaser-standard .media-box::after {
    content: '';
    display: block;
    height: 0;
    width: 100%;
    padding-bottom: 57%
}

.b-teaser-standard .media-box .image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    right: 100%;
    display: block;
    -webkit-transition: -webkit-transform 7000ms, opacity 700ms;
    transition: transform 7000ms, opacity 700ms
}

.ie .b-teaser-standard .media-box .image {
    -webkit-transition: -webkit-transform 400ms;
    transition: transform 400ms
}

.b-teaser-standard .text-box {
    width: 100%;
    z-index: 2
}

.b-teaser-standard .title {
    font-family: "FS Albert Web Regular", Helvetica, Arial, sans-serif;
    color: #3ccdcf
}

.b-teaser-standard .text {
    color: #777
}

.b-teaser-standard .btn {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 40px;
    width: 40px;
    background: #3ccdcf;
    -webkit-transition: all 400ms;
    transition: all 400ms
}

.b-teaser-standard .btn::after {
    -webkit-transition: border-color 400ms;
    transition: border-color 400ms
}

.b-teaser-standard.is-highlight-1 {
    background: #ffa23a
}

.b-teaser-standard.is-highlight-1 .text, .b-teaser-standard.is-highlight-1 .title {
    color: #fff
}

.b-teaser-standard.is-highlight-1 .btn {
    background: #fff
}

.b-teaser-standard.is-highlight-1 .btn::after {
    border-left-color: #ffa23a
}

.b-teaser-standard.is-highlight-1 > .inner:focus .btn, .b-teaser-standard.is-highlight-1 > .inner:hover .btn {
    background: #ce7d24
}

.b-teaser-standard.is-highlight-1 > .inner:focus .btn::after, .b-teaser-standard.is-highlight-1 > .inner:hover .btn::after {
    border-left-color: #fff
}

.b-teaser-standard.is-highlight-1.is-download > .inner:focus .btn, .b-teaser-standard.is-highlight-1.is-download > .inner:hover .btn {
    background: #ce7d24
}

.b-teaser-standard.is-highlight-1.is-download > .inner:focus .btn::after, .b-teaser-standard.is-highlight-1.is-download > .inner:hover .btn::after {
    border-left-color: #fff
}

.b-teaser-standard.is-highlight-2 {
    background: #fff
}

.b-teaser-standard.is-highlight-3 {
    background: #3ccdcf
}

.b-teaser-standard.is-highlight-3 .text, .b-teaser-standard.is-highlight-3 .title {
    color: #fff
}

.b-teaser-standard.is-highlight-3 .btn {
    background: #fff
}

.b-teaser-standard.is-highlight-3 .btn::after {
    border-left-color: #3ccdcf
}

.b-teaser-standard.is-highlight-3 > .inner:focus .btn::after, .b-teaser-standard.is-highlight-3 > .inner:hover .btn::after {
    border-left-color: #fff
}

.b-teaser-standard.is-download .btn::after {
    left: 0;
    height: 19px;
    width: 22px;
    border: none !important;
    background-size: 22px 19px
}

@media screen {
    .date-input-buttons button {
        text-align: center;
        background: 0 0
    }

    .date-input-buttons button span::before {
        position: absolute;
        content: '';
        width: 14px;
        height: 14px;
        right: 20px
    }

    .date-popover button {
        text-align: center
    }

    .date-popover .picker-list select {
        display: none
    }

    .datalist-polyfill .datalist-box li {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .col1 {
        width: 8.3333333333%
    }

    .col2 {
        width: 16.6666666667%
    }

    .col3 {
        width: 25%
    }

    .col4 {
        width: 33.3333333333%
    }

    .col5 {
        width: 41.6666666667%
    }

    .col6 {
        width: 50%
    }

    .col7 {
        width: 58.3333333333%
    }

    .col8 {
        width: 66.6666666667%
    }

    .col9 {
        width: 75%
    }

    .col10 {
        width: 83.3333333333%
    }

    .col11 {
        width: 91.6666666667%
    }

    .col12 {
        width: 100%
    }

    .b-page-section > .inner-section {
        padding: 30px 20px
    }

    .b-page-section > .inner-section > [class^=col] {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding: 30px 15px
    }

    .b-page-section > .inner-section > .section-title {
        padding: 30px 15px
    }

    .b-page-section > .inner-section .col-12 {
        width: 100%
    }

    .b-accordion {
        margin-bottom: 60px
    }

    .b-accordion > .accordion-heading {
        font-family: "FS Albert Web Regular", Helvetica, Arial, sans-serif;
        font-size: 1.5rem;
        margin-bottom: 20px
    }

    .b-accordion .accordion-title {
        font-size: .8125rem
    }

    .b-announcement {
        padding: 25px 30px
    }

    .b-announcement > .inner {
        margin: 0 -20px
    }

    .b-announcement .section-title {
        margin-bottom: 15px
    }

    .b-announcement .btn {
        margin-top: 30px;
        font-size: .8125rem
    }

    .b-announcement .item {
        width: 100%
    }

    .b-contact {
        margin-bottom: 60px
    }

    .b-contact .media-box {
        width: 25%;
        position: relative
    }

    .b-contact .media-box::after {
        content: '';
        display: block;
        height: 0;
        width: 100%;
        padding-bottom: 95.3020134228%
    }

    .b-contact .media-box .image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        right: 100%;
        display: block
    }

    .b-contact .text-box {
        padding: 20px 30px
    }

    .b-contact .channel-group {
        position: absolute;
        bottom: 10px;
        right: 10px;
        left: 30px
    }

    .b-header-box {
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        overflow: inherit
    }

    .b-intro {
        margin-bottom: 45px
    }

    .b-intro .title {
        margin-bottom: 24px;
        font-size: 2.1875rem;
        line-height: 2.625rem
    }

    .b-intro .date {
        margin-bottom: 10px;
        font-size: .75rem
    }

    .b-intro .group {
        padding-top: 92px
    }

    .b-intro .content {
        font-size: 1.25rem;
        line-height: 1.6875rem
    }

    .b-intro .content p {
        margin-bottom: 28px
    }

    .b-intro .media-box {
        position: relative;
        margin: 0 0 42px
    }

    .b-article .b-intro .media-box {
        margin: 0 -40px 42px
    }

    .b-intro .media-box::after {
        content: '';
        display: block;
        height: 0;
        width: 100%;
        padding-bottom: 66.6666666%
    }

    .b-intro .media-box .image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        right: 100%;
        display: block
    }

    .b-article .b-intro {
        padding: 0 20px
    }

    .b-nav-btn {
        position: absolute;
        width: 100px;
        height: 50px;
        left: 0;
        top: 0
    }

    .b-nav-btn > .inner {
        top: 0;
        right: 18px;
        bottom: 0;
        margin: auto 0
    }

    .b-search-btn {
        width: 100px;
        height: 100%
    }

    .b-section-nav .item {
        min-height: 82px;
        width: 20%;
        font-size: .9375rem;
        line-height: 1.4375rem
    }

    .b-site-info .item {
        margin-right: 50px;
        font-size: .8125rem
    }

    .b-site-info .social-media {
        margin-right: 72px
    }

    .b-site-info .social-media .item {
        margin-right: 18px
    }

    .b-site-info .social-media .item > a {
        width: 49px;
        height: 49px
    }

    .b-site-info .facebook > a::after {
        right: 12px;
        bottom: -2px;
        height: 37px;
        width: 18px
    }

    .b-site-info .linkedin > a::after, .b-site-info .twitter > a::after {
        height: 20px;
        width: 28px
    }

    .b-site-info .email > a::after {
        height: 16px;
        width: 22px
    }

    .b-sitemap .box {
        width: 20%
    }

    .b-sitemap .title {
        min-height: 55px;
        font-size: 1.25rem;
        line-height: 1.5rem
    }

    .b-sitemap .title > a {
        padding: 8px 0
    }

    .b-sitemap .item {
        font-size: .9375rem;
        line-height: 1.4375rem
    }

    .b-special-item {
        padding-top: 36.1328125%
    }

    .b-special-item .content-section {
        padding: 20px
    }

    .b-special-item .content-section > [class^=col] {
        padding: 20px 15px
    }

    .b-special-item .content {
        padding: 22px 32px
    }

    .b-special-item .text {
        margin-bottom: 15px;
        font-size: 1.5rem;
        line-height: 1.8125rem;
        color: #777
    }

    .b-special-item.is-light .text {
        color: #fff
    }

    .b-special-item p {
        margin: 20px 0
    }

    .b-stage {
        padding-top: 36.1328125%
    }

    .b-stage .content-section {
        padding: 30px 20px
    }

    .b-stage .content-section > [class^=col] {
        padding: 30px 15px
    }

    .b-stage .content {
        padding: 42px 32px
    }

    .b-stage .title {
        margin-bottom: 15px;
        font-size: 2.1875rem;
        line-height: 2.625rem
    }

    .b-stage .title .highlight {
        margin-bottom: 20px;
        padding-bottom: 15px;
        font-size: 1rem;
        line-height: 1.375rem
    }

    .b-stage .title .highlight::after {
        content: ' ';
        position: absolute;
        bottom: 0;
        left: 0;
        height: 1px;
        width: 70px;
        background: #3ccdcf
    }

    .b-stage .text {
        margin-bottom: 20px;
        font-size: 1.5rem;
        line-height: 1.8125rem
    }

    .b-toc-nav {
        margin-bottom: 22px
    }

    .b-richtext-content .b-accordion {
        clear: both
    }

    .b-richtext-content .toc-ref {
        clear: both;
        margin-bottom: 20px;
        padding-top: 55px;
        padding-bottom: 8px
    }

    .b-richtext-content .toc-ref::after {
        height: 1px;
        width: 70px
    }

    .b-richtext-content .toc-ref::before {
        font-size: 2.8125rem
    }

    .b-richtext-content .toc-ref a {
        right: 0;
        padding-top: 55px;
        text-transform: uppercase;
        font-family: "FS Albert Web Bold", Helvetica, Arial, sans-serif;
        margin-right: -40px;
        font-size: .9375rem;
        line-height: 1.4375rem;
        color: #3ccdcf;
        font-style: normal;
        padding-right: 30px;
        position: absolute;
        z-index: 1;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .b-richtext-content .toc-ref a::after {
        left: auto;
        right: 0;
        top: 55px;
        border-left: 8px solid #3ccdcf;
        -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        transform: rotate(270deg)
    }

    .b-richtext-content > h1 {
        margin-bottom: 30px;
        font-family: "FS Albert Web Regular", Helvetica, Arial, sans-serif;
        color: #3ccdcf;
        font-size: 2.1875rem;
        line-height: 2.625rem
    }

    .b-richtext-content > h2 {
        clear: both;
        margin-bottom: 15px;
        padding-top: 10px;
        font-family: "FS Albert Web Regular", Helvetica, Arial, sans-serif;
        color: #3ccdcf;
        font-size: 1.5rem;
        line-height: 1.8125rem
    }

    .b-richtext-content > h3 {
        clear: both;
        margin-bottom: 15px;
        padding-top: 10px;
        font-family: "FS Albert Web Regular", Helvetica, Arial, sans-serif;
        color: #3ccdcf;
        font-size: 1.25rem;
        line-height: 1.5rem
    }

    .b-richtext-content > h4 {
        margin-bottom: 15px;
        padding-top: 10px;
        font-family: "FS Albert Web Regular", Helvetica, Arial, sans-serif;
        color: #3ccdcf;
        font-size: 1.25rem;
        line-height: 1.5rem
    }

    .b-richtext-content > h5 {
        clear: both;
        margin: 35px 0 32px;
        padding: 20px;
        font-size: 1rem;
        font-weight: 400;
        color: #3ccdcf;
        border: 1px solid #3ccdcf
    }

    .b-richtext-content p, .b-richtext-content > ol, .b-richtext-content > ul {
        margin-bottom: 28px;
        font-size: 1rem;
        line-height: 1.625rem
    }

    .b-richtext-content > ol ol, .b-richtext-content > ul ol {
        margin-left: 23px
    }

    .b-richtext-content ul ol, .b-richtext-content ul ul {
        margin-top: 6px
    }

    .b-richtext-content ul > li {
        margin-bottom: 10px;
        padding-left: 20px
    }

    .b-richtext-content ol {
        margin-left: 23px
    }

    .b-richtext-content ol ol, .b-richtext-content ol ul {
        margin-top: 6px
    }

    .b-richtext-content ol > li {
        margin-bottom: 10px
    }

    .b-richtext-content > blockquote {
        position: relative;
        margin: 50px 0
    }

    .b-richtext-content > blockquote > p {
        font-size: 2.1875rem;
        line-height: 2.625rem
    }

    .b-richtext-content > blockquote > cite {
        font-size: .9375rem;
        line-height: 1.4375rem
    }

    .b-richtext-content > blockquote::before {
        top: 0;
        left: -80px
    }

    .b-richtext-content .inner-lightbox {
        width: 100%
    }

    .b-richtext-content .inner-lightbox:active .btn, .b-richtext-content .inner-lightbox:hover .btn {
        background-color: #01abaa
    }

    .b-richtext-content .inner-lightbox .image-wrapper {
        display: block;
        position: relative
    }

    .b-richtext-content .inner-lightbox .image-wrapper::after {
        content: '';
        position: absolute;
        height: 40px;
        width: 40px;
        right: 0;
        bottom: 0;
        z-index: 1;
        background-color: #01abaa
    }

    .b-richtext-content .inner-lightbox .image-wrapper::before {
        content: '';
        position: absolute;
        z-index: 2;
        height: 23px;
        width: 23px;
        right: 7px;
        bottom: 7px
    }

    .b-richtext-content .media-box {
        margin: 0 -40px 42px
    }

    .b-richtext-content .media-box figcaption {
        position: relative;
        width: 100%;
        right: 0;
        padding: 10px 40px;
        border: none
    }

    .b-richtext-content .media-box.float--left {
        float: left;
        top: 6px;
        width: 55%;
        margin: 0 0 0 -40px;
        padding: 0 40px 22px 0
    }

    .b-richtext-content .media-box.float--left figcaption {
        position: relative;
        width: 100%;
        right: 0;
        padding: 10px 20px 10px 40px;
        border: none
    }

    .b-richtext-content .media-box.float--right {
        float: right;
        top: 6px;
        width: 55%;
        margin: 0 -40px 0 0;
        padding: 0 0 22px 40px
    }

    .b-richtext-content .media-box.float--right figcaption {
        position: relative;
        width: 100%;
        right: 0;
        padding: 10px 40px 10px 20px;
        border: none
    }

    .b-richtext-content .table-responsive-wrapper {
        min-height: .01%;
        overflow-x: auto;
        margin-bottom: 30px
    }

    .b-richtext-content .table-responsive-wrapper::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 14px;
        height: 14px
    }

    .b-richtext-content .table-responsive-wrapper::-webkit-scrollbar-thumb {
        border-radius: 8px;
        border: 3px solid #fff;
        background-color: rgba(0, 0, 0, .3)
    }

    .b-richtext-content table {
        width: 100%;
        max-width: 100%
    }

    .b-richtext-content tbody th {
        padding: 20px
    }

    .b-richtext-content tbody td {
        padding: 20px;
        min-width: 200px;
        font-size: 1rem;
        line-height: 1.625rem
    }

    .b-teaser-announcement > .inner {
        padding: 15px 20px
    }

    .b-teaser-announcement .date {
        padding-right: 20px;
        margin-bottom: 5px;
        font-size: .9375rem;
        line-height: 1.4375rem
    }

    .b-teaser-announcement .text {
        font-size: 1.5625rem;
        line-height: 1.875rem
    }

    .b-teaser-background {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        min-height: 230px
    }

    .b-teaser-background > .inner {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: column;
        -ms-flex-flow: column;
        flex-flow: column;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .b-teaser-background .text-box {
        padding: 26px 32px
    }

    .b-teaser-background .title {
        margin-bottom: 14px;
        font-size: 1.5rem;
        line-height: 1.8125rem
    }

    .b-teaser-background .additional {
        font-size: .8125rem
    }

    .b-teaser-double {
        min-height: 280px
    }

    .b-teaser-double .media-box {
        position: relative;
        width: 47.6%
    }

    .b-teaser-double .media-box::after {
        content: '';
        display: block;
        height: 0;
        width: 100%;
        padding-bottom: 95.3020134228%
    }

    .b-teaser-double .media-box .image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        right: 100%;
        display: block
    }

    .b-teaser-double .title {
        margin-bottom: 14px;
        font-size: 1.5rem;
        line-height: 1.8125rem
    }

    .b-teaser-double .text-box {
        padding: 26px 32px 56px
    }

    .b-teaser-double .text {
        margin-bottom: 30px;
        font-size: 1rem;
        line-height: 1.625rem
    }

    .b-teaser-lightbox-image {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .b-teaser-lightbox-image > .inner {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

    .b-teaser-standard {
        min-height: 280px
    }

    .b-teaser-standard .text-box {
        padding: 26px 32px
    }

    .b-teaser-standard .title {
        margin-bottom: 14px;
        font-size: 1.5rem;
        line-height: 1.8125rem
    }

    .b-teaser-standard .text {
        margin-bottom: 14px;
        font-size: 1rem;
        line-height: 1.625rem
    }
}

@media screen and (min-width: 650px) and (max-width: 849px) {
    .col1-s {
        width: 8.3333333333%
    }

    .col2-s {
        width: 16.6666666667%
    }

    .col3-s {
        width: 25%
    }

    .col4-s {
        width: 33.3333333333%
    }

    .col5-s {
        width: 41.6666666667%
    }

    .col6-s {
        width: 50%
    }

    .col7-s {
        width: 58.3333333333%
    }

    .col8-s {
        width: 66.6666666667%
    }

    .col9-s {
        width: 75%
    }

    .col10-s {
        width: 83.3333333333%
    }

    .col11-s {
        width: 91.6666666667%
    }

    .col12-s {
        width: 100%
    }

    .b-page-nav {
        padding-bottom: 60px
    }

    .b-page-section > .inner-section > [class^=col] {
        padding: 15px 10px
    }

    .b-page-section > .inner-section > [class^=col].is-not-visible-s {
        display: none
    }

    .b-page-section > .inner-section > .section-title {
        padding: 15px 10px
    }

    .b-page-section > .inner-section.is-not-visible-s {
        display: none
    }

    .b-page-section.is-map-highlight {
        background: 0 0
    }

    .b-page-section.is-map-highlight .b-teaser-map {
        /* background: url(../img/dev/map-bg.jpg) 35% 0/auto 150% no-repeat */
    }

    .b-breadcrumbs {
        display: none
    }

    .b-filter-form .is-size-25, .b-filter-form .is-size-33 {
        width: 100%;
        margin-bottom: 5px
    }

    .b-filter-form input, .b-filter-form select {
        font-size: .875rem
    }

    .b-search-filter {
        font-size: 1.1875rem
    }

    .b-forms .is-size-25, .b-forms .is-size-50, .b-forms .is-size-75 {
        width: 100%
    }

    .b-forms .row {
        margin-bottom: 0
    }

    .b-forms .box {
        margin-bottom: 20px
    }

    .b-header-box {
        border: none
    }

    .b-header-box::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #fff
    }

    .b-intro .group {
        padding-top: 32px
    }

    .b-intro .title {
        margin-bottom: 20px;
        font-size: 1.875rem;
        line-height: 2.25rem
    }

    .b-page-header .b-meta-nav {
        display: none
    }

    .b-nav-btn {
        position: absolute;
        height: 100%;
        width: 70px
    }

    .b-news-result-section .type {
        position: relative
    }

    .b-section-nav .item {
        width: 33.333%
    }

    .b-section-result-list-news .type {
        position: relative;
        display: inline-block
    }

    .b-section-result-list-news .date, .b-section-result-list-news .date .time::before {
        display: inline-block
    }

    .b-section-result-list-search .group {
        position: relative
    }

    .b-section-result-list-search li {
        width: 100%
    }

    .b-section-result-list-search h2 {
        font-size: 1.1875rem;
        line-height: 1.4375rem
    }

    .b-section-result-list-search .search-list-item a {
        border-right: none;
        padding-right: 0
    }

    .b-section-result-list-search .btn-wrapper {
        margin-right: 0
    }

    .b-site-info {
        padding: 0 40px
    }

    .b-site-info .item {
        margin-right: 0;
        font-size: .75rem
    }

    .b-site-info .group {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%
    }

    .b-site-info .social-media {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        margin: 0 0 35px
    }

    .b-site-info .social-media ul {
        text-align: center
    }

    .b-site-info .social-media .item {
        margin-right: 18px;
        min-width: 49px
    }

    .b-site-info .social-media .item:last-child {
        margin-right: 0
    }

    .b-site-info .social-media .item > a {
        width: 49px;
        height: 49px
    }

    .b-sitemap .box {
        width: 33.333%;
        margin-bottom: 20px
    }

    .b-special-item {
        width: 100%;
        height: 100%;
        padding-top: 0
    }

    .b-special-item .media-box, .b-special-item .media-box .bg-image, .b-special-item .special-item-inner {
        position: relative
    }

    .b-special-item .content-section, .b-special-item .content-section > [class^=col] {
        padding: 15px 10px
    }

    .b-special-item .text {
        color: #777
    }

    .b-special-item .content {
        padding: 10px 16px 0
    }

    .b-special-item .open-story {
        display: none
    }

    .b-stage {
        display: block;
        width: 100%;
        height: 100%;
        padding-top: 0
    }

    .b-stage .media-box, .b-stage .media-box .bg-image, .b-stage .stage-inner {
        position: relative
    }

    .b-stage .content-section, .b-stage .content-section > [class^=col] {
        padding: 15px 10px
    }

    .b-stage .content {
        padding: 10px 16px
    }

    .b-richtext-content > h2 {
        margin-bottom: 15px;
        padding-top: 10px;
        font-size: 1.1875rem;
        line-height: 1.4375rem
    }

    .b-richtext-content .media-box.float--left {
        float: none;
        top: 0;
        width: 100%;
        margin: 0;
        padding: 0
    }

    .b-richtext-content .media-box.float--left figcaption {
        position: relative;
        width: 100%;
        right: 0;
        padding: 10px 0;
        border: none
    }

    .b-richtext-content .media-box.float--right {
        float: none;
        top: 0;
        width: 100%;
        margin: 0;
        padding: 0
    }

    .b-richtext-content .media-box.float--right figcaption {
        position: relative;
        width: 100%;
        right: 0;
        padding: 10px 0;
        border: none
    }

    .b-richtext-content > blockquote {
        padding-left: 60px
    }

    .b-richtext-content > blockquote > p {
        font-size: 1.875rem;
        line-height: 2.25rem
    }

    .b-richtext-content > blockquote::before {
        left: -3px
    }

    .b-richtext-content > blockquote > cite {
        font-size: .8125rem;
        line-height: 1.25rem
    }

    .b-richtext-content .media-box {
        margin-bottom: 30px
    }

    .b-teaser-background, .b-teaser-double {
        min-height: 0
    }

    .b-teaser-double .media-box {
        width: 100%
    }

    .b-teaser-map .title {
        font-size: 1.5rem;
        line-height: 1.8125rem
    }

    .b-teaser-map .text {
        margin-bottom: 14px;
        font-size: 1rem;
        line-height: 1.625rem
    }

    .b-teaser-map .text-box {
        width: 100%
    }

    .b-teaser-standard {
        min-height: 0
    }
}

@media screen and (min-width: 850px) and (max-width: 1254px) {
    .col1-m {
        width: 8.3333333333%
    }

    .col2-m {
        width: 16.6666666667%
    }

    .col3-m {
        width: 25%
    }

    .col4-m {
        width: 33.3333333333%
    }

    .col5-m {
        width: 41.6666666667%
    }

    .col6-m {
        width: 50%
    }

    .col7-m {
        width: 58.3333333333%
    }

    .col8-m {
        width: 66.6666666667%
    }

    .col9-m {
        width: 75%
    }

    .col10-m {
        width: 83.3333333333%
    }

    .col11-m {
        width: 91.6666666667%
    }

    .col12-m {
        width: 100%
    }

    .b-page-header .inner-header {
        box-shadow: 0 2px 2px rgba(0, 0, 0, .1)
    }

    .b-page-section.is-detail-page > .inner-section, .b-page-section.is-news-overview-page > .inner-section {
        max-width: 640px
    }

    .b-page-section.is-map-highlight {
        background: url(../img/dev/map-bg.jpg) 26% 26%/248% no-repeat
    }

    .b-announcement .item {
        width: 33.3333%
    }

    .b-filter-form .is-size-33 {
        width: 33%;
        margin-bottom: 0
    }

    .b-filter-form .is-size-25 {
        width: 25%;
        margin-bottom: 0
    }

    .b-filter-form input, .b-filter-form select {
        font-size: .75rem
    }

    .b-search-filter {
        font-size: 1.5rem
    }

    .b-forms .is-size-100 {
        width: 100%
    }

    .b-forms .is-size-75 {
        width: 75%
    }

    .b-forms .is-size-50 {
        width: 50%
    }

    .b-forms .is-size-25 {
        width: 25%
    }

    .b-forms .row {
        margin-bottom: 30px
    }

    .b-forms .box {
        margin-bottom: 0
    }

    .b-intro .group {
        padding-top: 32px
    }

    .b-intro .title {
        margin-bottom: 20px;
        font-size: 1.875rem;
        line-height: 2.25rem
    }

    .b-page-header .b-meta-nav {
        position: absolute;
        right: 100px;
        top: 0
    }

    .b-page-nav .b-meta-nav {
        display: none
    }

    .b-news-result-section .type {
        position: relative
    }

    .b-section-result-list-news .type {
        position: relative;
        display: inline-block
    }

    .b-section-result-list-news .date, .b-section-result-list-news .date .time::before {
        display: inline-block
    }

    .b-section-result-list-search .group {
        position: relative
    }

    .b-section-result-list-search li {
        width: 100%
    }

    .b-section-result-list-search h2 {
        font-size: 1.25rem;
        line-height: 1.5rem
    }

    .b-section-result-list-search .search-list-item a {
        border-right: none;
        padding-right: 0
    }

    .b-section-result-list-search .btn-wrapper {
        margin-right: 0
    }

    .b-special-item .media-box, .b-special-item .media-box .bg-image, .b-special-item .special-item-inner {
        position: absolute
    }

    .b-special-item .content {
        padding-bottom: 0;
        margin-bottom: 0
    }

    .b-special-item .open-story {
        margin-top: 0
    }

    .b-stage .media-box, .b-stage .media-box .bg-image, .b-stage .stage-inner {
        position: absolute
    }

    .b-richtext-content > h2 {
        margin-bottom: 15px;
        padding-top: 10px;
        font-size: 1.1875rem;
        line-height: 1.4375rem
    }

    .b-richtext-content .media-box.float--left {
        float: none;
        top: 0;
        width: 100%;
        margin: 0;
        padding: 0
    }

    .b-richtext-content .media-box.float--left figcaption {
        position: relative;
        width: 100%;
        right: 0;
        padding: 10px 0;
        border: none
    }

    .b-richtext-content .media-box.float--right {
        float: none;
        top: 0;
        width: 100%;
        margin: 0;
        padding: 0
    }

    .b-richtext-content .media-box.float--right figcaption {
        position: relative;
        width: 100%;
        right: 0;
        padding: 10px 0;
        border: none
    }

    .b-teaser-map .title {
        font-size: 1.5rem;
        line-height: 1.8125rem
    }

    .b-teaser-map .text {
        margin-bottom: 14px;
        font-size: 1rem;
        line-height: 1.625rem
    }

    .b-teaser-map .text-box {
        width: 50%
    }
}

@media screen and (min-width: 1255px) and (max-width: 1400px) {
    .col1-l {
        width: 8.3333333333%
    }

    .col2-l {
        width: 16.6666666667%
    }

    .col3-l {
        width: 25%
    }

    .col4-l {
        width: 33.3333333333%
    }

    .col5-l {
        width: 41.6666666667%
    }

    .col6-l {
        width: 50%
    }

    .col7-l {
        width: 58.3333333333%
    }

    .col8-l {
        width: 66.6666666667%
    }

    .col9-l {
        width: 75%
    }

    .col10-l {
        width: 83.3333333333%
    }

    .col11-l {
        width: 91.6666666667%
    }

    .col12-l {
        width: 100%
    }

    .b-page-header .inner-header {
        box-shadow: 0 2px 2px rgba(0, 0, 0, .1)
    }

    .b-page-section.is-map-highlight {
        background-image: url(../img/dev/map-bg.jpg);
        background-repeat: no-repeat;
        background-size: 248%;
        background-position: 26% 26%
    }

    .b-page-section > .inner-section {
        padding: 30px 20px;
        min-height: 400px;

    }

    .b-page-section > .inner-section > .section-title, .b-page-section > .inner-section > [class^=col] {
        padding: 30px 15px
    }

    .b-page-section.is-detail-page > .inner-section, .b-page-section.is-news-overview-page > .inner-section {
        max-width: 800px
    }

    .b-announcement .item {
        width: 33.3333%
    }

    .b-breadcrumbs {
        position: absolute;
        left: 0
    }

    .b-contact .details-group {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .b-filter-form .is-size-25 {
        width: 25%;
        margin-bottom: 0
    }

    .b-filter-form .is-size-33 {
        width: 33%;
        margin-bottom: 0
    }

    .b-filter-form input, .b-filter-form select {
        font-size: .875rem
    }

    .b-search-filter {
        font-size: 1.875rem
    }

    .b-forms .is-size-100 {
        width: 100%
    }

    .b-forms .is-size-75 {
        width: 75%
    }

    .b-forms .is-size-50 {
        width: 50%
    }

    .b-forms .is-size-25 {
        width: 25%
    }

    .b-forms .row {
        margin-bottom: 30px
    }

    .b-forms .box {
        margin-bottom: 0
    }

    .b-page-header .b-meta-nav {
        position: absolute;
        right: 100px;
        top: 0
    }

    .b-page-nav .b-meta-nav {
        display: none
    }

    .b-news-result-section .type {
        position: relative
    }

    .b-section-result-list-news .type {
        position: relative;
        display: inline-block
    }

    .b-section-result-list-news .date, .b-section-result-list-news .date .time::before {
        display: inline-block
    }

    .b-section-result-list-search .group {
        position: relative
    }

    .b-section-result-list-search li {
        width: 100%
    }

    .b-section-result-list-search h2 {
        font-size: 1.25rem;
        line-height: 1.5rem
    }

    .b-section-result-list-search .search-list-item a {
        border-right: none;
        padding-right: 0
    }

    .b-section-result-list-search .btn-wrapper {
        margin-right: 0
    }

    .b-sitemap .item {
        font-size: 1rem;
        line-height: 1.625rem
    }

    .b-special-item .media-box, .b-special-item .media-box .bg-image, .b-special-item .special-item-inner {
        position: absolute
    }

    .b-special-item .content {
        padding-top: 60px;
        padding-bottom: 0
    }

    .b-stage .media-box, .b-stage .media-box .bg-image, .b-stage .stage-inner {
        position: absolute
    }

    .b-richtext-content > h1 {
        margin-bottom: 30px;
        font-size: 2.5rem;
        line-height: 3rem
    }

    .b-richtext-content > h2 {
        margin-bottom: 15px;
        padding-top: 10px;
        font-size: 1.875rem;
        line-height: 2.1875rem
    }

    .b-richtext-content p, .b-richtext-content > h5, .b-richtext-content > ol, .b-richtext-content > ul {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .b-richtext-content > blockquote p {
        font-size: 2.5rem;
        line-height: 3rem
    }

    .b-richtext-content tbody td, .b-richtext-content thead th {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .b-teaser-announcement .date {
        padding-right: 20px;
        margin-bottom: 5px;
        font-size: 1rem;
        line-height: 1.625rem
    }

    .b-teaser-announcement .text {
        font-size: 1.5625rem;
        line-height: 1.875rem
    }

    .b-teaser-background .title {
        font-size: 1.875rem;
        line-height: 2.1875rem
    }

    .b-teaser-background .text {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .b-teaser-double .title {
        font-size: 1.875rem;
        line-height: 2.1875rem
    }

    .b-teaser-double .text {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .b-teaser-map .title {
        font-size: 1.875rem;
        line-height: 2.1875rem
    }

    .b-teaser-map .text {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .b-teaser-map .text-box {
        width: 50%
    }

    .b-teaser-standard .title {
        font-size: 1.875rem;
        line-height: 2.1875rem
    }

    .b-teaser-standard .text {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

@media screen and (min-width: 1401px) {
    .col1-xl {
        width: 8.3333333333%
    }

    .col2-xl {
        width: 16.6666666667%
    }

    .col3-xl {
        width: 25%
    }

    .col4-xl {
        width: 33.3333333333%
    }

    .col5-xl {
        width: 41.6666666667%
    }

    .col6-xl {
        width: 50%
    }

    .col7-xl {
        width: 58.3333333333%
    }

    .col8-xl {
        width: 66.6666666667%
    }

    .col9-xl {
        width: 75%
    }

    .col10-xl {
        width: 83.3333333333%
    }

    .col11-xl {
        width: 91.6666666667%
    }

    .col12-xl {
        width: 100%
    }

    .b-page-header .inner-header {
        box-shadow: 0 2px 2px rgba(0, 0, 0, .1)
    }

    .b-page-section.is-map-highlight {
        /* background-image: url(../img/dev/map-bg.jpg); */
        background-repeat: no-repeat;
        background-size: 248%;
        background-position: 26% 26%
    }

    .b-page-section > .inner-section {
        padding: 30px 55px
    }

    .b-page-section > .inner-section > [class^=col] {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding: 30px 50px
    }

    .b-page-section > .inner-section > .section-title {
        padding: 30px 50px
    }

    .b-page-section.is-detail-page > .inner-section, .b-page-section.is-news-overview-page > .inner-section {
        max-width: 950px
    }

    .b-announcement .item {
        width: 33.3333%
    }

    .b-breadcrumbs {
        position: absolute;
        left: 0
    }

    .b-contact .details-group {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .b-filter-form .is-size-33 {
        width: 33%;
        margin-bottom: 0
    }

    .b-filter-form .is-size-25 {
        width: 25%;
        margin-bottom: 0
    }

    .b-filter-form input, .b-filter-form select {
        font-size: .875rem
    }

    .b-search-filter {
        font-size: 1.875rem
    }

    .b-forms .is-size-100 {
        width: 100%
    }

    .b-forms .is-size-75 {
        width: 75%
    }

    .b-forms .is-size-50 {
        width: 50%
    }

    .b-forms .is-size-25 {
        width: 25%
    }

    .b-forms .row {
        margin-bottom: 30px
    }

    .b-forms .box {
        margin-bottom: 0
    }

    .b-intro .title {
        margin-bottom: 20px;
        font-size: 2.5rem;
        line-height: 3rem
    }

    .b-page-header .b-meta-nav {
        position: absolute;
        right: 100px;
        top: 0
    }

    .b-page-nav .b-meta-nav {
        display: none
    }

    .b-news-result-section .type {
        position: absolute;
        width: 130px;
        right: -178px
    }

    .b-news-result-section .news-list-item a {
        border-right: 1px solid #beeff2
    }

    .b-section-result-list-news .type {
        position: absolute;
        width: 130px;
        right: -178px;
        top: 0
    }

    .b-section-result-list-news .news-list-item a {
        border-right: 1px solid #beeff2
    }

    .b-section-result-list-news .date {
        display: inline-block
    }

    .b-section-result-list-news .date .time::before {
        display: none
    }

    .b-section-result-list-search .group {
        position: absolute;
        width: 10%;
        right: -15%
    }

    .b-section-result-list-search li {
        width: 85%
    }

    .b-section-result-list-search h2 {
        font-size: 1.5625rem;
        line-height: 1.875rem
    }

    .b-section-result-list-search .search-list-item a {
        border-right: 1px solid #beeff2;
        padding-right: 32px
    }

    .b-section-result-list-search .btn-wrapper {
        margin-right: 15%
    }

    .b-sitemap .item {
        font-size: 1rem;
        line-height: 1.625rem
    }

    .b-special-item .media-box, .b-special-item .media-box .bg-image, .b-special-item .special-item-inner {
        position: absolute
    }

    .b-special-item .content-section {
        padding: 30px 55px
    }

    .b-special-item .content-section > [class^=col] {
        padding: 30px 50px
    }

    .b-special-item .content {
        padding-top: 70px
    }

    .b-stage .media-box, .b-stage .media-box .bg-image, .b-stage .stage-inner {
        position: absolute
    }

    .b-stage .content-section {
        padding: 30px 55px
    }

    .b-stage .content-section > [class^=col] {
        padding: 30px 50px
    }

    .b-richtext-content > h1 {
        margin-bottom: 30px;
        font-size: 2.5rem;
        line-height: 3rem
    }

    .b-richtext-content > h2 {
        margin-bottom: 15px;
        padding-top: 10px;
        font-size: 1.875rem;
        line-height: 2.1875rem
    }

    .b-richtext-content p, .b-richtext-content > h5, .b-richtext-content > ol, .b-richtext-content > ul {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .b-richtext-content > blockquote p {
        font-size: 2.5rem;
        line-height: 3rem
    }

    .b-richtext-content tbody td, .b-richtext-content thead th {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .b-teaser-announcement .date {
        padding-right: 20px;
        margin-bottom: 5px;
        font-size: 1rem;
        line-height: 1.625rem
    }

    .b-teaser-announcement .text {
        font-size: 1.5625rem;
        line-height: 1.875rem
    }

    .b-teaser-background.adjust-near-double .media-box:after {
        padding-bottom: 102.2%
    }

    .b-teaser-background.adjust-near-double .media-box .image {
        max-width: 102.2%;
        width: 102.2%
    }

    .b-teaser-background .title {
        font-size: 1.875rem;
        line-height: 2.1875rem
    }

    .b-teaser-background .text {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .b-teaser-double .title {
        font-size: 1.875rem;
        line-height: 2.1875rem
    }

    .b-teaser-double .text {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .b-teaser-map .title {
        font-size: 1.875rem;
        line-height: 2.1875rem
    }

    .b-teaser-map .text {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .b-teaser-map .text-box {
        width: 50%
    }

    .b-teaser-standard .title {
        font-size: 1.875rem;
        line-height: 2.1875rem
    }

    .b-teaser-standard .text {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

@media screen and (max-width: 649px) {
    .col1-xs {
        width: 8.3333333333%
    }

    .col2-xs {
        width: 16.6666666667%
    }

    .col3-xs {
        width: 25%
    }

    .col4-xs {
        width: 33.3333333333%
    }

    .col5-xs {
        width: 41.6666666667%
    }

    .col6-xs {
        width: 50%
    }

    .col7-xs {
        width: 58.3333333333%
    }

    .col8-xs {
        width: 66.6666666667%
    }

    .col9-xs {
        width: 75%
    }

    .col10-xs {
        width: 83.3333333333%
    }

    .col11-xs {
        width: 91.6666666667%
    }

    .col12-xs {
        width: 100%
    }

    .b-page-nav {
        padding-bottom: 60px
    }

    .b-page-section > .inner-section, .b-page-section > .inner-section > [class^=col] {
        padding: 15px 10px
    }

    .b-page-section > .inner-section > [class^=col].is-not-visible-xs {
        display: none
    }

    .b-page-section > .inner-section > .section-title {
        padding: 15px 10px
    }

    .b-page-section > .inner-section.is-not-visible-xs {
        display: none
    }

    .b-page-section.is-map-highlight {
        background: 0 0
    }

    .b-page-section.is-map-highlight .b-teaser-map {
        /* background: url(../img/dev/map-bg.jpg) 45% 15%/auto 200% no-repeat */
    }

    .b-breadcrumbs {
        display: none
    }

    .b-contact .media-box {
        width: 100%
    }

    .b-contact dd, .b-contact dt {
        float: none;
        width: 100%
    }

    .b-contact .channel-group {
        position: static
    }

    .b-contact .channel-group dd, .b-contact .channel-group dt {
        width: 100%
    }

    .b-contact .details-group dd:before {
        content: "";
        margin-left: 0;
        margin-right: 0
    }

    .b-filter-form .is-size-25, .b-filter-form .is-size-33 {
        width: 100%;
        margin-bottom: 5px
    }

    .b-filter-form input, .b-filter-form select {
        font-size: .875rem
    }

    .b-search-filter {
        font-size: 1.1875rem
    }

    .b-forms .is-size-25, .b-forms .is-size-50, .b-forms .is-size-75 {
        width: 100%
    }

    .b-forms .row {
        margin: 0
    }

    .b-forms .box {
        margin-bottom: 20px
    }

    .b-header-box {
        border: none
    }

    .b-header-box::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #fff
    }

    .b-article .b-intro .media-box {
        margin: 0 -30px 42px
    }

    .b-intro .group {
        padding-top: 32px
    }

    .b-intro .title {
        margin-bottom: 20px;
        font-size: 1.875rem;
        line-height: 2.25rem
    }

    .b-page-header .b-meta-nav {
        display: none
    }

    .b-nav-btn {
        position: absolute;
        height: 100%;
        width: 70px
    }

    .b-news-result-section .type {
        position: relative
    }

    .b-section-result-list-news .type {
        position: relative;
        display: block
    }

    .b-section-result-list-news .date {
        display: block
    }

    .b-section-result-list-news .date .time::before {
        display: none !important
    }

    .b-section-result-list-search .group {
        position: relative
    }

    .b-section-result-list-search li {
        width: 100%
    }

    .b-section-result-list-search h2 {
        font-size: 1.1875rem;
        line-height: 1.4375rem
    }

    .b-section-result-list-search .search-list-item a {
        border-right: none;
        padding-right: 0
    }

    .b-section-result-list-search .btn-wrapper {
        margin-right: 0
    }

    .b-site-info {
        padding: 0 40px
    }

    .b-site-info .item {
        margin-right: 0;
        font-size: .75rem
    }

    .b-site-info .group {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%
    }

    .b-site-info .social-media {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        margin: 0 0 35px
    }

    .b-site-info .social-media ul {
        text-align: center
    }

    .b-site-info .social-media .item {
        margin-right: 18px;
        min-width: 49px
    }

    .b-site-info .social-media .item:last-child {
        margin-right: 0
    }

    .b-site-info .social-media .item > a {
        width: 49px;
        height: 49px
    }

    .b-sitemap .box {
        width: 100%
    }

    .b-sitemap .title {
        min-height: 0;
        font-size: .9375rem;
        text-transform: uppercase;
        text-align: center
    }

    .b-sitemap .title > a {
        padding: 12px 0
    }

    .b-sitemap .link-list {
        display: none
    }

    .b-special-item {
        width: 100%;
        height: 100%;
        padding-top: 0
    }

    .b-special-item .media-box, .b-special-item .media-box .bg-image, .b-special-item .special-item-inner {
        position: relative
    }

    .b-special-item .content-section, .b-special-item .content-section > [class^=col] {
        padding: 15px 10px
    }

    .b-special-item .text {
        color: #777
    }

    .b-special-item .content {
        padding: 10px 16px 0
    }

    .b-special-item .open-story {
        display: none
    }

    .b-stage {
        display: block;
        width: 100%;
        height: 100%;
        padding-top: 0
    }

    .b-stage .media-box, .b-stage .media-box .bg-image, .b-stage .stage-inner {
        position: relative
    }

    .b-stage .content-section, .b-stage .content-section > [class^=col] {
        padding: 15px 10px
    }

    .b-stage .content {
        padding: 10px 16px
    }

    .b-toc-nav .item {
        width: 100%
    }

    .b-richtext-content > blockquote {
        padding-left: 60px
    }

    .b-richtext-content > blockquote > p {
        font-size: 1.875rem;
        line-height: 2.25rem
    }

    .b-richtext-content > blockquote::before {
        left: -3px
    }

    .b-richtext-content > blockquote > cite {
        font-size: .8125rem;
        line-height: 1.25rem
    }

    .b-richtext-content .media-box {
        margin: 0 -30px 30px
    }

    .b-richtext-content .media-box figcaption {
        position: relative;
        width: 100%;
        right: 0;
        padding: 10px 30px;
        border: none
    }

    .b-richtext-content .media-box.float--left {
        float: none;
        top: 0;
        width: 100%;
        margin: 0 0 30px;
        padding: 0
    }

    .b-richtext-content .media-box.float--left figcaption {
        position: relative;
        width: 100%;
        right: 0;
        padding: 10px 0;
        border: none
    }

    .b-richtext-content .media-box.float--right {
        float: none;
        top: 0;
        width: 100%;
        margin: 0 0 30px;
        padding: 0
    }

    .b-richtext-content .media-box.float--right figcaption {
        position: relative;
        width: 100%;
        right: 0;
        padding: 10px 0;
        border: none
    }

    .b-richtext-content .toc-ref {
        clear: both
    }

    .b-richtext-content .toc-ref a {
        margin-right: 0
    }

    .b-teaser-background, .b-teaser-double {
        min-height: 0
    }

    .b-teaser-double .media-box {
        width: 100%
    }

    .b-teaser-map .title {
        font-size: 1.5rem;
        line-height: 1.8125rem
    }

    .b-teaser-map .text {
        margin-bottom: 14px;
        font-size: 1rem;
        line-height: 1.625rem
    }

    .b-teaser-map .text-box {
        width: 100%
    }

    .b-teaser-standard {
        min-height: 0
    }
}