body {
    background-color: #edf1ff;
    font-size: 16px;
    font-family: 'Work Sans', sans-serif;
    display: flex;
    flex: 0 1 auto;
    min-height: 100vh;
    max-height: 100vh;
    height: 100vh;
    min-width: 285px;
    max-width: 100%;
    width: 100%;
    flex-direction: column;
}

@media (min-width: 1921px) {
    body {
        font-size: 1.2em;
    }
}

/* 2k */
@media (min-width: 2049px) {
    body {
        font-size: 2em;
    }
}

/* 4k */
@media (min-width: 3841px) {
    body {
        font-size: 2.5em;
    }
}

/* 5k */
@media (min-width: 5121px) {
    body {
        font-size: 3em;
    }
}

/* 6k */
@media (min-width: 6145px) {
    body {
        font-size: 3.5em;
    }
}

/* 7k */
@media (min-width: 7681px) {
    body {
        font-size: 4em;
    }
}

/* 8k */
@media (min-width: 7681px) {
    body {
        font-size: 4.5em;
    }
}

.row {
    margin-right: -0.500em !important;
    margin-left: -0.500em !important;
}

.row [class*="col-"] {
    padding-right: 0.500em !important;
    padding-left: 0.500em !important;
}

.container-fluid {
    width: 100% !important;
    padding-right: 0.938em !important;
    padding-left: 0.938em !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .container-fluid {
        padding-right: 3.125em !important;
        padding-left: 3.125em !important;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .container-fluid {
        padding-right: 4.063em !important;
        padding-left: 4.063em !important;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .container-fluid {
        padding-right: 5.000em !important;
        padding-left: 5.000em !important;
    }
}

a {
    color: #2534de;
}

a:hover,
a:focus {
    color: #008A0E;
    text-decoration: underline;
}

a.disabled,
a.disabled:hover,
a.disabled:focus {
    pointer-events: none;
    cursor: default;
    color: #444 !important;
}

a.cta {
    margin-top: 0.5em;
    padding: 0.25em 0.5em;
    border-radius: 0.250em;
    border: solid 0.063em #1a2564;
    color: #1a2564;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

a.cta:after {
    content: "\00A0\00BB";
}

a.cta:hover,
a.cta:focus {
    padding: 0.25em 0.5em;
    border: solid 0.063em #008A0E;
    color: #fff;
    background-color: #008A0E;
}

/**umb_name:p*/
p {}

/**umb_name:h1*/
h1 {
    font-size: 1.6em;
}

/**umb_name:h2*/
h2 {
    font-size: 1.4em;
}

/**umb_name:h3*/
h3 {
    font-size: 1.2em;
}

/**umb_name:h4*/
h4 {
    font-size: 1em;
}

/**umb_name:h5*/
h5 {
    font-size: .8em;
}

/**umb_name:h6*/
h6 {
    font-size: .6em;
}

.accessibility_nfd,
.accessibility_nfd a,
.accessibility_nfd a:hover,
.accessibility_nfd a:visited {
    /* Hide content for standard display, but not for screen readers */
    position: absolute;
    left: -9999px;
    z-index: 1001;
}

.accessibility_nfd a:focus,
.accessibility_nfd a:active {
    /* Show links for non-mouse navigation */
    border: 1px solid #FFFFFF;
    background-color: #2C2C2C;
    padding: 6px;
    color: #FFFFFF;
    min-width: 150px;
    outline: none;
    text-align: center;
    /* CSS3 enhancements */
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -moz-box-shadow: 2px 2px 5px #5F5F5F;
    -webkit-box-shadow: 2px 2px 5px #5F5F5F;
    box-shadow: 2px 2px 5px #5F5F5F;
}

.nfd_top a:focus,
.nfd_top a:active {
    position: absolute;
    left: 10150px;
    top: 8px;
}

.content {
    flex: 1 0 auto;
    padding: 1.938em 0.938em 0.938em 0.938em;
}

header {
    background-color: #fff;
    box-shadow: 0em 0em 0.938em #bbb;
    padding: 0em;
    margin: 0em;
}

.header-top {
    padding: 0.938em 0.938em 0.125em 0.938em;
    display: block;
}

.header-top .logo {
    background-image: url(/images/logo.png);
    background-repeat: no-repeat;
    float: left;
    height: 80px;
    overflow: hidden;
    text-indent: 10000%;
    white-space: nowrap;
    width: 280px;

    border: 0.063em solid transparent;
    padding-right: 0.938em;
    margin: 0.938em auto;
}

.header-top .logo:focus {
    border: 0.063em solid #008A0E;
    outline: none;
}

.header-top form.search {
    position: relative !important;
    width: 100%;
    min-width: 12.500em;
    margin: auto auto 1em;
    height: 2.188em;
}

.header-top form.search input {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 5.000em;
    outline: none;
    border: 0.063em solid #1a2564;
    border-radius: 0.250em;
    margin-right: 5.313em;
    display: inline-block;
    padding: .2em 5.500em .2em 0.500em;
    height: 100%;
    width: 100%;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.header-top form.search input:focus {
    border: 0.063em solid #008A0E;
    box-shadow: 0em 0em 0.375em #008A0E;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.header-top form.search button {
    width: 5.000em;
    position: absolute;
    display: inline-block;
    right: 0.056em;
    top: 0.063em;
    bottom: 0.056em;
    outline: none;
    background-color: #1a2564;
    border: 0.063em solid #1a2564;
    color: #fff;
    margin-left: -0.313em;
    border-radius: 0em 0.125em 0.125em 0em;
    cursor: pointer;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    padding: 0.063em 0.375em;
}

.header-top form.search button:focus {
    background-color: #008A0E !important;
    border: 0.063em solid #008A0E !important;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.header-top form.search button:hover {
    background-color: #008A0E !important;
    border: 0.063em solid #008A0E !important;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .header-top {
        display: flex;
    }

    .header-top .logo {
        margin: auto auto auto 0.063em;
    }

    .header-top form.search {
        margin: auto 0.063em auto auto;
        max-width: 25.000em;
    }

    .header-top form.search>input:focus !>form.search {
        max-width: 37.500em !important;
    }
}

footer {
    color: #fff;
}

footer .useful {
    border-top: 0.063em solid #555;
    background-color: #2d2d2d;
    padding: 0.5em 0em;
}

footer ul {
    list-style: none;
    margin: 0em;
    padding: 0;
    display: inline-block;
}

footer ul li {
    display: inline-block !important;
    margin-left: 0.938em;
}

footer ul li:first-child {
    margin-left: 0;
}

footer ul li a {
    display: block;
    color: #dfdfdf;
    text-decoration: none;
}

footer ul li:hover a,
footer ul li a:focus,
.copyright a:hover,
.copyright a:focus {
    text-decoration: underline;
    color: #00B800;
}

footer a {
    color: #09f;
}

footer .logos {
    background-color: #1a2564;
}

footer .logos a img {
    width: 100%;
    height: auto;
    max-width: 12.500em;
    max-height: 12.500em;
    display: flex;
    margin: auto !important;
    padding: 0.938em;

    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

footer .logos a:hover img,
footer .logos a:focus img {
    transform: scale(1.1);
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

footer .logos a:focus {
    outline: solid 3px #008A0E;
}

footer .contact-info {
    position: relative;
    background-color: #1a2564;
}

footer .contact-info span {
    position: absolute;
    top: 0.550em;
    font-size: 2em;
}

footer .contact-info .info {
    padding-left: 3em;
    width: 100%;
    display: inline-block;
    overflow-wrap: break-word;
}

footer .contact-info .info h3,
footer .contact-info .info p {
    overflow-wrap: break-word;
}


footer .contact-info .contact-info-button {
    border-bottom: 0.438em solid transparent;
    padding: 0.938em;
    color: #fff;
}

footer .contact-info .contact-info-button:hover,
footer .contact-info .contact-info-button:focus {
    border-bottom: 0.438em solid #4e5c7d;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    footer .contact-info .contact-info-button:first-child {
        border-left: 0.063em solid transparent;
    }

    footer .contact-info .contact-info-button {
        border-right: 0.063em solid #4e5c7d;
        border-left: 0.063em solid #4e5c7d;
        border-bottom: 0.438em solid #1a2564;
        padding: 0.938em;
        color: #fff;
    }

    footer .contact-info .contact-info-button:hover {
        border-bottom: 0.438em solid #4e5c7d;
    }

    footer .contact-info .contact-info-button:last-child {
        border-right: 0.063em solid transparent;
    }
}

footer .copyright {
    background-color: #2d2d2d;
    padding-bottom: 0.5em;
}

footer .copyright p:first-child {
    margin: 0 auto !important;
    text-align: center;
}

.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
    color: #444;
}

.content img {
    max-width: 100%;
    height: auto;
}

.breadcrumbs {
    margin-top: -0.938em;
    margin-bottom: 0.938em;
}

.breadcrumbs ul {
    padding: 0;
    list-style: none;
    margin-bottom: 0em;
}

.breadcrumbs ul li {
    padding-top: 0.313em;
    display: inline-block !important;
}

.breadcrumbs ul li a {
    color: #333;
}

.breadcrumbs ul li a:hover {
    color: #008A0E;
}

.breadcrumbs ul li a:focus {
    color: #008A0E;
    outline: none;
    text-decoration: underline;
}

.breadcrumbs ul li:after {
    content: '\203A';
    margin: 0em 0.188em;
    color: #2c2c2c;
    font-size: 1.4em;
    margin-top: -0.250em;
    vertical-align: middle;
    display: inline-block;
}

.breadcrumbs ul li:last-child:after {
    display: none;
}

.newsflash {
    background-color: #e32b2b;
    border-radius: 0.313em;
    padding: 0.625em 0em 0.625em 0.938em;
    margin: -0.538em 0em 1.250em 0em;
    color: #fff;
    overflow: hidden !important;
    max-height: 312.500em;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.newsflash.hide {
    max-height: 0em !important;
    margin: 0em !important;
    padding: 0em !important;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.newsflash.instanthide {
    display: none;
}

.newsflash .title,
.newsflash .content,
.newsflash .close,
.area-newsflash .title,
.area-newsflash .content,
.area-newsflash .close {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 !important;
}

.newsflash .title h2 {
    font-size: 1.5em;
}

.newsflash .content {
    font-size: 1em;
    flex-flow: row wrap;
}

.newsflash .content * {
    flex: 0 0 100%;
    margin: 0;
    color: #fff !important;
}

.newsflash .content span,
.newsflash .title h2,
.area-newsflash .title h3 {
    margin: auto auto auto 0em;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 0.25em;
    color: #fff;
}

.newsflash .close span,
.area-newsflash .close span {
    -ms-flex: 1;
    margin: auto 0em auto auto;
}

.newsflash .close-btn,
.area-newsflash .close-btn {
    background-color: transparent;
    outline: none;
    border: none;
    color: #fff;
    cursor: pointer;
    padding: 0.313em 0.125em;
}

.newsflash .close-btn:hover,
.newsflash .close-btn:focus {
    color: #ffff00;
}

.newsflash .close i {
    font-size: 2em;
    display: block;
    padding-bottom: 0.500em;
    color: #fff;
}

.newsflash .close-btn:hover i,
.newsflash .close-btn:focus i {
    color: #ffff00;
}

.newsflash .content hr {
    background-color: #fff;
    outline: none;
    border: none;
    height: 1px;
    margin: 15px 0px;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .newsflash .close i {
        font-size: 1.2em;
        padding-bottom: 0.125em;
    }
}

.aside {
    width: 100% !important;
}

.aside ul {
    padding-left: 0.625em;
}

.aside ul li {
    list-style: none;
}

.aside p {
    word-break: keep-all;
}

.expandable {
    margin-top: 0.938em;
    margin-bottom: 0.938em;
}

.expandable h1,
.expandable h2,
.expandable h3,
.expandable h4,
.expandable h5,
.expandable h6 {
    padding-left: 2.500em !important;
}

.expandable h1:before,
.expandable h2:before,
.expandable h3:before,
.expandable h4:before,
.expandable h5:before,
.expandable h6:before {
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 600;
    content: '\f0d7';
    position: absolute;
    left: 1.875em;
}

.expandable h1,
.expandable h2,
.expandable h3,
.expandable h4,
.expandable h5,
.expandable h6,
.expandable>p {
    background-color: #1a2564;
    color: #fff;
    padding: 0.500em 0.938em;
    margin-bottom: 0;
    cursor: pointer;
    user-select: none;
    text-shadow: 0em 0em 0.625em #000;
    font-weight: 100;
}

.expandable h1.on:before,
.expandable h2.on:before,
.expandable h3.on:before,
.expandable h4.on:before,
.expandable h5.on:before,
.expandable h6.on:before {
    content: '\f0d8';
    position: absolute;
    left: 1.875em;
}


.expandable h1:focus,
.expandable h2:focus,
.expandable h3:focus,
.expandable h4:focus,
.expandable h5:focus,
.expandable h6:focus,
.expandable>p:focus {
    background-color: #008A0E !important;
    outline: none;
}

.expandable .toggle {
    background-color: #fff;
    padding: 0.500em 0.938em;
}

.expandable .toggle p {
    margin: 0;
}

.expandable .toggle.off {
    padding-top: 0;
    padding-bottom: 0;
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s linear;
    display: none;
}

.expandable .toggle.on {
    max-height: 312.500em !important;
    transition: all 0.2s linear;
    display: block;
}

/*
.expandable h1:focus ~ .toggle,
.expandable h2:focus ~ .toggle,
.expandable h3:focus ~ .toggle,
.expandable h4:focus ~ .toggle,
.expandable h5:focus ~ .toggle,
.expandable h6:focus ~ .toggle,
.expandable > p:focus ~ .toggle {
    max-height: 312.500em !important;
    transition: all 0.2s linear;
    padding: 0.500em 0.938em;
}
*/

.search .meta {
    font-size: 1.3em;
}

.search .result {
    width: 100%;
    border-bottom: 0.063em solid #444;
}

.search .result .url a {
    color: #008A0E;
}

.search .result .url a:hover,
.search .result .url a:focus {
    color: #1a2564;
}

.pagination {
    margin: 1.563em auto;
    font-size: 1.2em;
    text-align: center;
}

.pagination span,
.pagination a {
    padding: 0.250em 0.625em;
    border: 0.063em solid #444;
    border-radius: 0.250em;
}

.pagination span {
    background-color: #bbb;
    color: #fff;
}

.pagination a {
    background-color: #1a2564;
    color: #fff;
}

.pagination a:hover,
.pagination a:focus {
    background-color: #008A0E;
    text-decoration: none;
}

.news-post {
    padding-bottom: 1.875em;
}

.news-post .publication-date {
    display: inline-block;
    padding: 0.250em 0.500em;
    border-radius: 0.250em;
    background: #1a2564;
    color: #fff;
    font-size: 0.9em;
    margin: 0.313em 0 0.938em 0;
}

.radio-check-container {
    display: inline-block;

}

.radio-check-container:hover,
.radio-check-container:focus {
    outline: none;
}

.radio-check-container:hover .tag,
.radio-check-container:focus .tag {
    border: 2px solid #ffff00;
}

.tags {
    margin: 0;
    padding: 0;
}

.tags .tag {
    padding: 0.250em 0.500em;
    background-color: #1a2564;
    border-radius: 0.250em;
    color: #fff;
    margin: 0.313em 0.313em 0.313em 0;
    cursor: pointer;
    border: 2px solid transparent;
}

.tags .hidden:checked~.tag {
    background-color: #008A0E;
}

.radio-check-container:hover .hidden:checked .tag,
.radio-check-container:focus .hidden:checked .tag {
    border: 2px solid #ffff00;
}

.tags .tag:first-child {
    margin: 0.313em 0;
}

.tags .hidden {
    display: none;
}

.filter-input {
    width: 100%;
    background-color: #1a2564;
    color: #fff;
    border-radius: 0.250em;
    padding: 0.250em 0.500em;
    border: none;
    outline: none;
    /* for Firefox */
    -moz-appearance: none;
    /* for Chrome */
    -webkit-appearance: none;
    position: relative;
    z-index: 10;
    border: 2px solid transparent;
}

.filter-input:hover,
.filter-input:focus {
    border: 2px solid #ffff00;
    cursor: pointer;
}

/* For IE10 */
.filter-input::-ms-expand {
    display: none;
}

.select-container {
    position: relative;
}

.select-container:before {
    content: '';
    position: absolute;
    right: 0.625em;
    top: 50%;
    margin-top: -0.156em;
    width: 0;
    height: 0;
    border-left: 0.313em solid transparent;
    border-right: 0.313em solid transparent;
    border-top: 0.313em solid #fff;
    z-index: 11;
}

.set,
.setdef {
    margin: 0;
    padding: 0.500em 0 0 0;
}

.news-item {
    border-bottom: 0.063em solid #ccc;
    padding: 0.938em 0;
    margin: 0;
}

.news-item:last-child {
    border-bottom: none;
}

.news-item .col {
    padding: 0;
}

.news-item .info {
    flex-basis: 18.688em;
}

.news-item .image-container {
    max-width: 35.938em;
    margin-right: 0.938em;
}

.news-item .image-container img {
    width: 100%;
    height: auto;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .news-item .image-container {
        max-width: 25.000em;
    }
}

.news-item .title {
    font-size: 1.4em;
}

.news-item .content {
    padding: 0;
    margin: 0;
}

.latest-news-widget {
    padding: 1em;
    border: solid 0.063em #ccc;
    background-color: #fff;
    border-radius: 0.313em;
    position: relative;
    margin-bottom: 0.938em;
}

.latest-news-widget h2,
.latest-news-widget h3 {
    background-color: #1a2564;
    color: #fff;
    padding: 0.15em 0.5em 0.15em 2em;
    border-top-left-radius: 0.250em;
    border-bottom-right-radius: 1.250em;
    top: -0.725em;
    left: -0.725em;
    position: relative;
}

.latest-news-widget h2:before,
.latest-news-widget h3:before {
    font-size: 1em;
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 600;
    content: '\f073';
    position: absolute;
    left: 0.5em;
    top: 50%;
    vertical-align: middle;
    margin-top: -0.8em;
}

.latest-news-widget .latest-news {
    display: flex;
    flex-flow: row wrap;
}

.latest-news-widget .latest-news .latest-news-item {
    position: relative;
    flex: 0 0 100%;
    min-height: 6.250em;
    border: 0.063em solid transparent;

    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.latest-news-widget .latest-news .latest-news-item:hover,
.latest-news-widget .latest-news .latest-news-item:focus {
    background-color: #008A0E;
    color: #fff;
    border: 0.063em solid #ccc;
    border-radius: 0.500em;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.latest-news-widget .latest-news .latest-news-item:after {
    content: '\f105';
    font-family: 'Font Awesome\ 5 Free';
    color: #fff;
    font-size: 1.5em;
    font-weight: 600;
    position: absolute;
    right: 2em;
    top: 50%;
    margin-top: -0.8em;
    vertical-align: middle;

    -webkit-transition: right 0.2s linear;
    -moz-transition: right 0.2s linear;
    -o-transition: right 0.2s linear;
    transition: right 0.2s linear;
}

.latest-news-widget .latest-news .latest-news-item:hover:after,
.latest-news-widget .latest-news .latest-news-item:focus:after {
    right: 1em;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.latest-news-widget .latest-news .latest-news-item .info {
    display: inline-block;
    vertical-align: top;
    margin: 0.500em 2.5em 0 3.625em;
    padding: 0 0.625em;
}

.latest-news-widget .latest-news .latest-news-item .info .title {
    display: block;
    font-weight: 500;
    padding: 0;
    margin: 0;
}

.latest-news-widget .latest-news .latest-news-item:hover .info .title,
.latest-news-widget .latest-news .latest-news-item:focus .info .title {
    color: #fff;
    text-decoration: underline;
}

.latest-news-widget .latest-news .latest-news-item .info .description {
    display: block;
    color: #000;
}

.latest-news-widget .latest-news .latest-news-item:hover .info .description,
.latest-news-widget .latest-news .latest-news-item:focus .info .description {
    color: #fff;
}

.latest-news-widget .latest-news .latest-news-item .date {
    background-color: #ac2121;
    border: 0.063em solid #1a2564;
    border-radius: 0.500em;
    display: inline-block;
    text-align: center;
    width: 3.125em;
    position: absolute;
    left: 0.500em;
    top: 0.500em;
}

.latest-news-widget .latest-news .latest-news-item .date .day {
    background-color: #fff;
    font-size: 1.5em;
    color: #444;
    display: block;
}

.latest-news-widget .latest-news .latest-news-item .date .month {
    font-size: 1em;
    color: #fff;
    display: block;
}

.latest-news-widget .latest-news .latest-news-item .date .year {
    font-size: 0.8em;
    color: #fff;
    display: block;
}

.large-button-home {
    background-size: 400px;
    resize: both;
    background-repeat: no-repeat;
    background-position: center right;
    background-color: #4e5c7d;
    border: 0.063em solid #1a2564;
    display: block;
    width: 100%;
    border-radius: 0.313em;
    vertical-align: middle;
    margin-bottom: 0.938em;
    padding: 0.938em;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

/* Maintenance aside button */
.large-button-home.mypension-maintenance {
    background-image: url("/images/maintenance.png");
    background-position: bottom right;
}

@media (min-width: 1800px) {
    .large-button-home.mypension-maintenance h2 {
        width: 80%;
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .large-button-home {
        background-image: url("/images/my-pension-online.png");
    }
}

.large-button-home:hover,
.large-button-home:focus {
    color: #fff;
    box-shadow: 0.125em 0.188em 0.313em 0 rgba(0, 0, 0, 0.8);
    text-decoration: underline;

    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.large-button-home h2 {
    color: #fff;
    font-size: 1.5em;
}

.large-button-home p {
    font-size: 1em !important;
    color: #f5f5f5;
    padding-right: 0.938em;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .large-button-home p {
        padding-right: 9.375em;
    }
}

.small-button-home {
    resize: vertical;
    background-repeat: no-repeat;
    background-size: 400px;
    background-position: center right;
    background-color: #fff;
    border: 0.063em solid #1a2564;
    display: flex;
    height: auto;
    min-height: 6em;
    border-radius: 0.313em;
    vertical-align: middle;
    margin: auto auto 0.938em auto;
    padding: 0.938em;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.small-button-home:hover,
.small-button-home:focus {
    color: #fff;
    box-shadow: 0.125em 0.188em 0.313em 0 rgba(0, 0, 0, 0.8);
    background-color: #008A0E;
    text-decoration: underline;

    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.small-button-home h2 {
    color: #fff;
    margin-right: 6.250em;
    font-size: 1.2em;
}

.small-button-home p {
    font-size: 1em !important;
    color: #000;
    padding-right: 0.938em;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .small-button-home p {
        padding-right: 6.250em;
    }
}

.row:nth-of-type(1)>.col:nth-of-type(1)>.small-button-home {
    background-color: #5C8014;
}

.row:nth-of-type(1)>.col:nth-of-type(2)>.small-button-home {
    background-color: #643E8A;
}

.row:nth-of-type(2)>.col:nth-of-type(1)>.small-button-home {
    background-color: #ab6514;
}

.row:nth-of-type(2)>.col:nth-of-type(2)>.small-button-home {
    background-color: #347999;
}


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .row:nth-of-type(1)>.col:nth-of-type(1)>.small-button-home {
        background-image: url("/images/retired-members-icon.png");
        background-position: center right;
        background-color: #5C8014;

        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }

    .row:nth-of-type(1)>.col:nth-of-type(2)>.small-button-home {
        background-image: url("/images/payment.png");
        background-position: center right;
        background-color: #643E8A;

        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }

    .row:nth-of-type(2)>.col:nth-of-type(1)>.small-button-home {
        background-image: url("/images/left-but-no-benefits-paid-icon.png");
        background-position: center right;
        background-color: #ab6514;

        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }

    .row:nth-of-type(2)>.col:nth-of-type(2)>.small-button-home {
        background-image: url("/images/thinking-of-joining-icon.png");
        background-position: center right;
        background-color: #347999;

        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }
}

.pay-date {
    background-color: #e32b2b;
    color: #fff;
    display: inline-block;
    width: auto;
}


.featured {
    border-radius: 0.313em;
    border: 0.063em solid #ccc;
    overflow: hidden;
    display: block;
    background-color: #fff;
    position: relative;
    width: 100%;
    margin: auto auto 0.938em auto;
}

.featured:focus {
    outline: none;
}

.featured img {
    width: 100%;
    height: auto;
    margin-bottom: 2.9em;

    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.featured:hover img,
.featured:focus img {
    transform: scale(1.04);

    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.featured h3 {
    display: block;
    background-color: #1a2564;
    color: #fff;
    padding: 0.5em 0.8em;
    margin: 0;
    text-shadow: 0em 0em 0.625em #000;
    width: 100%;
    position: absolute;
    bottom: 0;

    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.featured:hover h3,
.featured:focus h3 {
    background-color: #008A0E;

    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

/* *[class="row"] {
    outline: 1px dotted rgba(0, 0, 0, 0.25);
} 

*[class^="col-"] {
    background-color: rgba(255, 0, 0, 0.2);
    outline: 1px dotted rgba(0, 0, 0, 0.5);
} */

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.items {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    margin-top: 2em;
}

.item {
    padding: 1em 1em 2em;
    background-color: #ffffff;
    box-shadow: 0.125em 0.125em 0.313em 0 rgba(0, 0, 0, 0.2);
    border: solid 0.063em #ccc;
    transition: 0.3s;
    margin-right: 3.33%;
    text-decoration: none;
    margin-bottom: 1em;
    flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    max-width: 100%;
    position: relative;
    border-radius: 0.500em;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .item {
        flex: 0 0 46.6%;
        -ms-flex: 0 0 38.4%;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .item {
        flex: 0 0 30%;
        -ms-flex: 0 0 25%;
    }
}

.items .item h2 {
    color: #005EB8;
}

.items .item .read-more-cta {
    position: absolute;
    bottom: 0.333em;
    right: 0.333em;
    color: #194E7B;
    font-weight: bold;
    padding: 0.5em 1em;
    display: block;
    font-size: 0.750em;
    line-height: 2em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.item:hover,
.item:focus {
    background-color: #ffffff;
    background-image: linear-gradient(to top, #eeeeee, #ffffff);
}


/* FIREFIGHTER */

.firefighter .item {
    background-color: #E4253B;
    color: #fff;
    box-shadow: 0.125em 0.125em 0.313em 0 rgba(0, 0, 0, 0.2);
    border: solid 0.063em #ccc;
}

.firefighter .item h2,
.firefighter .item .read-more-cta {
    color: #fff;
}

.firefighter .item:hover,
.firefighter .item:focus {
    background-color: #2c2c2c;
    background-image: linear-gradient(to top, #72131E, #E4253B);
    text-decoration: none;
}

/* EMPLOYER */

.employer .item {
    background-color: #4e5c7d;
    color: #fff;
    box-shadow: 0.125em 0.125em 0.313em 0 rgba(0, 0, 0, 0.2);
    border: solid 0.063em #ccc;
}

.employer .item h2,
.employer .item .read-more-cta {
    color: #fff;
}

.employer .item:hover,
.employer .item:focus {
    background-color: #2c2c2c;
    background-image: linear-gradient(to top, #0e1c3d, #4e5c7d);
    text-decoration: none;
}

.links-widget {
    padding: 1em;
    border: solid 0.063em #ccc;
    background-color: #fff;
    border-radius: 0.313em;
    position: relative;
    margin-bottom: 0.938em;
}

.links-widget h1,
.links-widget h2,
.links-widget h3,
.links-widget h4,
.links-widget h5,
.links-widget h6 {
    background-color: #1a2564;
    padding: 0.15em 0.5em 0.15em 2em;
    color: #fff;
    position: relative;
    border-top-left-radius: 0.250em;
    border-bottom-right-radius: 1.250em;
    background-repeat: no-repeat;
    background-size: 1.250em;
    background-position: 3% 50%;
}


.links-widget h1 {
    top: -0.625em;
    left: -0.625em;
}

.links-widget h2 {
    top: -0.725em;
    left: -0.725em;
}

.links-widget h3 {
    top: -0.825em;
    left: -0.825em;
}

.links-widget h4 {
    top: -1.025em;
    left: -1.025em;
}

.links-widget.firefighter h1,
.links-widget.firefighter h2,
.links-widget.firefighter h3,
.links-widget.firefighter h4,
.links-widget.firefighter h5,
.links-widget.firefighter h6 {
    background-color: #E4253B;
}

.links-widget.employer h1,
.links-widget.employer h2,
.links-widget.employer h3,
.links-widget.employer h4,
.links-widget.employer h5,
.links-widget.employer h6 {
    background-color: #4e5c7d;
}

.links-widget.paying-in-widget h1:before,
.links-widget.paying-in-widget h2:before,
.links-widget.paying-in-widget h3:before,
.links-widget.paying-in-widget h4:before,
.links-widget.paying-in-widget h5:before,
.links-widget.paying-in-widget h6:before {
    font-size: 1em;
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 600;
    content: '\f017';
    position: absolute;
    left: 0.5em;
    top: 50%;
    vertical-align: middle;
    margin-top: -0.8em;
}

.links-widget.extra-widget h1:before,
.links-widget.extra-widget h2:before,
.links-widget.extra-widget h3:before,
.links-widget.extra-widget h4:before,
.links-widget.extra-widget h5:before,
.links-widget.extra-widget h6:before {
    content: '\f303';

}

.links-widget h1:before,
.links-widget h2:before,
.links-widget h3:before,
.links-widget h4:before,
.links-widget h5:before,
.links-widget h6:before {
    font-size: 1em;
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 600;
    content: '\f35d';
    position: absolute;
    left: 0.5em;
    top: 50%;
    vertical-align: middle;
    margin-top: -0.8em;
}

.links-widget ul {
    padding: 0;
    list-style: none;
}

.links-widget ul li {
    padding: 0.25em 0 0.25em 1.7em;
    position: relative;
}

.links-widget ul li:before {
    color: #008A0E;
    font-size: 1.5em;
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 600;
    content: '\f105';
    position: absolute;
    left: 0.2em;
    top: 50%;
    vertical-align: middle;
    margin-top: -0.7em;
}

.paying-in-widget p span {
    color: #1a2564;
    font-weight: 700;
}

.firefighter-bg {
    background-image: url("/images/firefighter-bg.png");
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 80% 0;
    background-attachment: fixed;
}

.employer-bg {
    background-image: url("/images/employer-bg.png");
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 80% 0;
    background-attachment: fixed;
}

/**umb_name:show-hide*/
.showHide {}

/**** Tables ****/

.content table {
    width: 100%;
    border: 0;
    border-spacing: 0;
}

.content table td,
.content table th {
    border: 1px solid #2c2c2c;
    padding: 8px;
}

.content table thead tr {
    background-color: #1a2564;
    color: #fff;
    border: 1px solid #2c2c2c;
    padding: 8px;
}

.content table tr:hover {
    background-color: #e7e7e7;
}

#webchat {
    position: fixed;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    color: #202020;
    background-color: #FFB800;
    box-shadow: 3px 0 3px -1px rgba(0, 0, 0, 0.2), -1px 0 3px 1px rgba(0, 0, 0, 0.2);
    width: 100px;
    z-index: 999;
    border: none;
    border-top: 3px solid #643E8A;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: all .2s;
}

#webchat:where(:hover, :focus) {
    border-color: #FFB800;
    background-color: #643E8A;
    color: white;
}

#webchat:focus {
    outline: 3px solid #eeb92a;
}

#webchat:before {
    content: '';
    display: block;
    width: 5.5em;
    aspect-ratio: 1 / 1;
    margin: 0 0.5em 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3E%3Ccircle cx='40' cy='40' r='34.998' fill='%23fff'/%3E%3Cpath fill='%23ffc18b' fill-rule='nonzero' d='m40.331 15.72.076.002.09.002.04.001.099.003.084.003.044.002.044.002.044.002.096.005.081.004.043.003.038.002.1.007.059.004.065.005.033.003.149.012.077.007.029.003.248.025h.003c2.86.316 5.235 1.37 7.015 3.052l.033.032.091.087.047.047.026.026.026.026.025.025.029.029.03.031.03.031.038.04.007.007.091.096.029.031c2.505 2.718 3.629 6.838 2.987 11.979.539-.733 1.152-1.212 1.798-1.039 1.283.342 1.62 1.378.279 4.518-1.34 3.141-2.402 4.308-3.184 3.967-.247-.108-.426-.442-.557-.851-1.231 3.148-2.888 5.448-4.605 7.039-.01.025-.371.926-.609 2.229-.357 1.974-.42 4.901 1.485 7.177-1.565 3.032-6.983 4.733-6.983 4.733s-5.418-1.701-6.983-4.733c1.903-2.276 1.842-5.203 1.484-7.177-.235-1.283-.587-2.176-.607-2.228-1.723-1.595-3.385-3.905-4.618-7.068-.132.422-.313.769-.565.879-.782.341-1.844-.826-3.184-3.967-1.342-3.14-1.004-4.176.279-4.518.656-.176 1.278.32 1.822 1.072-1.215-9.621 3.746-15.672 12.372-15.672h.066l.07.001h.09l.043.001.061.001Zm1.22 31.949a6.253 6.253 0 0 1-1.279.216h-.004l-.096.005-.057.002-.053.001h-.061c-.471 0-.997-.073-1.561-.226.564.156 1.09.231 1.561.231.467 0 .99-.074 1.55-.229Zm-13.644-14.55.011.059-.011-.059Z'/%3E%3Cpath fill='%23e2aa7a' fill-rule='nonzero' d='M40.001 49.6c-1.467 0-3.496-.723-5.499-2.381-.242-1.322-.608-2.23-.608-2.23h.017c2.191 2.019 4.471 2.909 6.09 2.909 1.618 0 3.898-.89 6.089-2.909h.018s-.368.908-.609 2.23c-2.003 1.658-4.032 2.381-5.498 2.381Z'/%3E%3Cpath fill='%23835f32' fill-rule='nonzero' d='M32.71 13.802a3.438 3.438 0 0 1-.197-1.135c0-2.784 3.352-5.04 7.488-5.04 4.136 0 7.487 2.256 7.487 5.04 0 .287-.038.568-.108.842 10.045 4.303 7.416 17.399 4.237 20.683-.669-5.93-2.194-8.096-5.622-13.238-2.92 4.344-8.948 3.379-13.074 5.17-4.127 1.792-4.614 8.068-4.614 8.068s-1.853-2.225-2.161-4.552c-.479-3.61.038-12.202 6.564-15.838Z'/%3E%3Cpath fill='%23b89abe' fill-rule='nonzero' d='m45.621 51.772-.254-1.277 1.339.264 2.907 4.408-.129.301 1.546.314-7.752 19.22h-5.81l-9.21-19.07 2.331-.479-.2-.286 2.906-4.408 1.339-.264-.254 1.277 5.621 5.874 5.62-5.874Z'/%3E%3Cpath fill='%234a11ae' fill-rule='nonzero' d='M38.821 74.978a34.843 34.843 0 0 1-21.567-8.388l.013-.055c.262-1.064.53-2.126.817-3.184.179-.662.366-1.322.566-1.979.122-.397.248-.793.383-1.187.085-.244.173-.488.269-.728a11.1 11.1 0 0 1 .198-.463c.111-.245.237-.498.436-.685.032-.03.07-.052.107-.075.092-.057.186-.107.283-.154a8.25 8.25 0 0 1 .881-.352c.319-.112.641-.213.965-.309a44.168 44.168 0 0 1 1.505-.418 88.263 88.263 0 0 1 2.571-.626c1.453-.334 2.911-.643 4.373-.931l8.2 19.534Zm10.561-19.531c1.462.286 2.919.597 4.371.929.859.197 1.716.403 2.57.625a46.59 46.59 0 0 1 1.505.417c.309.093.617.189.922.294.311.107.62.221.917.364.151.072.322.153.443.274.1.1.175.227.243.35.111.201.204.413.291.625.09.218.173.44.252.662.126.355.243.713.356 1.073.2.638.384 1.281.562 1.925.303 1.097.584 2.199.857 3.303l.074.303a34.84 34.84 0 0 1-21.561 8.387l8.198-19.531Z'/%3E%3Cpath fill='%2339078f' fill-rule='nonzero' d='M19.883 68.635a34.894 34.894 0 0 1-2.629-2.045l.073-.296c.451-1.826.915-3.654 1.487-5.447.175-.547.358-1.095.584-1.624.074-.171.152-.342.241-.506.069-.126.145-.25.244-.355v10.273Zm40.238-10.273c.098.104.173.226.241.351.085.154.158.314.228.476.229.533.415 1.085.592 1.637.25.781.476 1.57.692 2.361.297 1.087.574 2.18.843 3.274l.031.127a35.109 35.109 0 0 1-2.627 2.044v-10.27Z'/%3E%3Cpath fill='none' stroke='%23383838' d='M25.773 36.562s-1.476 13.201 14.39 13.201'/%3E%3Cellipse cx='40' cy='49.763' fill='%234a11ae' rx='2.23' ry='1.189'/%3E%3Cpath fill='%234a11ae' d='M40.123 11.139a1.23 1.23 0 0 1 .122-.007c5.089 0 8.498 1.583 10.792 3.754 5.336 5.048 4.594 13.451 4.594 13.451-.051.55-.538.955-1.087.905a1.001 1.001 0 0 1-.905-1.087s.704-7.389-3.976-11.816c-1.998-1.89-4.987-3.207-9.418-3.207-.041 0-.082-.003-.123-.007a1.23 1.23 0 0 1-.122.007c-4.431 0-7.421 1.317-9.419 3.207-4.68 4.427-3.976 11.816-3.976 11.816a1 1 0 0 1-.567.994c.036.285.051.62.041.977a6.576 6.576 0 0 1-.026.434c.642.236 1.13.818 1.211 1.544l.727 6.493a1.867 1.867 0 0 1-3.71.416l-.727-6.493a1.867 1.867 0 0 1 1.584-2.055 6.708 6.708 0 0 1 .091-1.294 1 1 0 0 1-.616-.834s-.742-8.403 4.594-13.451c2.295-2.171 5.704-3.754 10.793-3.754.041 0 .082.003.123.007Z'/%3E%3C/svg%3E") no-repeat center center;
}

@media (max-width: 680px) {
    body {
        margin-bottom: 3em;
        min-height: 0;
        max-height: none;
        height: auto;
    }

    #webchat {
        left: 0;
        right: 0;
        bottom: 0;
        top: auto;
        height: 3em;
        border: none;
        width: 100%;
        transform: none;
        flex-direction: row;
    }

    #webchat:before {
        width: 1.4em;
    }
}