@media (-webkit-device-pixel-ratio:1.25) {
    :root {
        zoom: .8
    }

    .modal-backdrop {
        width: 125vw;
        height: 125vh
    }

    .chrome .modal-fullscreen {
        width: 125vw !important
    }

    .chrome .anchor {
        top: -110px !important
    }
}

*:last-child:not(:first-child):not(.container):not(.container-fluid):not(.override) {
    margin-bottom: 0 !important
}

p,
li {
    margin-bottom: 0 !important
}

img {
    width: 100%;
    display: block
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important
}

.screen-reader-text:focus {
    background-color: #ddd;
    clip: auto !important;
    -webkit-clip-path: none;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

.g-6,
.gy-6 {
    --mdb-gutter-y: 6rem
}

.g-6,
.gx-6 {
    --mdb-gutter-x: 6rem
}

.g-7,
.gy-7 {
    --mdb-gutter-y: 7rem
}

.g-7,
.gx-7 {
    --mdb-gutter-x: 7rem
}

.btn {
    position: relative;
    padding: 0;
    border: none;
    font: inherit;
    color: inherit;
    background-color: #fff0;
    cursor: pointer;
    -webkit-tap-highlight-color: #fff0
}

section,
.section {
    position: relative
}

.row,
[class*='container'] {
    --mdb-gutter-x: 2rem
}

@media (min-width:768px) {

    .row,
    [class*='container'] {
        --mdb-gutter-x: 4rem
    }
}

.container {
    z-index: 1
}

@media (min-width:768px) {
    .container {
        max-width: calc(100% - 3rem*2)
    }
}

@media (min-width:992px) {
    .container {
        width: calc(788vw/10.24);
        max-width: 102.4rem
    }
}

.container-fluid.content {
    overflow: hidden
}

html {
    font-size: 10px
}

body {
    font-size: 1.4rem;
    font-family: "Noto Sans", sans-serif;
    font-optical-sizing: auto;
    font-display: swap;
    text-rendering: geometricPrecision;
    font-weight: 400;
    line-height: 1.27;
    letter-spacing: 0;
    color: #000;
    overflow-x: hidden;
    padding-right: 0;
    -webkit-tap-highlight-color: #fff0;
    touch-action: manipulation;
    background-image: url(../images/bg-main.webp);
    background-size: 100vw auto;
    background-repeat: repeat-y
}

@media (min-width:576px) {
    body {
        font-size: 1.4rem
    }
}

@media (min-width:768px) {
    body {
        font-size: 1.4rem
    }
}

@media (min-width:992px) {
    body {
        font-size: 1.4rem
    }
}

@media (min-width:1200px) {
    body {
        font-size: 1.4rem
    }
}

@media (min-width:1400px) {
    body {
        font-size: 1.4rem
    }
}

@media (min-width:1920px) {
    body {
        font-size: 1.4rem
    }
}

@media (min-width:3456px) {
    body {
        font-size: 1.4rem
    }
}

@media (max-width:374.98px) {
    body {
        font-size: calc(14vw/3.75)
    }
}

body>.container {
    background-color: #fff;
    min-height: 100vh
}

.header {
    padding-top: 2rem
}

@media (min-width:768px) {
    .header {
        padding-top: 4rem
    }
}

.header .top-bar {
    color: #5B6870;
    font-size: .8571428571em
}

@media (max-width:767.98px) {
    .header .top-bar {
        margin-top: 1rem
    }
}

.article .header .top-bar {
    text-align: right;
    margin-top: 0
}

.header .logo-main img {
    width: calc(50vw/3.75);
    max-width: 10.5rem
}

@media (min-width:768px) {
    .header .logo-main img {
        margin-top: 1rem
    }
}

.article .header .logo-main img {
    max-width: 6rem
}

.carousel-control-prev,
.carousel-control-next {
    width: 7%;
    height: 53%;
    opacity: 1
}

.carousel-control-prev:hover,
.carousel-control-next:hover {
    opacity: .5
}

.mob .carousel-control-prev,
.mob .carousel-control-next {
    display: none
}

.carousel-control-next {
    transform: translateX(-240%)
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    width: 4.5rem;
    height: 100%
}

.carousel-control-prev-icon:after,
.carousel-control-next-icon:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.carousel-control-prev-icon::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3C!--!Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.--%3E%3Cpath fill='%23FFFFFF' d='M50.3 261.7c-3.1-3.1-3.1-8.2 0-11.3l176-176c3.1-3.1 8.2-3.1 11.3 0s3.1 8.2 0 11.3L67.3 256 237.7 426.3c3.1 3.1 3.1 8.2 0 11.3s-8.2 3.1-11.3 0l-176-176z'/%3E%3C/svg%3E")
}

