html {
    box-sizing: border-box;
    -ms-overflow-style: scrollbar
}

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

article,aside,blockquote,body,details,dl,fieldset,figcaption,figure,footer,form,header,hgroup,legend,main,menu,nav,ol,p,section,summary,ul {
    display: block;
    margin: 0;
    padding: 0;
    border: 0
}

audio,canvas,video {
    display: inline-block;
    display: inline;
    zoom:1}

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

body {
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

a {
    text-decoration: none;
    cursor: pointer;
    color: inherit
}

a:active,a:hover {
    outline: 0
}

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

abbr[title] {
    border-bottom: 1px dotted
}

b,strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

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

small {
    font-size: .9em
}

dd,dl,menu,ol,ul {
    margin: 0
}

iframe {
    border: none;
    max-width: 100%;
    overflow: hidden
}

ol,ul {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 0;
    -moz-margin-before: 0;
    -moz-margin-after: 0;
    -moz-margin-start: 0;
    -moz-margin-end: 0;
    -moz-padding-start: 0
}

img {
    max-width: 100%;
    height: auto;
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: middle
}

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

legend {
    white-space: normal;
    margin-left: 0;
}

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

button,input {
    line-height: normal
}

button,select {
    text-transform: none
}

button,html input[type=button],input[type=reset],input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
    overflow: visible;
}
button[disabled],html input[disabled] {
    cursor: default
}

label::-moz-selection {
    background-color: transparent
}

label::selection {
    background-color: transparent
}

input[type=checkbox],input[type=radio] {
    box-sizing: border-box;
    padding: 0;
    height: 1em;
    width: 1em;
}
input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

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

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

textarea {
    display: block;
    overflow: auto;
    vertical-align: top;
}
table {
    border-collapse: collapse;
    border-spacing: 0
}

[hidden] {
    display: none
}

.clearfix:after {
    content: "";
    display: table;
    float: none;
    clear: both
}

:root {
    font-size: 10px
}

body {
    font-family: Arial,sans-serif;
    font-size: 1.6rem;
    color: #172a3a;
    line-height: 1.5
}

h1,h2,h3,h4,h5,h6 {
    font-family: Arial Black,Arial,sans-serif;
    padding-bottom: 1.6rem;
    line-height: 1.1;
    font-weight: 500;
    color: #172a3a;
    letter-spacing: -.05em;
    font-weight: 700
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
    color: #172a3a;
    text-decoration: none
}

.h1,h1 {
    font-size: 4.8rem
}

.h2,h2 {
    font-size: 4rem
}

.h3,h3 {
    font-size: 3.6rem
}

.h4,h4 {
    font-size: 3.2rem
}

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

.h5,.h6,h5,h6 {
    font-family: Arial Bold,Arial,sans-serif
}

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

p {
    margin: 0
}

ol,p,ul {
    padding-bottom: 1.6rem
}

ol,ul {
    list-style-position: outside;
    padding-left: 2.4rem
}

.list-unstyled {
    list-style: none;
    padding-left: 0;
    padding-bottom: 0
}

a {
    transition: all .3s ease;
    color: #00a0cc
}

a:active,a:focus,a:hover {
    text-decoration: underline
}

select option {
    color: #172a3a
}

.section__headline {
    padding-bottom: 3.2rem;
    color: #00a0cc;
    text-transform: uppercase
}

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

.page__title {
    color: #00a0cc
}

.upper__headline {
    text-transform: uppercase
}

.container {
    width: 100%;
    padding-right: 16px;
    padding-left: 16px;
    margin-right: auto;
    margin-left: auto
}

@media(min-width: 1024px) {
    .container {
        max-width:992px
    }
}

@media(min-width: 1280px) {
    .container {
        max-width:1200px
    }
}

@media(min-width: 1440px) {
    .container {
        max-width:1366px
    }
}

@media(min-width: 1600px) {
    .container {
        max-width:1440px
    }
}

