﻿@import url('https://fonts.googleapis.com/css2?family=Lato:wght@700&family=Poppins:wght@500;900&display=swap');

*,
:after,
:before {
    box-sizing: inherit
}

html {
    box-sizing: border-box;
    -ms-overflow-style: scrollbar;
    -webkit-text-size-adjust: 100%;
    background: #fff;
    font: 400 10px/1.45 Lato, Helvetica, Arial, sans-serif;
    height: 100%;
    scroll-behavior: auto;
    width: 100%
}

body {
    font-size: 1.9rem;
    min-height: 100%;
    width: 100%
}

main {
    display: block
}

.container,
.container-fluid {
    width: 100%;
    padding-right: 16px;
    padding-left: 16px;
    margin-right: auto;
    margin-left: auto
}

a {
    background-color: transparent
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

    [type=button]::-moz-focus-inner,
    [type=reset]::-moz-focus-inner,
    [type=submit]::-moz-focus-inner,
    button::-moz-focus-inner {
        border-style: none;
        padding: 0
    }

    [type=button]:-moz-focusring,
    [type=reset]:-moz-focusring,
    [type=submit]:-moz-focusring,
    button:-moz-focusring {
        outline: 1px dotted ButtonText
    }

.live-chat .btn__text,
.region-selector__label,
.sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    clip: auto;
    height: auto;
    overflow: visible;
    position: static;
    white-space: normal;
    width: auto
}

.wysiwyg a {
    font-weight: bold;
}