.carousel-control-next-icon::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3C!--!Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.--%3E%3Cpath fill='%23FFFFFF' d='M269.7 250.3c3.1 3.1 3.1 8.2 0 11.3l-176 176c-3.1 3.1-8.2 3.1-11.3 0s-3.1-8.2 0-11.3L252.7 256 82.3 85.7c-3.1-3.1-3.1-8.2 0-11.3s8.2-3.1 11.3 0l176 176z'/%3E%3C/svg%3E")
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
p,
ul {
    margin-bottom: 0
}

h1.no-after:after,
.h1.no-after:after,
h2.no-after:after,
.h2.no-after:after,
h3.no-after:after,
.h3.no-after:after,
h4.no-after:after,
.h4.no-after:after,
h5.no-after:after,
.h5.no-after:after,
p.no-after:after,
ul.no-after:after {
    display: none
}

h1,
.h1 {
    font-size: calc(40vw / 3.75);
    ;
    line-height: .9;
    text-transform: none;
    color: #000;
    font-weight: 700
}

@max-width h1:not(:first-child), .h1:not(:first-child) {
    margin-top: 2.1428571429em
}

@media (min-width:768px) {

    h1,
    .h1 {
        font-size: 5.7142857143em
    }
}

.article h1,
.article .h1 {
    font-size: calc(40vw/3.75)
}

@media (min-width:768px) {

    .article h1,
    .article .h1 {
        font-size: 2.8571428571em
    }
}

h2,
.h2 {
    font-size: 1.8571428571em;
    line-height: 1.27;
    text-transform: none;
    font-weight: 600
}

@media (min-width:768px) {

    h2,
    .h2 {
        font-size: 2.3571428571em
    }
}

@media (min-width:768px) {
    section>h2 {
        margin-bottom: 15px
    }
}

h2:not(:first-child),
.h2:not(:first-child) {
    margin-top: 2rem
}

h3,
.h3 {
    font-size: 1.2857142857em;
    line-height: 1.27;
    text-transform: none;
    font-weight: 600
}

@media (min-width:768px) {

    h3,
    .h3 {
        font-size: 1.2857142857em
    }
}

h3:not(:first-child),
.h3:not(:first-child) {
    margin-top: 1.5rem
}

@media (min-width:768px) {

    h3:not(:first-child),
    .h3:not(:first-child) {
        margin-top: 2rem
    }
}

a {
    color: inherit;
    text-decoration: underline;
    font-weight: 500;
    transition: all 0.3s ease-in-out
}

a:hover {
    color: #215F8B;
    text-decoration: none
}

a.btn-link {
    color: #215F8B;
    text-decoration: none
}

a.btn-link:hover {
    color: #000;
    text-decoration: none
}

a.link-ico {
    position: relative;
    color: #215F8B;
    text-decoration: none;
    display: flex;
    align-items: center;
    width: fit-content
}

a.link-ico [class*='ico-'] {
    margin-right: 1rem
}

a.link-ico svg {
    transition: all 0.3s ease-in-out;
    margin-left: 1rem;
    fill: #215F8B
}

a.link-ico:hover {
    color: #000
}

a.link-ico:hover svg {
    fill: #000
}

p:not(:first-child) {
    margin-top: 1rem
}

.highlight {
    color: #215F8B
}

.fw-400,
.regular {
    font-weight: 400
}

.fw-500,
.medium {
    font-weight: 500
}

.fw-600,
.semibold {
    font-weight: 600
}

.fw-700,
.bold {
    font-weight: 700
}

.fw-900,
.black {
    font-weight: 900
}

.text-wht {
    color: #fff
}

.text-wht li:before {
    background-color: #fff !important
}

.text-no-transform {
    text-transform: none !important
}

ul:not(.navbar-nav):not(.pagination):not(.claro-toolbar-menu):not(.toolbar-menu):not(.company) {
    padding-left: 1.496em;
    margin-bottom: 0
}

ul:not(.navbar-nav):not(.pagination):not(.claro-toolbar-menu):not(.toolbar-menu):not(.company) li {
    font-size: 1.4rem;
    white-space: normal;
    padding: 0 10px 0 13px;
    line-height: normal;
    width: 100%;
    margin-bottom: 0;
    list-style: none
}