.container-fluid {
    width: 100%;
    padding-right: 16px;
    padding-left: 16px;
    margin-right: auto;
    margin-left: auto
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -16px;
    margin-left: -16px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media(min-width: 576px) {
    .col-sm {
        flex-basis:0;
        flex-grow: 1;
        max-width: 100%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

@media(min-width: 768px) {
    .col-md {
        flex-basis:0;
        flex-grow: 1;
        max-width: 100%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

@media(min-width: 1024px) {
    .col-lg {
        flex-basis:0;
        flex-grow: 1;
        max-width: 100%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

@media(min-width: 1280px) {
    .col-xl {
        flex-basis:0;
        flex-grow: 1;
        max-width: 100%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.main {
    position: relative
}

.main .component:not(.hero) {
    padding-top: 4.8rem
}

a.skip-nav {
    position: absolute;
    top: auto;
    left: -9999px;
    height: 1px;
    width: 1px;
    overflow: hidden
}

a.skip-nav:focus {
    left: 0;
    display: inline-block;
    width: auto;
    height: auto;
    z-index: 9999999
}

.component {
    padding-bottom: 4.8rem
}

.component--full+.component {
    padding-top: 4.8rem
}

.no-margin {
    margin: 0!important
}

.body-freeze {
    overflow: hidden
}

.video__wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0
}

.video__wrapper iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.img__wrapper {
    padding-bottom: 1.6rem
}

.purple-top__wrapper {
    border-top: 5px solid #3c54a5;
    box-shadow: 0 0 1px rgba(0,0,0,.04),0 4px 8px rgba(0,0,0,.04),0 16px 24px rgba(0,0,0,.04),0 24px 32px rgba(0,0,0,.04);
    padding: 3.2rem
}

.card {
    margin-bottom: 1.6rem
}

.card .img__wrapper {
    padding-bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.card .card__text--center,.card .card__title {
    text-align: center
}

.card .card__text {
    padding-bottom: 1.6rem
}

.card .card__content {
    padding: 3.2rem 1.6rem
}

.card .card__content--nopadding {
    padding: 1.6rem 0
}

.card--purple {
    color: #fff
}

.card--purple .card__content {
    background-color: #3c54a5
}

.card--purple .card__text,.card--purple .card__title {
    color: #fff
}

.block {
    padding: 3.2rem;
    margin-bottom: 3.2rem
}

.block--gray {
    background-color: #ecedeb
}

.button {
    display: inline-block;
    padding: .8rem 2rem;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: none;
    font-size: 1.6rem;
    line-height: 1.5;
    font-family: Arial,sans-serif;
    transition: all .3s ease;
    font-weight: 700
}

.button.focus {
    outline: 0;
    box-shadow: none
}

.button:active,.button:focus,.button:hover,.button a:active,.button a:focus,.button a:hover {
    text-decoration: none;
    box-shadow: none
}

.button.disabled,.button:disabled {
    opacity: .6
}

.button:not(:disabled):not(.disabled) {
    cursor: pointer
}

.button--blue {
    border: 2px solid #3c54a5;
    background-color: #3c54a5
}

.button--blue,.button--blue a {
    color: #fff
}

.button--blue:active,.button--blue:focus,.button--blue:hover {
    background-color: #2e4180;
    color: #fff
}

.button--white {
    border: 1px solid #fff;
    background-color: transparent;
    color: #fff
}

.button--white:active,.button--white:focus,.button--white:hover {
    background-color: #fff;
    color: #172a3a
}

.button--ghost-blue {
    border: 2px solid #3c54a5;
    background-color: transparent
}

.button--ghost-blue,.button--ghost-blue a {
    color: #3c54a5
}

.button--ghost-blue:active,.button--ghost-blue:focus,.button--ghost-blue:hover {
    background-color: #3c54a5;
    color: #fff
}

button.button--clean {
    background-color: transparent!important;
    border: none!important;
    box-shadow: none!important;
    position: fixed;
    right: 10%
}

.button__wrapper {
    display: flex;
    justify-content: center
}

.button__wrapper--right,.pagination-container {
    justify-content: flex-end
}

.pagination-container {
    display: flex
}

.pagination-container .pagination {
    display: flex;
    list-style: none;
    padding: 1.6rem 0
}

.pagination-container .pagination li {
    width: 3.2rem;
    height: 3.2rem;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin: 0 .4rem
}

.pagination-container .pagination li,.pagination-container .pagination li a {
    transition: all .3s ease;
    display: flex;
    justify-content: center;
    align-items: center
}

.pagination-container .pagination li a {
    color: #172a3a;
    width: 100%;
    height: 100%
}

.pagination-container .pagination li.active,.pagination-container .pagination li:active,.pagination-container .pagination li:focus,.pagination-container .pagination li:hover {
    background-color: #3c54a5;
    border-color: #3c54a5;
    text-decoration: none
}

.pagination-container .pagination li.active a,.pagination-container .pagination li:active a,.pagination-container .pagination li:focus a,.pagination-container .pagination li:hover a {
    color: #fff;
    text-decoration: none
}

.form__group {
    display: flex;
    align-items: center;
    width: 100%
}

@media(max-width: 767px) {
    .form__group {
        flex-direction:column
    }
}

.form-input__wrapper {
    flex: 1 0 50%;
    max-width: 50%;
    padding-right: 3.2rem;
    padding-bottom: 3.2rem
}

@media(max-width: 767px) {
    .form-input__wrapper {
        flex:1 0 100%;
        max-width: none;
        width: 100%
    }
}

.editor-label {
    font-weight: 700
}

.editor-field input[type=email],.editor-field input[type=text],.editor-field textarea {
    padding: 1.6rem;
    border-radius: 6px;
    border: 1px solid #ccc;
    height: 3.6rem;
    width: 100%;
    font-family: Arial,sans-serif
}

.editor-field textarea {
    min-height: 24rem;
    width: 100%!important
}

img.float-left {
    float: left;
    margin: 1.6rem 3.2rem 1.6rem 0
}

img.float-left,img.float-right {
    max-width: 38.4rem;
    height: auto;
    width: 100%
}

img.float-right {
    float: right;
    margin: 1.6rem 0 1.6rem 3.2rem
}

figure.image {
    display: table;
    margin-left: auto;
    margin-right: auto
}

figure.image figcaption {
    display: table-caption;
    caption-side: bottom
}

figure.align-left {
    float: left;
    max-width: 38.4rem;
    margin: 1.6rem 3.2rem 1.6rem 0;
    height: auto
}

figure.align-left img[class*=float-] {
    float: none;
    margin: 0;
    height: auto
}

figure.align-right {
    float: right;
    max-width: 38.4rem;
    margin: 1.6rem 0 1.6rem 3.2rem;
    height: auto
}

figure.align-right img[class*=float-] {
    float: none;
    margin: 0;
    height: auto
}

.header {
    position: relative
}

.header-nav__container {
    display: flex;
    align-items: center;
    position: relative;
    padding: 1.6rem;
    z-index: 2;
    background-color: #fff;
    box-shadow: 768px 0 #fff,-768px 0 #fff,992px 0 #fff,-992px 0 #fff,1024px 0 #fff,-1024px 0 #fff,1536px 0 #fff,-1536px 0 #fff,1920px 0 #fff,-1920px 0 #fff
}

@media(max-width: 1279px) {
    .header-nav__container {
        background:transparent;
        box-shadow: none;
        overflow: scroll
    }
}

.header__wrapper {
    display: flex;
    justify-content: space-between;
    width: 100%;
    z-index: 3;
    position: relative
}

@media(max-width: 1023px) {
    .header__wrapper {
        display:none
    }
}

.header__wrapper--mobile {
    display: none
}

@media(max-width: 1279px) {
    .header__wrapper--mobile {
        display:flex;
        padding: 1.6rem;
        padding-left: 3rem;
        padding-right: 10rem
    }
}

.header__overlay {
    transition: all .3s ease;
    position: fixed;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    background-color: rgba(0,0,0,.75);
    opacity: 0;
    visibility: hidden
}

@media(max-width: 1279px) {
    .header__overlay {
        display:none
    }
}

.header__overlay--show {
    opacity: 1;
    visibility: visible
}

.header__right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%
}

.header-nav {
    z-index: 2
}

@media(max-width: 1279px) {
    .header-nav {
        border-bottom:none;
        background-color: #3c54a5;
        display: flex;
        flex-direction: column-reverse;
        height: 100%;
        width: 100%;
        position: fixed;
        top: 11rem;
        left: 0;
        justify-content: flex-end;
        opacity: 0;
        visibility: hidden
    }
}

.header-nav[aria-expanded=true] {
    opacity: 1;
    visibility: visible
}

.header-nav__list {
    display: flex;
    justify-content: space-between
}

@media(max-width: 1279px) {
    .header-nav__list {
        flex-direction:column
    }
}

@media(max-width: 1279px) {
    .header-nav__item[aria-expanded=true] .header-nav__l1:after {
        content:"keyboard_arrow_up"
    }
}

.header-nav__item[aria-expanded=true] .header-nav__l2-container {
    opacity: 1;
    visibility: visible
}

@media(max-width: 1279px) {
    .header-nav__item[aria-expanded=true] .header-nav__l2-container {
        max-height:1000rem
    }
}

@media(max-width: 1279px) {
    .header-nav__item {
        padding-bottom:1.6rem
    }
}

.header-nav__l1 {
    color: #00a0cc;
    font-weight: 700;
    outline: none;
    border: none;
    background: transparent
}

@media(max-width: 1279px) {
    .header-nav__l1 {
        color:#fff;
        font-size: 1.8rem;
        display: flex;
        align-items: center
    }

    .header-nav__l1:after {
        direction: ltr;
        display: inline-block;
        font-family: Material Icons;
        font-size: 1em;
        font-style: normal;
        font-weight: 400;
        letter-spacing: normal;
        line-height: 1;
        text-transform: none;
        white-space: nowrap;
        word-wrap: normal;
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-feature-settings: "liga";
        font-feature-settings: "liga";
        content: "keyboard_arrow_down";
        font-size: 2.4rem;
        padding-left: 1.6rem
    }
}

.utility__container {
    display: flex;
    padding-bottom: 4rem;
    align-items: center
}

@media(max-width: 1279px) {
    .utility__container {
        flex-direction:column;
        align-items: flex-start
    }
}

.utility__link-wrapper {
    display: flex;
    align-items: center;
    padding-right: 1.6rem
}

.utility__link-wrapper .utility__icon {
    margin-right: .8rem;
    font-size: 1.6rem
}

@media(max-width: 1279px) {
    .utility__link-wrapper .utility__icon {
        color:#fff;
        display: none
    }
}

@media(max-width: 1279px) {
    .utility__link-wrapper .utility__link {
        color:#fff
    }
}

@media(max-width: 1279px) {
    .utility__link-wrapper {
        padding-bottom:1.6rem
    }
}

.header-nav__logo {
    padding-right: 3.2rem
}

.header-nav__logo--mobile {
    display: none
}

@media(max-width: 1279px) {
    .header-nav__logo--mobile {
        display:block
    }

    .header-nav__logo--mobile,.header-nav__logo--mobile img {
        max-width: 4.5rem
    }
}

@media(max-width: 1279px) {
    .header-nav__logo {
        display:none
    }
}

.header-nav__l2-container {
    transition: all .3s ease;
    padding: 1.6rem 0;
    position: absolute;
    z-index: 2;
    background-color: #3c54a5;
    width: 100%;
    left: 0;
    top: 100%;
    box-shadow: 768px 0 #3c54a5,-768px 0 #3c54a5,992px 0 #3c54a5,-992px 0 #3c54a5,1024px 0 #3c54a5,-1024px 0 #3c54a5,1536px 0 #3c54a5,-1536px 0 #3c54a5,1920px 0 #3c54a5,-1920px 0 #3c54a5;
    opacity: 0;
    visibility: hidden
}

@media(max-width: 1279px) {
    .header-nav__l2-container {
        position:static;
        max-height: 0;
        background-color: #2e4180;
        padding: .8rem 1.6rem
    }
}

.header-nav__link--l2 {
    color: #fff;
    font-size: 2rem;
    font-weight: 700
}

.header-nav__link--l3 {
    color: #fff;
    font-size: 1.4rem
}

.header-nav__l2-list {
    display: flex;
    flex-wrap: wrap
}

@media(max-width: 1279px) {
    .header-nav__l2-list {
        flex-direction:column
    }
}

.header-nav__l2-list-item {
    flex: 1 0 25%;
    max-width: 25%;
    padding-bottom: 1.6rem
}

@media(max-width: 1279px) {
    .header-nav__l2-list-item {
        flex:1 0 100%;
        max-width: 100%
    }

    .header-nav__l2-list-item:not(:last-child) {
        padding-bottom: 1.6rem
    }
}

.header-search {
    margin-left: auto
}

.header-search form {
    display: flex;
    align-items: center
}

@media(max-width: 1279px) {
    .header-search {
        margin-left:0;
        width: 100%
    }
}

.header-search__input {
    padding: 1.6rem;
    border-radius: 6px 0 0 6px;
    border: 1px solid #ccc;
    height: 3.6rem
}

@media(max-width: 1279px) {
    .header-search__input {
        width:100%
    }
}

.nav-button--search {
    background-color: #00a0cc;
    color: #fff;
    border-radius: 0 6px 6px 0;
    height: 3.6rem;
    padding: .8rem;
    display: flex;
    align-items: center
}

.hero__bg {
    height: 1px;
    min-height: 40rem;
    background-size: cover;
    background-position: 50%;
    position: relative;
    padding: 4.8rem 0
}

.hero__bg>.hero__container {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

@media(max-width: 767px) {
    .hero__bg {
        background-image:none!important;
        background-color: #fff
    }
}

@media(max-width: 767px) {
    .hero__container {
        padding:0 1.6rem
    }
}

.hero__headline {
    color: #00a0cc;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 4rem
}

.hero__content-wrapper {
    background-color: #fff;
    padding: 4.8rem;
    height: 100%;
    max-width: 48rem
}

@media(max-width: 767px) {
    .hero__content-wrapper {
        max-width:none;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0
    }
}

.hero__row {
    border: 6px solid #fff;
    width: 100%
}

.hero__row .hero__col {
    padding-left: 0
}

@media(max-width: 767px) {
    .hero__row .hero__col {
        padding-left:1.6rem
    }
}

@media(max-width: 767px) {
    .hero__row {
        width:auto;
        border: none;
        height: 100%
    }
}

.hero__teaser {
    padding-bottom: 2.4rem
}

.articles__text {
    padding-bottom: 1.6rem
}

@media(max-width: 1023px) {
    .articles__header {
        padding-bottom:3.2rem
    }
}

.articles__subheadline {
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: .8rem
}

.articles__subheadline--border {
    border-bottom: 2px solid #ccc
}

.articles__subheadline--border+.articles__list {
    padding-top: 1.6rem
}

.articles__col {
    padding-bottom: 3.2rem
}

.articles__item {
    padding-bottom: 1.6rem
}

.full-cta__bg {
    padding: 6.4rem 0;
    min-height: 40rem;
    background-size: cover;
    background-position: 50%;
    position: relative;
    z-index: 1
}

.full-cta__bg:after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    z-index: -1;
    background: rgba(0,0,0,.333)
}

.full-cta__number {
    font-size: 7.2rem;
    color: #fff;
    text-align: center
}

.full-cta__headline {
    text-transform: uppercase;
    color: #fff;
    word-break: break-word
}

.full-cta__headline--large {
    font-size: 5.4rem;
    text-align: right
}

@media(max-width: 1279px) {
    .full-cta__headline--large {
        font-size:4rem
    }
}

.full-cta__headline--center {
    text-align: center
}

.full-cta--key .full-cta__col {
    padding: 0;
    padding-top: 3.2rem
}

.full-cta--key .full-cta__col .full-cta__headline {
    font-size: 2.4rem
}

.full-cta__col {
    padding: 0 3.2rem
}

@media(max-width: 1023px) {
    .full-cta__col {
        padding:0 1.6rem
    }
}

.full-cta__col+.full-cta__col {
    position: relative
}

.full-cta__col+.full-cta__col:after {
    position: absolute;
    content: "";
    border-left: 1px solid #fff;
    left: 0;
    top: 0;
    width: 1px;
    height: 60%
}

@media(max-width: 1023px) {
    .full-cta__col+.full-cta__col:after {
        border-left:none;
        border-top: 1px solid #fff;
        height: auto;
        width: 100%
    }
}

.full-cta__col+.full-cta__col--noborder:after {
    border: none
}

@media(max-width: 1023px) {
    .full-cta__col+.full-cta__col {
        padding-top:3.2rem
    }
}

.full-cta__text {
    color: #fff
}

.announcements__col,.full-cta__text {
    padding-bottom: 3.2rem
}

.events__calendar {
    width: 8rem;
    height: 8rem;
    margin-right: 1.6rem;
    flex: 0 0 8rem
}

.events__month {
    background-color: #e64c3c;
    color: #fff;
    font-weight: 700;
    text-align: center;
    font-size: 1.4rem;
    border-bottom: 3px solid #c03a2b;
    border-radius: 4px 4px 0 0
}

.events__day {
    font-weight: 700;
    font-size: 3.2rem;
    color: #35495e;
    background-color: #ebeded;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 3px solid #d4d7da;
    border-radius: 0 0 4px 4px
}

.events__subtitle {
    font-size: 1.8rem
}

.events__item {
    display: flex;
    padding-bottom: 4rem
}

.announcements-featured {
    box-shadow: 8px 0 71px rgba(45,57,64,.11)
}

.announcements-featured__top {
    padding: 3.2rem 3.2rem 0
}

.announcements-featured__text {
    padding-bottom: 3.2rem
}

.announcements-featured__img-wrapper {
    padding-top: 4rem;
    position: relative
}

.announcements-featured__img-wrapper:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(#fff,#fff 4rem,transparent 8rem,transparent);
    z-index: 1
}

.footer {
    background-color: #3c54a5;
    padding: 6.4rem 0 3.2rem
}

.footer__headline,.footer__text {
    color: #fff
}

.footer__list {
    display: flex;
    flex-wrap: wrap
}

.footer__item {
    color: #fff;
    padding-right: 1.6rem;
    padding-bottom: .8rem
}

.footer__link {
    color: #fff
}

.footer__col,.footer__contact,.icon-cta__card,.icon-cta__header {
    padding-bottom: 3.2rem
}

.icon-cta__card-title,.icon-cta__text {
    text-align: center
}

.icon-cta__text {
    padding-bottom: 3.2rem
}

.icon-cta__icon {
    display: flex;
    justify-content: center;
    padding-bottom: 1.6rem;
    align-items: center
}

@media(max-width: 767px) {
    .icon-cta__list {
        list-style-position:inside;
        text-align: center
    }
}

.media-cta__col {
    padding-bottom: 3.2rem
}

.media-cta__list-item {
    padding-bottom: 1.6rem
}

.media-cta__subheadline {
    margin-bottom: 1.6rem
}

.article__item {
    padding-bottom: 3.2rem
}

.article__item .article__headline {
    padding-bottom: .8rem;
    text-transform: uppercase
}

.related-content {
    padding: 3.2rem 0;
    background: linear-gradient(180deg,#fff,hsla(0,0%,100%,0)),#ecedeb
}

.sliders__container {
    padding-bottom: 8rem
}

.sliders__img-wrapper {
    padding-bottom: 1.6rem
}

.sliders__headline {
    font-size: 2.4rem;
    text-align: center;
    color: #35495e;
    text-transform: uppercase
}

.sliders__row {
    height: 16rem
}

@media(max-width: 1023px) {
    .sliders__row {
        height:48rem
    }
}

.sliders__row {
    width: 100%;
    justify-content: center;
    transition: all .3s ease;
    margin-bottom: 3.2rem
}

.sliders__row:not(.is-selected) {
    opacity: 0;
    visibility: hidden
}

.sliders__title {
    text-align: center;
    padding-bottom: .4rem;
    font-size: 1.8rem;
    text-transform: uppercase
}

.flickity-page-dots .dot.is-selected {
    background: #e64c3c
}

.modal {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    position: fixed;
    z-index: 10;
    padding: 4rem;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    width: 80rem;
    max-width: 90%;
    box-shadow: 0 0 1px rgba(0,0,0,.04),0 4px 8px rgba(0,0,0,.04),0 16px 24px rgba(0,0,0,.04),0 24px 32px rgba(0,0,0,.04)
}

.modal .form-input__wrapper {
    flex: 1 0 auto;
    max-width: none
}

.modal .nav-menu__close {
    display: flex;
    justify-content: flex-end;
    cursor: pointer;
}

/* COS Calendar */

.main-content { padding:80px 50px; }
.row-left {
    background-color:#fff; padding:30px 20px 30px 25px;
}
.fc-dayGridMonth-button, .fc-timeGridWeek-button, .fc-timeGridDay-button { display:none!important;}
.fc-toolbar-title {
    color:#00a0cc; text-transform: uppercase;font-size:2em!important;padding-bottom:0!important;
}
.fc-prev-button, .fc-next-button, .fc-today-button {
    border: 2px solid #3c54a5!important; border-radius:0!important;
    background-color: #3c54a5!important;
}
.fc-prev-button:hover, .fc-next-button:hover, .fc-today-button:hover {
    background-color: #2e4180!important;
}
.fc-today-button { text-transform: uppercase!important; font-weight:600!important;}
.fc-col-header-cell-cushion { color:#3c54a5;text-decoration:none!important;}
.fc-h-event .fc-event-title-container { background-color:#00a0cc;border-radius:0!important; padding:5px; }
.fc-daygrid-event-dot { border:calc(var(--fc-daygrid-event-dot-width)/2) solid #00a0cc!important; }
.tippy-box {
    background-color:#f2f2f2!important; color:#333!important;padding:10px!important;
}
.tipp-arrow { color:#3c54a5; }
.tooltip-title { color:#00a0cc; font-weight:600; } .tooltip-sub { font-weight: bold; }
.tooltip-button {
    padding: 5px 10px; background-color: #3c54a5; color: #fff; cursor: pointer;text-transform:uppercase;
    border:none;
}
.fc-filterButton-button { background-color:#3c54a5!important;border:none!important; border-radius:0!important;
    padding: 8.4px 15px!important;text-align: center!important;font-weight: bold!important; }
.fc-filterButton-button:hover { background-color:#2e4180!important; }
#filter-dropdown {
    display: block;position: absolute;background-color: white;
    border: 1px solid rgb(204, 204, 204);padding: 20px 15px;
    z-index: 1000;left: 249.594px;top: 889.578px;
    line-height: 2; }
#filter-dropdown label { display:inline-flex; align-items: center;}
input.category-filter { width:20px;height:20px;border:none;margin-right:15px;}
input[value="None"] { display:none; }
.fc-daygrid-day-number,
.fc-col-header-cell a {
    pointer-events: none;text-decoration: none;cursor: default; }
.event-item .title { letter-spacing:-.05em; font-size:3.6rem; font-weight:900; color:#172a3a; }
.itemURL, .downloadURL {background-color:#00a0cc; border: 2px #00a0cc solid; color:#fff; text-decoration:none; font-weight:bold; padding: 10px 20px; }
    .itemURL:hover, .downloadURL:hover { background-color: transparent; color:#00a0cc;text-decoration:none; }
    .past-item { border-bottom: 1px solid #3c54a5; margin: 40px 0px;padding-bottom: 20px; }
    .URL-container {
      display:flex; gap:20px;
    }
#pagination-top, #pagination-bottom {
margin-top: 20px;text-align: right;
}
.pagination-btn {
display: inline-block;margin: 0 5px;
padding: 6px 12px;background-color: #f0f0f0;font-size:2rem;font-weight: bold;
color: #333;cursor: pointer;
}
.pagination-btn.active {
background-color: #00a0cc;color: #fff;
}