.btn,
.textfield__button {
    background-color: transparent;
    border: 0;
    border-radius: 0;
    color: inherit;
    cursor: pointer;
    font: inherit;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.error-page.section .wysiwyg > :last-child {
    margin-bottom: 0;
}

.h1,
h1 {
    font-size: 3.2rem;
    line-height: 1.1875;
    margin-block-start: 0;
    margin-block-end: 0;
}

.h1,
.h2,
blockquote,
h1,
h2 {
    font-family: Poppins, serif;
    font-weight: 700
}

.h2,
blockquote,
h2 {
    font-size: 2.4rem;
    line-height: 1.417
}

.h3,
h3 {
    font-family: Poppins, serif;
    font-size: 2.2rem;
    font-weight: 900;
    line-height: 1.318
}

.h4,
h4 {
    font-family: Lato, Helvetica, Arial, sans-serif;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.444
}

@media(min-width:576px) {

    .h1,
    h1 {
        font-size: calc(3.2rem + 2.25vw);
        line-height: 1.22
    }

    .h2,
    h2 {
        font-size: calc(2.4rem + .65vw);
        line-height: 1.4167
    }

    .h3,
    h3 {
        font-size: calc(1.7rem + .7vw);
        line-height: 1.4118
    }

    .h4,
    h4 {
        font-size: calc(1.7rem + .4vw);
        line-height: 1.6471
    }
}

@media(min-width:1200px) {

    .h1,
    h1 {
        font-size: 6.4rem;
        line-height: 1.125
    }

    .h2,
    h2 {
        font-size: 3.2rem;
        line-height: 1.3125
    }

    .h3,
    h3 {
        font-size: 2.6rem;
        line-height: 1.3461
    }

    .h4,
    h4 {
        font-size: 2.2rem;
        line-height: 1.3636
    }
}

img {
    height: auto;
    max-width: 100%
}

a:focus {
    outline-offset: 0;
    outline-width: 8px;
}

a {
    color: inherit;
    outline: 0 solid #ffd91b;
    transition: outline-offset .3s;
}

    a[href^="tel:"] {
        white-space: nowrap
    }

main {
    position: relative
}

p {
    line-height: 1.45;
}

.page {
    width: 100%
}

strong {
    font-weight: 700
}

.theme--white {
    background-color: #fff;
    color: #000
}

    .theme--white ::-moz-selection {
        background: #ffd91b
    }

    .theme--white ::selection {
        background: #ffd91b
    }

.btn {
    display: inline-block;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.2;
    min-height: 48px;
    outline: none;
    position: relative;
    text-align: center
}

    .btn,
    .btn:before {
        border-radius: 2.4rem;
        text-decoration: none
    }

        .btn:before {
            box-shadow: 0 0 0 0 transparent;
            content: "";
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            transition: background-color .3s, transform .3s, box-shadow .3s;
            vertical-align: middle;
            width: 100%
        }

.btn__content {
    align-items: center;
    display: flex;
    padding: .75em 1.33em;
    position: relative;
    z-index: 1
}

.btn--donation .btn__content {
    padding: .5em 1em
}

.btn svg {
    fill: currentColor;
    height: 1em;
    margin: 0 0 0 .15em;
    position: relative;
    width: 1em
}

.btn__text,
.btn svg {
    vertical-align: middle
}

.btn__text {
    display: block
}

.btn[target=_blank]:after {
    font-size: .1rem;
    height: 1px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 1px
}

.btn[target=_blank] .btn__content:after {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M19 19H5V5h7V3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.6l-9.8 9.8 1.4 1.4L19 6.4V10h2V3h-7z'/%3E%3C/svg%3E") no-repeat 50%;
    background-size: contain;
    content: "";
    height: 20px;
    margin-left: 5px;
    padding-left: 20px
}

.btn:hover:before {
    box-shadow: 0 3px 10px -5px rgba(0, 0, 0, .4);
    transform: scale(1.125)
}

.btn:active:before {
    box-shadow: 0 3px 0 0 transparent;
    transform: scale(.975)
}

.btn--black {
    color: #fff;
    font-family: Lato, Helvetica, Arial, sans-serif
}

    .btn--black,
    .btn--black:before {
        background-color: #000
    }

        .btn--black svg {
            fill: #fff
        }

.theme--black .btn--black:before {
    border: 2px solid
}

.btn--blue {
    color: #fff;
    font-family: Poppins, serif;
    font-weight: 700
}

    .btn--blue,
    .btn--blue:before {
        background-color: #0062b0
    }

        .btn--blue[target=_blank] .btn__content:after {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffd91b'%3E%3Cpath d='M19 19H5V5h7V3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.6l-9.8 9.8 1.4 1.4L19 6.4V10h2V3h-7z'/%3E%3C/svg%3E")
        }

.theme--blue .btn--blue:before {
    border: 2px solid
}

.btn--yellow {
    color: #000;
    font-family: Lato, Helvetica, Arial, sans-serif
}

    .btn--yellow,
    .btn--yellow:before {
        background-color: #ffd91b
    }

        .btn--yellow[target=_blank] .btn__content:after {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 19H5V5h7V3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.6l-9.8 9.8 1.4 1.4L19 6.4V10h2V3h-7z'/%3E%3C/svg%3E")
        }

.theme--yellow .btn--yellow:before {
    border: 2px solid
}

.btn--white {
    color: #000;
    font-family: Lato, Helvetica, Arial, sans-serif
}

    .btn--white,
    .btn--white:before {
        background-color: #fff
    }

.theme--white .btn--white:before {
    border: 2px solid #000
}

.btn--disabled {
    cursor: not-allowed;
    opacity: .2;
    pointer-events: none
}

    .btn--disabled.btn--donation {
        opacity: 1
    }

.btn--icon-only {
    align-items: center;
    display: flex;
    height: 48px;
    justify-content: center;
    width: 48px
}

    .btn--icon-only:before {
        border-radius: 50%
    }

    .btn--icon-only svg {
        margin-left: 0
    }

    .btn--icon-only .btn__content {
        align-items: center;
        display: flex;
        justify-content: center;
        padding-left: 0;
        padding-right: 0
    }

.btn svg:only-child {
    margin-left: 0
}

.live-chat {
    bottom: 40px;
    overflow: visible;
    position: fixed;
    right: 40px;
    visibility: visible;
    z-index: 9
}

    .live-chat .btn {
        align-items: center;
        display: flex;
        justify-content: center;
        width: 48px
    }

        .live-chat .btn,
        .live-chat .btn:before {
            border-radius: 50%
        }

    .live-chat .btn__content {
        align-items: center;
        display: flex;
        justify-content: center;
        padding-left: 0;
        padding-right: 0;
        position: relative;
        z-index: 1
    }

    .live-chat .btn svg {
        display: block;
        fill: #ffd91b;
        height: 1em;
        margin: 0;
        width: 1em
    }

@media(min-width:768px) {
    .live-chat .btn {
        width: auto
    }

        .live-chat .btn,
        .live-chat .btn:before {
            border-radius: 2.4rem
        }

    .live-chat .btn__content {
        padding: .72em 1.33em
    }

    .live-chat .btn__text {
        clip: auto;
        display: block;
        height: auto;
        margin-right: .5em;
        overflow: visible;
        position: static;
        white-space: normal;
        width: auto
    }

    .live-chat .btn svg {
        height: 1.2em;
        width: 1.2em
    }
}

.title,
.sub-title {
    word-wrap: break-word;
    position: relative
}

    .title:focus .title__anchor,
    .title:hover .title__anchor {
        visibility: visible
    }

.wysiwyg {
    position: relative
}

.wysiwyg {
    word-break: break-word
}

    .wysiwyg a {
        color: #0062b0;
        font-weight: 900;
    }

        .wysiwyg a[target=_blank]:after {
            background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230062b0'%3E%3Cpath d='M19 19H5V5h7V3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.6l-9.8 9.8 1.4 1.4L19 6.4V10h2V3h-7z'/%3E%3C/svg%3E") no-repeat 50%;
            background-size: contain;
            content: "";
            height: 20px;
            margin-left: 3px;
            padding-left: 20px
        }

    .wysiwyg h2,
    .wysiwyg p {
        margin: 0 0 20px;
    }

.section {
    padding: 30px 0;
    position: relative;
    width: 100%
}

    .section .section__content {
        margin-bottom: 32px;
        position: relative;
        width: 100%
    }

        .section .section__content:last-child {
            margin-bottom: 0
        }

@media(min-width:992px) {
    .section > .container-fluid {
        padding: 0
    }

    .section .section__content {
        margin-left: 8.3333%;
        margin-right: 8.3333%;
        padding: 0 16px;
        width: auto
    }
}

.error-page.section {
    align-items: center;
    box-shadow: inset 0 0 0 16px #ffd91b;
    display: flex;
    min-height: 100%;
    padding: 15% 15% 15% 10% ;
    position: fixed;
    bottom: 0;
}

.error-page .header {
    display: flex;
    flex-wrap: wrap;
}

    .error-page .header::after {
        border: 1px solid #ffd91b;
        width: 100%;
        content: "";
        margin: 1em 0;
    }

.error-page .logo {
    flex: 50%;
}

.error-page .header .logo img {
    height: 2.5em;
}

.error-page .language {
    flex: 50%;
}

    .error-page .language.wysiwyg a {
        font-size: 0.75em;
        font-weight: 400;
        position: absolute;
        right: 0;
        top: 1.35em;
    }

.error-page .main-title {
    font-size: 1.75em;
    font-weight: 700;
    line-height: 1.2381
}

.error-page .title {
    font-size: 1em;
    font-weight: 700;
    line-height: 1.25
}

.error-page .sub-title {
    font-size: 0.8em;
    font-weight: 500;
    line-height: 1.25;
    padding-bottom: 1em;
}

.error-page .wysiwyg h3 {
    font-family: Lato, Helvetica, Arial, sans-serif;
    font-size: 0.8em;
    font-weight: 600;
    line-height: 1.25
}

.site-footer__smedia .smedia__list {
    display: inline-flex;
    list-style: none;
    margin: 0;
    padding: 0;
}

.site-footer__smedia .smedia__item {
    display: block;
    margin: 1em 1.25em 0 0;
    position: relative;
}

.site-footer__smedia .smedia svg {
    height: 100%;
    max-height: 24px;
}


@media(min-width:576px) {
    .error-page.section {
        padding: 10% 20% 10% 10%;
        position: fixed;
        bottom: 0;
    }

    .error-page .logo img {
        height: 4em;
    }

    .error-page .language.wysiwyg a {
        top: 2.2em;
    }

    .error-page .main-title {
        font-size: 1.75em;
    }

    .error-page .title {
        font-size: 1.25em
    }

    .error-page .sub-title {
        font-size: 1em;
        line-height: 1.35;
    }

    .error-page .wysiwyg h3 {
        font-size: 1em;
        width: 90%
    }
}

@media(min-width:768px) {
    .error-page .header {
        width: 100%;
    }

    .error-page .main-title {
        font-size: 2.2em;
    }

    .error-page .title {
        font-size: 1.3em;
        line-height: 1.35;
    }

    .error-page .sub-title {
        font-size: 1.1em;
    }

    .error-page .wysiwyg h3 {
        width: 80%
    }

    .site-footer__smedia .smedia__item {
        margin: 1em 1em 0 0;
    }

    .site-footer__smedia .smedia svg {
        max-height: 25px;
    }
}

@media(min-width:992px) {
    .error-page.section {
        padding: 40px 0;
        position: fixed;
        bottom: 0;
    }

    .error-page .header {
        width: 90%;
    }

    .error-page .main-title {
        font-size: 3em;
    }

    .error-page .title {
        font-size: 1.5em;
        width: 90%
    }

    .error-page .sub-title {
        font-size: 1em;
        width: 90%
    }

    .error-page .wysiwyg h3 {
        font-size: 1em;
        width: 90%
    }
}

@media(min-width:1280px) {
    .error-page.section {
        padding: 145px 0;
        position: fixed;
        bottom: 0;
    }

    .error-page .header {
        width: 90%;
    }

    .error-page .main-title {
        font-size: 3.5em;
    }

    .error-page .title {
        font-size: 1.75em;
        width: 90%
    }

    .error-page .sub-title {
        font-size: 1.25em;
        width: 90%
    }

    .error-page .wysiwyg h3 {
        font-size: 1em;
        width: 90%
    }

    .site-footer__smedia .smedia__item {
        margin: 1.25em 1em 0 0;
    }

    .site-footer__smedia .smedia svg {
        max-height: 28px;
    }
}

@media(min-width:1440px) {
    .error-page .header {
        width: 70%;
    }

    .error-page .main-title {
        font-size: 3.5em;
    }

    .error-page .title {
        font-size: 1.75em;
        width: 60%
    }

    .error-page .sub-title {
        font-size: 1.25em;
        width: 50%
    }

    .error-page .wysiwyg h3 {
        font-size: 1em;
        width: 70%
    }
}