@media (min-width:576px) {
    ul:not(.navbar-nav):not(.pagination):not(.claro-toolbar-menu):not(.toolbar-menu):not(.company) li {
        font-size: 1.4rem
    }
}

@media (min-width:768px) {
    ul:not(.navbar-nav):not(.pagination):not(.claro-toolbar-menu):not(.toolbar-menu):not(.company) li {
        font-size: 1.4rem
    }
}

@media (min-width:992px) {
    ul:not(.navbar-nav):not(.pagination):not(.claro-toolbar-menu):not(.toolbar-menu):not(.company) li {
        font-size: 1.4rem
    }
}

@media (min-width:1200px) {
    ul:not(.navbar-nav):not(.pagination):not(.claro-toolbar-menu):not(.toolbar-menu):not(.company) li {
        font-size: 1.4rem
    }
}

@media (min-width:1400px) {
    ul:not(.navbar-nav):not(.pagination):not(.claro-toolbar-menu):not(.toolbar-menu):not(.company) li {
        font-size: 1.4rem
    }
}

@media (min-width:1920px) {
    ul:not(.navbar-nav):not(.pagination):not(.claro-toolbar-menu):not(.toolbar-menu):not(.company) li {
        font-size: 1.4rem
    }
}

@media (min-width:3456px) {
    ul:not(.navbar-nav):not(.pagination):not(.claro-toolbar-menu):not(.toolbar-menu):not(.company) li {
        font-size: 1.4rem
    }
}

ul:not(.navbar-nav):not(.pagination):not(.claro-toolbar-menu):not(.toolbar-menu):not(.company) li:before {
    content: "";
    display: inline-block;
    width: .22em;
    height: .22em;
    border-radius: 100%;
    background-color: #000;
    margin-left: -.22em;
    transform: translateX(-13px) translateY(-.3em)
}

ul:not(.navbar-nav):not(.pagination):not(.claro-toolbar-menu):not(.toolbar-menu):not(.company) ul {
    margin-top: 2px;
    padding-left: 4px;
    padding-right: 0 !important
}

ul:not(.navbar-nav):not(.pagination):not(.claro-toolbar-menu):not(.toolbar-menu):not(.company) ul li:before {
    content: "";
    display: inline-block;
    width: .5em;
    height: 1.5px;
    border-radius: 50%;
    background-color: #000;
    margin-left: -.22em;
    transform: translateX(-13px) translateY(-.3em)
}

ul.arrow li:before {
    content: '';
    display: block;
    border-radius: 0;
    background-color: #fff0;
    width: 2.2rem !important;
    height: 2.2rem !important;
    min-width: 2.2rem !important;
    max-width: 2.2rem !important;
    min-height: 2.2rem !important;
    max-height: 2.2rem !important;
    background-image: url(../images/ico-arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 15px;
    margin-top: 0
}

@media (min-width:768px) {
    ul.arrow li:before {
        margin-top: 5px
    }
}

ol {
    padding-left: 1.2rem
}

ol li {
    margin-bottom: 2rem
}

sup {
    font-size: 60%;
    top: -1em
}

.btn-line {
    position: relative;
    display: flex;
    justify-content: center
}

.btn-line .btn {
    margin-left: 3rem;
    margin-right: 3rem;
    margin-top: 4rem
}

.btn {
    font-size: 1.1428571429em;
    transition: all 0.3s ease-in-out;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-width: .1rem;
    border-style: solid;
    box-shadow: none;
    text-decoration: none;
    text-transform: none;
    background-image: none;
    margin: 0;
    width: max-content;
    padding: 0 3rem;
    border-radius: 4px;
    height: 2.8rem;
    line-height: 2.6rem;
    font-weight: 400;
    letter-spacing: 0
}

.btn:hover {
    text-decoration: none
}

.mob .btn {
    transition: all 0s
}

.btn-primary {
    border-color: #215F8B;
    background-color: #fff;
    color: #215F8B
}

.btn-primary:active {
    border-color: #215F8B !important;
    background-color: #215F8B;
    color: #fff
}

.btn-primary:hover,
.btn-primary:focus {
    border-color: #215F8B;
    border-width: 2px;
    background-color: #fff;
    color: #215F8B
}

.pub-cred {
    color: #5B6870;
    font-size: .6428571429em
}

.pub-cred-2 {
    font-size: 1em
}

.pub-date {
    text-wrap: auto;
    color: #5B6870;
    font-size: .6428571429em
}

.big-date {
    font-size: 1.2857142857em
}

.multi-carousel .multi-carousel-inner .multi-carousel-item img {
    height: 130px;
    flex-shrink: 0
}

.link-ico {
    margin-top: 10px
}

@media (max-width:575px) {
    .carousel-control-next {
        transform: translateX(-380%)
    }
}

@media (min-width:768px) {
    .multi-carousel .multi-carousel-inner .multi-carousel-item img {
        height: 175px
    }

    .pub-date {
        font-size: .8571428571em
    }

    .big-date {
        font-size: 1.5714285714em
    }

    .article-secondary img {
        height: 175px;
        object-fit: cover
    }
}

.signature {
    font-style: italic;
    color: #5B6870;
    font-weight: 300
}

[class*='article-main'] {
    margin-top: 2rem;
    padding-bottom: 1rem
}

@media (min-width:768px) {
    [class*='article-main'] {
        padding-bottom: 1rem
    }
}

@media (min-width:768px) {

    [class*='article-main'] h3,
    [class*='article-main'] .h3 {
        font-size: 1.5714285714em
    }
}

[class*='article-main'] p,
[class*='article-main'] li {
    font-size: 1.1428571429em;
    line-height: 1.55
}

@media (max-width:374.98px) {
    [class*='article-main'] p {
        font-size: calc(16vw/3.75)
    }
}

@media (min-width:768px) {

    [class*='article-main'] p,
    [class*='article-main'] li {
        font-size: 1.2857142857em
    }
}

[class*='article-main'] p:not(:first-child) {
    margin-top: 1.5rem
}

@media (min-width:768px) {
    [class*='article-main'] p:not(:first-child) {
        margin-top: 2rem
    }
}

[class*='article-main']:hover .announce {
    text-decoration: underline
}

.home [class*='article-main'] a:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: ''
}

[class*='article-main'] .pub-date {
    text-align: right
}

[class*='article-main'] img {
    margin-top: 2rem
}

[class*='article-main'].article-main---announce {
    border-bottom: 2px solid #5B6870
}

.article-ribbon,
.article-secondary,
.article-carousel {
    padding-top: 2rem
}

.article-ribbon .news-card,
.article-secondary .news-card,
.article-carousel .news-card {
    position: relative;
    display: flex;
    flex-direction: column;
    padding-top: 2rem;
    padding-bottom: 2rem
}

.article-ribbon .news-card:after,
.article-secondary .news-card:after,
.article-carousel .news-card:after {
    content: '';
    display: block;
    height: 1px;
    width: calc(100% - 2rem);
    position: absolute;
    left: 1rem;
    bottom: 0;
    background-color: #B5C1C8
}

.article-ribbon .news-card:hover h3,
.article-secondary .news-card:hover h3,
.article-carousel .news-card:hover h3 {
    text-decoration: underline
}

@media (min-width:768px) {

    .article-ribbon .news-card,
    .article-secondary .news-card,
    .article-carousel .news-card {
        padding-top: 0
    }

    .article-ribbon .news-card:after,
    .article-secondary .news-card:after,
    .article-carousel .news-card:after {
        width: 100%;
        left: 0
    }

    .article-ribbon .news-card:nth-of-type(1):after,
    .article-secondary .news-card:nth-of-type(1):after,
    .article-carousel .news-card:nth-of-type(1):after {
        width: calc(100% - 2rem);
        left: 2rem
    }

    .article-ribbon .news-card:nth-of-type(3):after,
    .article-secondary .news-card:nth-of-type(3):after,
    .article-carousel .news-card:nth-of-type(3):after {
        width: calc(100% - 2rem);
        right: 2rem
    }
}

.article-ribbon .news-card:nth-of-type(1):before,
.article-ribbon .news-card:nth-of-type(2):before,
.article-secondary .news-card:nth-of-type(1):before,
.article-secondary .news-card:nth-of-type(2):before,
.article-carousel .news-card:nth-of-type(1):before,
.article-carousel .news-card:nth-of-type(2):before {
    content: '';
    display: block;
    width: 1px;
    height: calc(100% - 2rem);
    position: absolute;
    top: 0;
    right: 0;
    background-color: #B5C1C8
}

.article-ribbon .news-card p:has(.btn-link),
.article-secondary .news-card p:has(.btn-link),
.article-carousel .news-card p:has(.btn-link) {
    padding-top: 3rem;
    margin-top: auto
}

.article-ribbon .news-card a:after,
.article-secondary .news-card a:after,
.article-carousel .news-card a:after,
.article-main---announce .position-relative a:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: ''
}

.article-ribbon .news-card .card-title,
.article-secondary .news-card .card-title,
.article-carousel .news-card .card-title {
    margin-top: 1rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.card-title+p {
    white-space: initial
}

.article-ribbon.collapsed .news-card:nth-of-type(n+8),
.article-secondary.collapsed .news-card:nth-of-type(n+8),
.article-carousel.collapsed .news-card:nth-of-type(n+8) {
    display: none
}

.article-ribbon.collapsed .news-card:nth-of-type(7):after,
.article-secondary.collapsed .news-card:nth-of-type(7):after,
.article-carousel.collapsed .news-card:nth-of-type(7):after {
    display: none
}

@media (min-width:768px) {

    .article-ribbon.collapsed .news-card:nth-of-type(6):after,
    .article-secondary.collapsed .news-card:nth-of-type(6):after,
    .article-carousel.collapsed .news-card:nth-of-type(6):after {
        display: none
    }
}

.article-carousel {
    padding-bottom: 2rem;
    overflow: hidden
}

.article-carousel .multi-carousel {
    width: 135%
}

@media (min-width:576px) {
    .article-carousel .multi-carousel {
        width: 120%
    }
}

.article-carousel .news-card:before,
.article-carousel .news-card:after {
    display: none !important
}

.article-carousel .news-card h3 {
    white-space: normal;
    font-size: .7857142857em;
    padding-right: 1rem
}

@media (min-width:576px) {
    .article-carousel .news-card h3 {
        font-size: 1em
    }
}

.article-carousel .news-card p:has(.btn-link) {
    padding-top: 1.5rem;
    margin-top: auto;
    font-size: .7142857143em
}

@media (min-width:576px) {
    .article-carousel .news-card p:has(.btn-link) {
        font-size: .8571428571em
    }
}

.article-secondary {
    border-bottom: 2px solid #5B6870
}

@media (min-width:768px) {
    .article-secondary .news-card:nth-of-type(n+4) {
        margin-top: 2rem
    }

    .article-secondary .news-card:nth-of-type(n+4):after {
        display: none
    }
}

.article-secondary .news-card:nth-of-type(1):before,
.article-secondary .news-card:nth-of-type(2):before,
.article-secondary .news-card:nth-of-type(4):before,
.article-secondary .news-card:nth-of-type(5):before {
    content: '';
    display: block;
    width: 1px;
    height: calc(100% - 2rem);
    position: absolute;
    top: 0;
    right: 0;
    background-color: #B5C1C8
}

.article-ribbon {
    padding-bottom: 8rem
}

.article-ribbon .news-card:nth-of-type(n+4) .card-text {
    display: none
}

@media (min-width:768px) {
    .article-ribbon .news-card:nth-of-type(n+4) {
        width: 50%;
        margin-top: 2rem
    }
}

@media (min-width:768px) and (min-width:768px) {

    .article-ribbon .news-card:nth-of-type(n+4) h3,
    .article-ribbon .news-card:nth-of-type(n+4) .h3 {
        font-size: 1.1428571429em
    }
}

@media (min-width:768px) {
    .article-ribbon .news-card:nth-of-type(n+4):after {
        width: calc(100% - 2rem*2);
        left: 2rem
    }

    .article-ribbon .news-card:nth-of-type(n+4):nth-of-type(even):before {
        content: '';
        display: block;
        width: 1px;
        height: calc(100% + 2rem);
        position: absolute;
        top: -2rem;
        right: 0;
        background-color: #B5C1C8
    }
}

.article-ribbon .news-card:nth-of-type(n+4):nth-of-type(4):before {
    top: 0;
    height: 100%
}

.article-ribbon .news-card:nth-of-type(n+4):last-child:after {
    display: none
}

@media (min-width:768px) {
    .article-ribbon .news-card:nth-of-type(n+4):nth-last-child(2):nth-of-type(even):after {
        display: none
    }
}

.brdr {
    border: 1px solid red !important
}

.brdg {
    border: 1px solid green !important
}

.brdb {
    border: 1px solid blue !important
}

.brdy {
    border: 1px solid #ff0 !important
}

.head-center {
    width: auto
}