@font-face {
    font-family: Modern Era;
    src: url(fonts/ModernEra-Regular.woff2) format("woff2"), url(fonts/ModernEra-Regular.woff) format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Modern Era;
    src: url(fonts/ModernEra-Italic.woff2) format("woff2"), url(fonts/ModernEra-Italic.woff) format("woff");
    font-weight: 300;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Modern Era;
    src: url(fonts/ModernEra-Medium.woff2) format("woff2"), url(fonts/ModernEra-Medium.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Modern Era;
    src: url(fonts/ModernEra-MediumItalic.woff2) format("woff2"), url(fonts/ModernEra-MediumItalic.woff) format("woff");
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Modern Era;
    src: url(fonts/ModernEra-ExtraBold.woff2) format("woff2"), url(fonts/ModernEra-ExtraBold.woff) format("woff");
    font-weight: 800;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Modern Era;
    src: url(fonts/ModernEra-ExtraBoldItalic.woff2) format("woff2"), url(fonts/ModernEra-ExtraBoldItalic.woff) format("woff");
    font-weight: 800;
    font-style: italic;
    font-display: swap
}

html {
    font-family: Modern Era, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.33333em;
    color: #333;
	scroll-behavior: smooth;
}

html,body {
    text-size-adjust: none;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -moz-text-size-adjust: none;
}

input, select, textarea {
    font-family: inherit
}

.text-white {
    color: #fff
}

.text-orange {
    color: #ff9b00
}

ol, p, ul {
    max-width: 100%;
    letter-spacing: .005em
}

@media screen and (min-width:1600px) {
    ol, p, ul {
        font-size: 1.22222em;
        line-height: 1.45455em
    }
}

ol.subtitle, p.subtitle, ul.subtitle {
    font-size: 1.11111em;
    line-height: 1.4em;
    letter-spacing: .002em;
    color: #003c69
}

@media screen and (min-width:1024px) {
    ol.subtitle, p.subtitle, ul.subtitle {
        font-size: 1.33333em;
        line-height: 1.33333em
    }
}

@media screen and (min-width:1600px) {
    ol.subtitle, p.subtitle, ul.subtitle {
        font-size: 1.66667em;
        line-height: 1.33333em
    }
}

p.subtitle{
    display: none;
}

ol.lead, p.lead, ul.lead {
    font-size: 1.11111em;
    line-height: 1.4em;
    letter-spacing: .002em
}

@media screen and (min-width:1024px) {
    ol.lead, p.lead, ul.lead {
        font-size: 1.33333em;
        line-height: 1.33333em
    }
}

@media screen and (min-width:1600px) {
    ol.lead, p.lead, ul.lead {
        font-size: 1.66667em;
        line-height: 1.33333em
    }
}

ol.oversized, p.oversized, ul.oversized {
    font-weight: 800;
    font-size: 2.66667em;
    line-height: 1
}

@media screen and (min-width:400px) {
    ol.oversized, p.oversized, ul.oversized {
        font-size: 3.11111em
    }
}

@media screen and (min-width:530px) {
    ol.oversized, p.oversized, ul.oversized {
        font-size: 4em
    }
}

@media screen and (min-width:1024px) {
    ol.oversized, p.oversized, ul.oversized {
        font-size: 5.33333em
    }
}

@media screen and (min-width:1600px) {
    ol.oversized, p.oversized, ul.oversized {
        font-size: 7.11111em
    }
}

.small, small {
    font-size: .77778em;
    line-height: 1.28571em;
    letter-spacing: .01em
}

@media screen and (min-width:1600px) {
    .small, small {
        font-size: .88889em;
        line-height: 1.25em
    }
}

.h1, h1 {
    font-size: 2.22222em;
    color: #ff9b00;
    font-weight: 800;
    line-height: 1;
    word-break: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

h1 {
	margin-top: 1em;
}

@media screen and (min-width:768px) {
    .h1, h1 {
        font-size: 2.66667em
    }
}

@media screen and (min-width:1024px) {
    .h1, h1 {
        font-size: 3.55556em
    }
}

@media screen and (min-width:1600px) {
    .h1, h1 {
        font-size: 4.44444em
    }
}

.h1 .title, h1 .title {
    color: #ff9b00
}

.h1 {
    font-weight: 300
}

h2 {
    font-size: 1.44444em;
    line-height: 1.07692em;
    color: #003c69;
    font-weight: 800
}

@media screen and (min-width:768px) {
    h2 {
        font-size: 1.77778em;
        line-height: 1.125em
    }
}

@media screen and (min-width:1600px) {
    h2 {
        font-size: 2.22222em;
        line-height: 1
    }
}

h2 {
    margin-bottom: .92308em
}

@media screen and (min-width:768px) {
    h2 {
        margin-bottom: 1.25em
    }
}

@media screen and (min-width:1024px) {
    h2 {
        margin-bottom: 1.5em
    }
}

@media screen and (min-width:1600px) {
    h2 {
        margin-bottom: 1.6em
    }
}

@media screen and (min-width:1920px) {
    h2 {
        margin-bottom: 1.8em
    }
}

h3 {
    font-size: 1.33333em;
    color: #003c69;
    font-weight: 800;
    line-height: 1.16667em
}

@media screen and (min-width:768px) {
    h3 {
        font-size: 1.44444em;
        line-height: 1.15385em
    }
}

@media screen and (min-width:1600px) {
    h3 {
        font-size: 1.77778em;
        line-height: 1.09375em
    }
}

h4 {
    font-size: 1.11111em;
    line-height: 1.1em;
    color: #003c69;
    font-weight: 800
}

@media screen and (min-width:768px) {
    h4 {
        line-height: 1.2em
    }
}

@media screen and (min-width:1600px) {
    h4 {
        font-size: 1.33333em;
        line-height: 1.20833em
    }
}

h5 {
    font-size: .88889em;
    line-height: 1;
    color: #003c69;
    font-weight: 800
}

@media screen and (min-width:1600px) {
    h5 {
        font-size: 1.11111em
    }
}

.gallery-content {
    width: 100%;
    max-width: 1600px;
}

@media screen and (min-width:601px) {
    .gallery-content {
        width: 90%;
    }
}

@media screen and (min-width:1600px) {
    .gallery-content {
        width: 90%;
    }
}

.content a:not([class]) {
    color: #003c69;
    transition: all .3s
}

.content a:not([class])[href^="mailto:"], .content a:not([class])[href^="tel:"] {
    font-weight: 400;
    text-decoration: none
}

.content a:not([class]):hover {
    opacity: .3
}

.content h1 {
    margin-bottom: .6em
}

@media screen and (min-width:768px) {
    .content h1 {
        margin-bottom: .5em
    }
}

@media screen and (min-width:1024px) {
    .content h1 {
        margin-bottom: .5em
    }
}

@media screen and (min-width:1600px) {
    .content h1 {
        margin-bottom: .5em
    }
}

.content h1+.h1 {
    margin-top: -.6em
}

@media screen and (min-width:768px) {
    .content h1+.h1 {
        margin-top: -.5em
    }
}

@media screen and (min-width:1024px) {
    .content h1+.h1 {
        margin-top: -.5em
    }
}

@media screen and (min-width:1600px) {
    .content h1+.h1 {
        margin-top: -.5em
    }
}

.content .event_details {
    color: #003c69;
    margin-top: 1.33333rem;
    margin-bottom: 1.77778rem
}

@media screen and (min-width:768px) {
    .content .event_details {
        margin-top: 1.33333rem;
        margin-bottom: 3.11111rem
    }
}

@media screen and (min-width:1024px) {
    .content .event_details {
        margin-top: 1.77778rem;
        margin-bottom: 3.55556rem
    }
}

@media screen and (min-width:1600px) {
    .content .event_details {
        margin-top: 2.22222rem;
        margin-bottom: 5.33333rem
    }
}

.content .subtitle {
    margin-bottom: 2.4em
}

@media screen and (min-width:768px) {
    .content .subtitle {
        margin-bottom: 2.66667em
    }
}

@media screen and (min-width:1600px) {
    .content .subtitle {
        margin-bottom: 3.2em
    }
}

.content .media {
    margin-top: .44444em;
    margin-bottom: 2.66667em
}

@media screen and (min-width:768px) {
    .content .media {
        margin-top: .66667em;
        margin-bottom: 3.55556em
    }
}

@media screen and (min-width:1600px) {
    .content .media {
        margin-top: .88887em;
        margin-bottom: 5.33333em
    }
}

.content h2 {
    margin-top: 3.2em
}

.content h3 {
    margin-top: 2em;
    margin-bottom: .66667em
}

@media screen and (min-width:768px) {
    .content h3 {
        margin-top: 2.46154em
    }
}

@media screen and (min-width:1024px) {
    .content h3 {
        margin-top: 3.53846em
    }
}

@media screen and (min-width:1600px) {
    .content h3 {
        margin-top: 3em;
        margin-bottom: 1em;
    }
}

.content h3+h4 {
    margin-top: 1.2em
}

@media screen and (min-width:1600px) {
    .content h3+h4 {
        margin-top: 1.33333em
    }
}

.content h4 {
    margin-top: 1.4em;
    margin-bottom: .4em
}

@media screen and (min-width:768px) {
    .content h4 {
        margin-top: 1.4em
    }
}

@media screen and (min-width:1024px) {
    .content h4 {
        margin-top: 1.8em;
        margin-bottom: .8em
    }
}

@media screen and (min-width:1600px) {
    .content h4 {
        margin-top: 1.66667em
    }
}

.content h5 {
    margin-bottom: .5em
}

@media screen and (min-width:1600px) {
    .content h5 {
        margin-bottom: .8em
    }
}

.content .button-primary {
    margin-top: .88889em;
    margin-bottom: .88889em
}

@media screen and (min-width:768px) {
    .content .button-primary {
        margin-top: 1.33333em
    }
}

@media screen and (min-width:1024px) {
    .content .button-primary {
        margin-top: 1.77778em
    }
}

@media screen and (min-width:1600px) {
    .content .button-primary {
        margin-top: 2.66667em
    }
}

.content p {
    margin-bottom: .88889em
}

@media screen and (min-width:1600px) {
    .content p {
        margin-bottom: 1.77778em
    }
}

.content ol, .content ul {
    margin-left: 0.4em;
    padding-left: 1.2em;
    margin-bottom: .88889em;
}

.content ol+ol, .content ol+ul, .content ul+ol, .content ul+ul {
    margin-top: .88889em
}

.content ol li, .content ul li {
    margin-bottom: .88889em
}

.content ol li:last-child, .content ul li:last-child {
    margin-bottom: 0
}

.flickity-slider, .grid {
    box-sizing: border-box;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    flex-wrap: wrap;
    max-width: 1600px;
    width: 93.75%
}

@media screen and (min-width:769px) {
    .flickity-slider, .grid {
        width: 90.625%
    }
}

@media screen and (min-width:1025px) {
    .flickity-slider, .grid {
        width: 93.75%
    }
}

@media screen and (min-width:1601px) {
    .flickity-slider, .grid {
        width: 88.88889%
    }
}

.flickity-slider-0, .grid-0 {
    box-sizing: border-box;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    flex-wrap: wrap;
    max-width: 1600px;
    width: 100%
}

.col-mob-0 {
    box-sizing: border-box;
    width: 0;
    padding-left: 1.11111%;
    padding-right: 1.11111%
}

.col-mob-shift-0 {
    margin-left: 0
}

.col-mob-1 {
    box-sizing: border-box;
    width: 16.66667%;
    padding-left: 1.11111%;
    padding-right: 1.11111%
}

.col-mob-shift-1 {
    margin-left: 16.66667%
}

.col-mob-2 {
    box-sizing: border-box;
    width: 33.33333%;
    padding-left: 1.11111%;
    padding-right: 1.11111%
}

.col-mob-shift-2 {
    margin-left: 33.33333%
}

.col-mob-3 {
    box-sizing: border-box;
    width: 50%;
    padding-left: 1.11111%;
    padding-right: 1.11111%
}

.col-mob-shift-3 {
    margin-left: 50%
}

.col-mob-4 {
    box-sizing: border-box;
    width: 66.66667%;
    padding-left: 1.11111%;
    padding-right: 1.11111%
}

.col-mob-shift-4 {
    margin-left: 66.66667%
}

.col-mob-5 {
    box-sizing: border-box;
    width: 83.33333%;
    padding-left: 1.11111%;
    padding-right: 1.11111%
}

.col-mob-shift-5 {
    margin-left: 83.33333%
}

.col-mob-6 {
    box-sizing: border-box;
    width: 100%;
    padding-left: 1.11111%;
    padding-right: 1.11111%
}

.col-mob-shift-6 {
    margin-left: 100%
}

@media screen and (min-width:769px) {
    .col-tab-0 {
        box-sizing: border-box;
        width: 0;
        padding-left: 1.2931%;
        padding-right: 1.2931%
    }

    .col-tab-shift-0 {
        margin-left: 0
    }

    .col-tab-1 {
        box-sizing: border-box;
        width: 8.33333%;
        padding-left: 1.2931%;
        padding-right: 1.2931%
    }

    .col-tab-shift-1 {
        margin-left: 8.33333%
    }

    .col-tab-2 {
        box-sizing: border-box;
        width: 16.66667%;
        padding-left: 1.2931%;
        padding-right: 1.2931%
    }

    .col-tab-shift-2 {
        margin-left: 16.66667%
    }

    .col-tab-3 {
        box-sizing: border-box;
        width: 25%;
        padding-left: 1.2931%;
        padding-right: 1.2931%
    }

    .col-tab-shift-3 {
        margin-left: 25%
    }

    .col-tab-4 {
        box-sizing: border-box;
        width: 33.33333%;
        padding-left: 1.2931%;
        padding-right: 1.2931%
    }

    .col-tab-shift-4 {
        margin-left: 33.33333%
    }

    .col-tab-5 {
        box-sizing: border-box;
        width: 41.66667%;
        padding-left: 1.2931%;
        padding-right: 1.2931%
    }

    .col-tab-shift-5 {
        margin-left: 41.66667%
    }

    .col-tab-6 {
        box-sizing: border-box;
        width: 50%;
        padding-left: 1.2931%;
        padding-right: 1.2931%
    }

    .col-tab-shift-6 {
        margin-left: 50%
    }

    .col-tab-7 {
        box-sizing: border-box;
        width: 58.33333%;
        padding-left: 1.2931%;
        padding-right: 1.2931%
    }

    .col-tab-shift-7 {
        margin-left: 58.33333%
    }

    .col-tab-8 {
        box-sizing: border-box;
        width: 66.66667%;
        padding-left: 1.2931%;
        padding-right: 1.2931%
    }

    .col-tab-shift-8 {
        margin-left: 66.66667%
    }

    .col-tab-9 {
        box-sizing: border-box;
        width: 75%;
        padding-left: 1.2931%;
        padding-right: 1.2931%
    }

    .col-tab-shift-9 {
        margin-left: 75%
    }

    .col-tab-10 {
        box-sizing: border-box;
        width: 83.33333%;
        padding-left: 1.2931%;
        padding-right: 1.2931%
    }

    .col-tab-shift-10 {
        margin-left: 83.33333%
    }

    .col-tab-11 {
        box-sizing: border-box;
        width: 91.66667%;
        padding-left: 1.2931%;
        padding-right: 1.2931%
    }

    .col-tab-shift-11 {
        margin-left: 91.66667%
    }

    .col-tab-12 {
        box-sizing: border-box;
        width: 100%;
        padding-left: 1.2931%;
        padding-right: 1.2931%
    }

    .col-tab-shift-12 {
        margin-left: 100%
    }
}

@media screen and (min-width:1025px) {
    .col-desk-0 {
        box-sizing: border-box;
        width: 0;
        padding-left: .8%;
        padding-right: .8%
    }

    .col-desk-shift-0 {
        margin-left: 0
    }

    .col-desk-1 {
        box-sizing: border-box;
        width: 8.33333%;
        padding-left: .8%;
        padding-right: .8%
    }

    .col-desk-shift-1 {
        margin-left: 8.33333%
    }

    .col-desk-2 {
        box-sizing: border-box;
        width: 16.66667%;
        padding-left: .8%;
        padding-right: .8%
    }

    .col-desk-shift-2 {
        margin-left: 16.66667%
    }

    .col-desk-3 {
        box-sizing: border-box;
        width: 25%;
        padding-left: .8%;
        padding-right: .8%
    }

    .col-desk-shift-3 {
        margin-left: 25%
    }

    .col-desk-4 {
        box-sizing: border-box;
        width: 33.33333%;
        padding-left: .8%;
        padding-right: .8%
    }

    .col-desk-shift-4 {
        margin-left: 33.33333%
    }

    .col-desk-5 {
        box-sizing: border-box;
        width: 41.66667%;
        padding-left: .8%;
        padding-right: .8%
    }

    .col-desk-shift-5 {
        margin-left: 41.66667%
    }

    .col-desk-6 {
        box-sizing: border-box;
        width: 50%;
        padding-left: .8%;
        padding-right: .8%
    }

    .col-desk-shift-6 {
        margin-left: 50%
    }

    .col-desk-7 {
        box-sizing: border-box;
        width: 58.33333%;
        padding-left: .8%;
        padding-right: .8%
    }

    .col-desk-shift-7 {
        margin-left: 58.33333%
    }

    .col-desk-8 {
        box-sizing: border-box;
        width: 66.66667%;
        padding-left: .8%;
        padding-right: .8%
    }

    .col-desk-shift-8 {
        margin-left: 66.66667%
    }

    .col-desk-9 {
        box-sizing: border-box;
        width: 75%;
        padding-left: .8%;
        padding-right: .8%
    }

    .col-desk-shift-9 {
        margin-left: 75%
    }

    .col-desk-10 {
        box-sizing: border-box;
        width: 83.33333%;
        padding-left: .8%;
        padding-right: .8%
    }

    .col-desk-shift-10 {
        margin-left: 83.33333%
    }

    .col-desk-11 {
        box-sizing: border-box;
        width: 91.66667%;
        padding-left: .8%;
        padding-right: .8%
    }

    .col-desk-shift-11 {
        margin-left: 91.66667%
    }

    .col-desk-12 {
        box-sizing: border-box;
        width: 100%;
        padding-left: .8%;
        padding-right: .8%
    }

    .col-desk-shift-12 {
        margin-left: 100%
    }
}

@media screen and (min-width:1601px) {
    .col-desk-large-0 {
        box-sizing: border-box;
        width: 0;
        padding-left: 1.38889%;
        padding-right: 1.38889%
    }

    .col-desk-large-shift-0 {
        margin-left: 0
    }

    .col-desk-large-1 {
        box-sizing: border-box;
        width: 8.33333%;
        padding-left: 1.38889%;
        padding-right: 1.38889%
    }

    .col-desk-large-shift-1 {
        margin-left: 8.33333%
    }

    .col-desk-large-2 {
        box-sizing: border-box;
        width: 16.66667%;
        padding-left: 1.38889%;
        padding-right: 1.38889%
    }

    .col-desk-large-shift-2 {
        margin-left: 16.66667%
    }

    .col-desk-large-3 {
        box-sizing: border-box;
        width: 25%;
        padding-left: 1.38889%;
        padding-right: 1.38889%
    }

    .col-desk-large-shift-3 {
        margin-left: 25%
    }

    .col-desk-large-4 {
        box-sizing: border-box;
        width: 33.33333%;
        padding-left: 1.38889%;
        padding-right: 1.38889%
    }

    .col-desk-large-shift-4 {
        margin-left: 33.33333%
    }

    .col-desk-large-5 {
        box-sizing: border-box;
        width: 41.66667%;
        padding-left: 1.38889%;
        padding-right: 1.38889%
    }

    .col-desk-large-shift-5 {
        margin-left: 41.66667%
    }

    .col-desk-large-6 {
        box-sizing: border-box;
        width: 50%;
        padding-left: 1.38889%;
        padding-right: 1.38889%
    }

    .col-desk-large-shift-6 {
        margin-left: 50%
    }

    .col-desk-large-7 {
        box-sizing: border-box;
        width: 58.33333%;
        padding-left: 1.38889%;
        padding-right: 1.38889%
    }

    .col-desk-large-shift-7 {
        margin-left: 58.33333%
    }

    .col-desk-large-8 {
        box-sizing: border-box;
        width: 66.66667%;
        padding-left: 1.38889%;
        padding-right: 1.38889%
    }

    .col-desk-large-shift-8 {
        margin-left: 66.66667%
    }

    .col-desk-large-9 {
        box-sizing: border-box;
        width: 75%;
        padding-left: 1.38889%;
        padding-right: 1.38889%
    }

    .col-desk-large-shift-9 {
        margin-left: 75%
    }

    .col-desk-large-10 {
        box-sizing: border-box;
        width: 83.33333%;
        padding-left: 1.38889%;
        padding-right: 1.38889%
    }

    .col-desk-large-shift-10 {
        margin-left: 83.33333%
    }

    .col-desk-large-11 {
        box-sizing: border-box;
        width: 91.66667%;
        padding-left: 1.38889%;
        padding-right: 1.38889%
    }

    .col-desk-large-shift-11 {
        margin-left: 91.66667%
    }

    .col-desk-large-12 {
        box-sizing: border-box;
        width: 100%;
        padding-left: 1.38889%;
        padding-right: 1.38889%
    }

    .col-desk-large-shift-12 {
        margin-left: 100%
    }
}

.select2-container {
    width: 100% !important
}

.select2-container--default .select2-selection--single {
    background-color: rgba(0, 60, 105, .04) !important;
    border: 1px solid transparent !important;
    border-radius: .22222rem !important;
    height: 3.33333em !important
}

@media screen and (min-width:1024px) {
    .select2-container--default .select2-selection--single {
        height: 3.33333em !important
    }
}

@media screen and (min-width:1601px) {
    .select2-container--default .select2-selection--single {
        height: 3.88889em !important
    }
}

@media screen and (min-width:1250px) {
    .select2-container--default .select2-selection--single {
        height: 4em !important
    }
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #003c69 !important;
    font-size: .88889em !important;
    line-height: 1.2 !important;
    padding-left: 1.22222em !important;
    padding-right: 3.11111em !important;
    padding-top: 1.77778em !important
}

@media screen and (min-width:1024px) {
    .select2-container--default .select2-selection--single .select2-selection__rendered {
        padding-left: 1.11111em !important;
        padding-right: 3.44444em !important;
        padding-top: 1.55556em !important
    }
}

@media screen and (min-width:1601px) {
    .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 1em !important;
        padding-left: 1.33333em !important;
        padding-right: 4.33333em !important;
        padding-top: 1.77778em !important
    }
}

@media screen and (min-width:1250px) {
    .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 1.11111em !important
    }
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100% !important;
    top: 0 !important;
    right: 0 !important;
    width: 3.11111em !important
}

@media screen and (min-width:1024px) {
    .select2-container--default .select2-selection--single .select2-selection__arrow {
        width: 3.44444em !important
    }
}

@media screen and (min-width:1601px) {
    .select2-container--default .select2-selection--single .select2-selection__arrow {
        width: 4.33333em !important
    }
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: none !important;
    background: url(img/angle.svg) 0 0 no-repeat !important;
    background-size: cover !important;
    display: block !important;
    width: .72222em !important;
    height: .44444em !important;
    margin: 0 !important;
    transform: translate(-50%, -50%) !important
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: .22222rem !important;
    border-bottom-right-radius: .22222rem !important
}

.select2-container--default .select2-results__options {
    max-height: 500px !important !important
}

.select2-container--default .select2-results__option {
    padding: .88889rem 1.33333rem !important
}

.select2-container--default .select2-results__option--selected {
    background-color: rgba(0, 60, 105, .04) !important
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: rgba(0, 60, 105, .08) !important;
    color: #003c69 !important
}

.select2-container--default .select2-results .select2-results__options::-webkit-scrollbar {
    width: 2px !important;
    height: 40px !important
}

.select2-container--default .select2-results .select2-results__options::-webkit-scrollbar-track {
    background: transparent !important
}

.select2-container--default .select2-results .select2-results__options::-webkit-scrollbar-thumb {
    background: #003c69 !important
}

.select2-container--open .select2-dropdown--below {
    border-top-left-radius: .22222rem !important;
    border-top-right-radius: .22222rem !important
}

.select2-container--open .select2-selection--single .select2-selection__arrow b {
    transform: translate(-50%, -50%) rotate(180deg) !important
}

.select2-container:hover .select2-selection--single {
    background-color: #fff !important;
    border-color: #fff !important;
    box-shadow: 0 .56rem 2.22rem rgba(0, 60, 105, .16) !important
}

.select2-dropdown {
    border: none !important;
    box-shadow: 0 .56rem 2.22rem rgba(0, 60, 105, .16) !important;
    font-size: .77778em !important;
    margin-top: .16667em !important;
    overflow: hidden !important
}

.select2-search--dropdown {
    display: none !important
}

.select2-results__option {
    color: #003c69 !important;
    font-size: .88889em !important;
    line-height: 1.2 !important;
    padding-left: .88889em !important
}

@media screen and (min-width:1024px) {
    .select2-results__option {
        padding-left: 1.11111em !important
    }
}

@media screen and (min-width:1601px) {
    .select2-results__option {
        font-size: 1em !important;
        padding-left: 1.33333em !important
    }
}

@media screen and (min-width:1250px) {
    .select2-results__option {
        font-size: 1.11111em !important
    }
}

.page-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #003c69;
    z-index: 10000
}

.page-loader .shape {
    position: fixed;
    bottom: 0;
    right: 0;
    max-width: none
}

.no-scroll {
    overflow: hidden
}

.burger-wrap{
	padding-bottom: calc(1.63333rem - 22px);
}

@media screen and (min-width:500px) {
    .burger-wrap {
        padding-bottom: calc(2.55556rem - 22px);
    }
}

.burger{
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	width: 22px;
	height: 22px;
}

.burger:hover{
	cursor: pointer;
}

.burger-insides{
	display: none;
	flex-direction: column;
}

@media screen and (min-width:1025px) {
    .burger {
        display: none
    }
	.burger-insides{
		display: flex;
		flex-direction: row;
	}
}

.burger-part{
	width: 100%;
	height: 3px;
	background-color: #003c69;
}

.heightkeeper{
	height: 22px;
	width: 1px;
	background-color: #000;
	display: block;
	opacity: 0;
}

.home .navigation a {
    color: #003c69
}

.home .navigation .tools .search span {
    color: #003c69;
    opacity: .8
}

.home .navigation .tools .search svg path {
    fill: #003c69
}

.home .open-navigation svg path {
    stroke: #fff
}

.admin-bar .navigation {
    top: 32px
}

.navigation {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    transition: top .3s, background-color .3s, padding .3s;
    background-color: #fff;
	padding: 1.63333rem 0 1.63333rem 0;
	font-size: 22px;
}

.navigation ul{
	font-size: 1em;
}

.navigation>.grid{
	justify-content: space-between;
}

@media screen and (min-width: 500px) {
    .navigation {
        padding: 2.55556rem 0 2.55556rem 0;
    }
}

@media screen and (min-width:1025px) {
    .navigation {
        display: flex;
        justify-content: space-between;
        height: auto;
    }
    .navigation ul {
        font-size: 0.9em;
    }
}

@media screen and (min-width:1600px) {
    .navigation>.grid {
        max-width: none
    }
    .navigation ul {
        font-size: 1em;
    }
}

.navigation .close-navigation {
    cursor: pointer;
    display: flex;
    align-items: center;
    text-align: center;
    display: none;
    z-index: 3
}

@media screen and (min-width:1025px) {
    .navigation .close-navigation {
        border: 1px solid rgba(0, 60, 105, .36);
        border-radius: 100%;
        width: 2.22222rem;
        height: 2.22222rem
    }
}

.navigation .close-navigation svg {
    display: block;
    margin: 0 auto
}

@media screen and (max-width:1024px) {
    .navigation .close-navigation svg {
        transform: scale(1.3)
    }
}

.navigation a {
    color: #003c69;
    text-decoration: none;
    transition: color .3s
}

.navigation a.current, .navigation a.current-parent {
    color: #ff9b00 !important
}

.navigation.background--dark a {
    color: #fff
}

.navigation.background--dark .tools .search svg path {
    fill: #fff
}

.navigation.with-background {
    padding: 2rem 0;
    background-color: #fff
}

.navigation.with-background.display-nav {
    box-shadow: 0 10px 80px rgba(0, 60, 105, .16)
}

.navigation.mobile-open {
    background: #f5f7f9
}

.navigation.mobile-open>.close-navigation {
    display: block;
    position: absolute;
    top: 2rem;
    right: 2rem
}

.navigation.toggled>.close-navigation {
    display: none
}

.navigation.mobile-open .tools .close-navigation, .navigation.toggled .tools .close-navigation {
    display: flex
}

@media screen and (max-width:1024px) {
    .navigation.with-background {
        display: none
    }
}

.navigation.with-background .language-switcher .language-picker__dropdown {
    background: #fff;
    padding-right: 20px;
    padding-left: 20px;
    margin-right: 20px;
    margin-left: -20px;
    padding-bottom: 10px
}

.navigation.with-background .language-picker__button {
    color: #003c69
}

.navigation.with-background .language-picker__button .icon {
    fill: #003c69
}

.navigation.with-background a {
    color: #003c69
}

@media screen and (max-width:1024px) {
    .navigation.with-background .tools {
        position: absolute;
        z-index: 2
    }
}

.navigation.with-background .tools .search span {
    color: #003c69
}

.navigation.with-background .tools .search svg path {
    fill: #003c69
}

@media screen and (max-width:1024px) {
    .navigation.mobile-open, .navigation.toggled {
        display: block
    }
}

.navigation.mobile-open a, .navigation.toggled a {
    color: #003c69
}

.navigation.mobile-open a.current, .navigation.toggled a.current {
    color: #ff9b00 !important
}

.navigation.mobile-open a[target]:not(.parent-menu-item):after, .navigation.toggled a[target]:not(.parent-menu-item):after {
    content: "";
    background: url(img/extern_link.svg) no-repeat 50%/auto 100%;
    display: block;
    width: 20px;
    height: 20px;
    position: relative;
    top: 10px
}

.navigation.mobile-open .tools, .navigation.toggled .tools {
    top: -.44444rem
}

@media screen and (max-width:1024px) {
    .navigation.mobile-open .tools, .navigation.toggled .tools {
        position: absolute;
        z-index: 2
    }
}

.navigation.mobile-open .tools .search span, .navigation.toggled .tools .search span {
    color: #003c69
}

.navigation.mobile-open .tools .search svg path, .navigation.toggled .tools .search svg path {
    fill: #003c69
}

.navigation.mobile-open .languages, .navigation.toggled .languages {
    display: block;
    color: #003c69
}

.navigation .menu .grid ul>li {
    opacity: 1;
    transition: opacity .3s
}

.navigation .menu .grid:hover li {
    opacity: .3
}

.navigation .menu .grid:hover li:hover {
    opacity: 1
}

@media screen and (max-width:1024px) {
    .navigation :not(.toggled) nav>ul>li {
        opacity: 1;
        transition: opacity .3s
    }

    .navigation :not(.toggled) nav>ul:hover li {
        opacity: .3
    }

    .navigation :not(.toggled) nav>ul:hover li:hover {
        opacity: 1
    }
}

@media screen and (max-width:1024px) {
    .navigation nav {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }
}

.navigation nav .arrow svg {
    position: relative;
    top: -1px;
    height: 1rem;
    width: 1rem
}

@media screen and (min-width:1025px) {
    .navigation nav .arrow {
        display: none
    }
}

.navigation nav>ul {
    list-style: none;
    position: relative
}

.navigation nav>ul>li {
    margin-bottom: 1.33333rem
}

@media screen and (min-width:1025px) {
    .navigation nav>ul>li {
        display: inline-block;
        margin-right: 1.11111rem;
        margin-bottom: 0
    }
}

@media screen and (min-width:1600px) {
    .navigation nav>ul>li {
        display: inline-block;
        margin-right: 1.77778rem;
        margin-bottom: 0
    }
}

.navigation nav>ul>li>a {
    font-weight: 800;
    opacity: 1;
    line-height: 1;
    font-size: 1.77778rem;
    line-height: 1.5
}

@media screen and (max-width:1024px) {
    .navigation nav>ul>li>a {
        font-size: 2.33333rem;
        line-height: 1.5
    }
}

@media screen and (min-width:1025px) {
    .navigation nav>ul>li>a {
        font-size: 1rem;
        line-height: 1
    }
}

@media screen and (min-width:1600px) {
    .navigation nav>ul>li>a {
        font-size: 1.11111rem
    }
}

.navigation nav>ul>li>a:active, .navigation nav>ul>li>a:focus, .navigation nav>ul>li>a:hover {
    color: #ff9b00
}

.navigation nav>ul>li .menu {
    display: none
}

@media screen and (min-width:768px) {
    .navigation nav>ul>li .menu .grid {
        position: relative;
        top: 50vh;
        transform: translateY(-40%)
    }
}

@media screen and (max-width:1024px) {
    .navigation nav>ul>li .menu .grid {
        display: block;
        margin-left: 0;
        margin-right: 0;
        flex-wrap: nowrap;
        max-width: none;
        width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }
}

.navigation nav>ul>li .menu .back-home {
    display: inline-block;
    margin-top: 3.33333rem;
    color: rgba(0, 60, 105, .6);
    font-size: 1.11111rem;
    line-height: 1
}

@media screen and (max-width:1024px) {
    .navigation nav>ul>li .menu .back-home {
        display: none
    }
}

.navigation nav>ul>li .menu .back-home svg {
    margin-right: .55556rem
}

.navigation nav>ul>li .menu .back-home svg path {
    stroke: rgba(0, 60, 105, .6)
}

.navigation nav>ul>li .menu .back-button {
    font-size: .88889rem;
    color: #003c69;
    cursor: pointer
}

.navigation nav>ul>li .menu .back-button svg {
    top: 3px;
    position: relative;
    margin-right: .55556rem
}

@media screen and (min-width:1025px) {
    .navigation nav>ul>li .menu .back-button {
        display: none
    }
}

@media screen and (min-width:1025px) {
    .navigation nav>ul>li .menu .groups {
        display: grid;
        grid-template-columns: auto 50%;
        grid-template-rows: auto 50%;
        gap: 50px;
        grid-auto-flow: column;
        grid-auto-rows: minmax(-webkit-min-content, -webkit-max-content);
        grid-auto-rows: minmax(min-content, max-content)
    }
}

.navigation nav>ul>li .menu .groups .group {
    margin-bottom: 1.77778rem
}

@media screen and (min-width:768px) {
    .navigation nav>ul>li .menu .groups .group {
        margin-bottom: 2.66667rem
    }
}

@media screen and (min-width:1025px) {
    .navigation nav>ul>li .menu .groups .group {
        min-width: 0;
        margin-bottom: 0
    }

    .navigation nav>ul>li .menu .groups .group.full-width {
        grid-column: span 2
    }

    .navigation nav>ul>li .menu .groups .group.full-width ul {
        -moz-columns: 2;
        column-count: 2;
        -moz-column-gap: 2%;
        column-gap: 2%
    }

    .navigation nav>ul>li .menu .groups .group.full-height {
        grid-row: span 2
    }
}

.navigation nav>ul>li .menu .groups .group span {
    display: block;
    font-size: .77778rem;
    line-height: 1;
    letter-spacing: .01em;
    color: #003c69;
    margin-bottom: .66667rem
}

@media screen and (min-width:768px) {
    .navigation nav>ul>li .menu .groups .group span {
        font-size: .88889rem;
        margin-bottom: 1rem
    }
}

@media screen and (min-width:1025px) {
    .navigation nav>ul>li .menu .groups .group span {
        font-size: .88889rem;
        margin-bottom: 1.33333rem
    }
}

.navigation nav>ul>li .menu .groups .group ul {
    list-style: none
}

.navigation nav>ul>li .menu .groups .group ul li {
    font-weight: 800;
    font-size: 32px;
    line-height: .9;
    color: #003c69;
    margin-bottom: .22222rem
}

@media screen and (min-width:768px) {
    .navigation nav>ul>li .menu .groups .group ul li {
        font-size: 42px;
        margin-bottom: .66667rem
    }
}

@media screen and (min-width:1920px) {
    .navigation nav>ul>li .menu .groups .group ul li {
        font-size: 48px;
        margin-bottom: .88889rem
    }
}

@media screen and (min-height:1100px) and (min-width:1920px) {
    .navigation nav>ul>li .menu .groups .group ul li {
        font-size: 56px;
        margin-bottom: .88889rem
    }
}

@media screen and (min-width:768px) {
    .navigation nav>ul>li.open>a {
        color: #ff9b00
    }
}

.navigation nav>ul>li.open .menu {
    display: block;
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    height: calc(var(--vh, 1vh)*100);
    background: #f5f7f9
}

@media screen and (max-width:1024px) {
    .navigation nav>ul>li.open .menu {
        z-index: 1
    }
}

.navigation .tools {
    position: absolute;
    right: .8%;
    top: 0;
}

@media screen and (min-width:1024px) {
    .navigation .tools {
        display: flex;
        gap: 20px
    }
}

.navigation .tools .search {
    align-items: center;
    cursor: pointer
}

@media screen and (min-width:1024px) {
    .navigation .tools .search {
        display: flex
    }
}

.navigation .tools .search:hover svg path {
    fill: #ff9b00
}

.navigation .tools .search:hover span {
    color: #ff9b00;
    opacity: .6
}

.navigation .tools .search svg path {
    fill: #003c69;
    transition: fill .3s
}

.navigation .tools .search span {
    display: inline-block;
    margin-left: .44444rem;
    font-size: 1.11111rem;
    opacity: .3;
    color: #003c69;
    transition: color .3s
}

.navigation .tools .form {
    display: none;
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    height: calc(var(--vh, 1vh)*100);
    background: #f5f7f9
}

.navigation .tools .form>div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

@media screen and (max-width:1024px) {
    .navigation .tools .form {
        z-index: 1
    }
}

.navigation .tools .form .form-input {
    width: 100%
}

.navigation .tools .form .form-input label {
    font-size: 3.11111rem;
    line-height: 1;
    font-weight: 700;
    left: .88889rem;
    top: .77778rem
}

@media screen and (min-width:1024px) {
    .navigation .tools .form .form-input label {
        left: 2.66667rem;
        top: 2.66667rem
    }
}

.navigation .tools .form .form-input input {
    font-size: 3.11111rem;
    line-height: 1;
    font-weight: 700;
    background-image: url(img/search-blue.svg);
    background-position: 96% 50%;
    background-repeat: no-repeat;
    background-size: 1.44444rem 1.44444rem;
    padding: 3.33333rem 5rem 2.66667rem 2.66667rem;
    height: 8.33333rem
}

@media screen and (min-width:1024px) {
    .navigation .tools .form .form-input input {
        background-position: 96% 50%;
        padding-right: 5rem;
        height: 8.33333rem
    }
}

.navigation .tools .form .form-input input+label.freeze, .navigation .tools .form .form-input input:focus+label {
    font-weight: 400;
    top: .11111rem;
    bottom: .55556rem
}

@media screen and (min-width:1024px) {
    .navigation .tools .form .form-input input+label.freeze, .navigation .tools .form .form-input input:focus+label {
        font-size: .88889rem;
        top: 1.77778rem;
        left: 48px
    }
}

.navigation .tools.open .form {
    display: block
}

.navigation .tools.open .search svg path {
    fill: #ff9b00
}

.navigation .tools.open .search span {
    color: #ff9b00;
    opacity: .6
}

@media screen and (min-width:1024px) {
    .navigation .language-switcher {
        display: flex;
        align-items: center
    }
}

.navigation .languages {
    width: 100%;
    color: #fff;
    transition: color .3s;
    z-index: 10;
    transition: top .3s, background-color .3s, padding .3s;
}
/*
@media screen and (min-width:768px) {
    .navigation .languages {
        padding-bottom: 2.22222rem;
        padding-left: 2.66667rem
    }
}

@media screen and (min-width:1025px) {
    .navigation .languages {
        padding: 2.77778rem
    }
}

@media screen and (min-width:1600px) {
    .navigation .languages {
        padding-bottom: 3.55556rem;
        padding-left: 4.44444rem
    }
}*/

.navigation .languages ul li {
    display: inline-block;
    margin-right: 1.33333rem
}

.navigation .languages ul li a {
    display: block;
    color: #003c69;
    font-size: 1rem;
    line-height: 1;
    letter-spacing: .01em;
    opacity: .6;
    transition: opacity .3s
}

.navigation .languages ul li.selected a{
	font-weight: 800;
}

.navigation .languages ul li a:active, .navigation .languages ul li a:focus, .navigation .languages ul li a:hover {
    opacity: 1
}

@media screen and (min-width:768px) {
    .navigation .languages ul li a {
        /*font-size: .66667rem;*/
        line-height: 1.33333em
    }
}

@media screen and (min-width:1025px) {
    .navigation .languages ul li a {
       /* font-size: .77778rem;*/
        line-height: 1.28571em
    }
}

@media screen and (min-width:1600px) {
    .navigation .languages ul li a {
        /*font-size: .88889rem;*/
        line-height: 1.25em
    }
}

.navigation .languages ul li a .expanded {
    display: none
}

/*@media screen and (min-width:768px) {
    .navigation .languages ul li a .short {
        display: none
    }

    .navigation .languages ul li a .expanded {
        display: block
    }
}*/

.navigation .languages ul li.selected a {
    opacity: 1
}

.navigation .languages ul li.selected a.current {
    color: #003c69 !important
}

.error404 .navigation .tools .search svg path {
    fill: #fff
}

.error404 .navigation .tools .search span {
    color: #fff;
    opacity: .6
}

.error404 .navigation .tools .search:hover svg path {
    fill: #003c69
}

.error404 .navigation .tools .search:hover span {
    color: #003c69
}

.error404 .navigation .tools.open .search svg path {
    fill: #ff9b00
}

.error404 .navigation .tools.open .search span {
    color: #ff9b00;
    opacity: .6
}

.admin-bar .open-navigation {
    top: 1.77778rem
}

@media screen and (max-width:782px) {
    .admin-bar .open-navigation {
        top: 2.66667rem
    }
}

.nav-tabs {
    overflow-x: auto
}

.nav-tabs.sticky {
    top: 0;
    left: 0;
    width: 100%;
    z-index: 90;
    background: #fff;
    position: fixed;
    padding: 0;
    box-shadow: 0 10px 80px rgba(0, 60, 105, .16)
}

.nav-tabs.sticky .tabs-menu {
    transition: padding .3s;
    padding: 1rem 0
}

.not-nav-tabs ul, .nav-tabs ul {
    list-style: none;
    display: flex
}

.nav-tabs ul li {
    margin-right: 8px
}

.nav-tabs ul li:last-child {
    padding-right: 1.5rem
}

.nav-tabs ul li a {
    display: block;
    font-weight: 700;
    text-decoration: none;
    background: #fff;
    transition: all .3s
}

.nav-tabs ul li a:focus, .nav-tabs ul li a:hover {
    border-color: #fff;
    box-shadow: 0 .56rem 2.22rem rgba(0, 60, 105, .16);
    transform: translateY(-.22222rem)
}

.nav-tabs+section {
    padding-top: 0
}

.hero {
    width: 100%;
	/*height: 50vw;*/
    position: relative;
	background-color: #003c69;
	display: flex;
	justify-content: space-around;
	align-items: flex-end;
	padding-top: 48px;
	flex-direction: column;
}

.hero-text{
	width: 100%;
	height: 50%;
	display: flex;
	align-items: left;
    flex-direction: column;
    justify-content: center;
	padding: 2rem 0 2rem 5rem;
	max-width: 890px;
    font-size: 7.5vw;
	text-align: center;
}

.hero-title{
	color: #ff9900;
	width: 100%;
	font-weight: 800;
	font-size: 1.95em;
	line-height: 1;
    padding-bottom: 2vh;
}

.hero-subtitle{
    color: #fff;
    font-size: 1em;
    line-height: 1;
}

.toobig2stay{
    display: none;
}

.french-space{
    font-size: 0.5em;
}

.hero-img{
	width: 100%;
	height: 50%;
	line-height: 0;
	max-height: 100%;
	max-width: 650px;
	display: flex;
    padding-top: 20px;
}

.hero-img img{
    width: 60%;
    margin: 0 auto;
}

.bumper-hero {
    justify-content: space-between;
    background-color: #ff9900;
}

.bumper-hero > .hero-img {
    align-self: end;
    overflow: hidden;
    justify-content: flex-end;
}

.bumper-hero > .hero-img img {
    width: 80%;
}

.bumper-hero > .hero-text {
    color: white;
    font-weight: 800;
    line-height: 1;
}

.bumper-hero > .hero-text > p{
    margin-bottom: .5em;
    line-height: 1;
}

@media screen and (max-width: 600px){
    .bumper-hero > .hero-text{
        padding-left: 0;
        padding-right: 0;
        padding-top: 1em;
    }
}

@media screen and (min-width: 601px){
    .bumper-hero.hero {
        min-height: 0;
    }
    .bumper-hero > .hero-img{
        justify-content: flex-end;
    }
    .bumper-hero > .hero-img img {
        padding-right: 1em;
        width: 100%;
    }
    .bumper-hero > .hero-text {
        font-size: 4.1vw;
        margin-right: 10px;
    }
}

@media screen and (min-width: 1025px){
    .bumper-hero > .hero-text{
        font-size: 4.3vw;
    }
}

@media screen and (min-width: 1324px){
    .bumper-hero > .hero-text{
        padding-left: 8vw;
    }
}

@media screen and (min-width: 1601px){
    .bumper-hero > .hero-text{
        font-size: 50px;
        min-width: 70vw;
    }
}

.hero-video-container{
    width: 100%;
    display: flex;
    justify-content: center;
    overflow: hidden;
}

.hero-video {
    position: relative;
    margin-top: 3.26666rem;
    overflow: visible;
    aspect-ratio: 16/9;
}

#mute{
    height: 8vw;
    min-height: 50px;
    width: 8vw;
    min-width: 50px;
    position: absolute;
    bottom: 1vw;
    left: 1vw;
    border-radius: 50%;
}

.mute-button-img {
    width: 100%;
    position: absolute;
}

.hero-video video {
    width: 134%;
    position: relative;
    left: -17%;
}

@media screen and (min-aspect-ratio: 16/9){
    .hero-video{
        height: 100vh;
    }
}

@media screen and (max-aspect-ratio: 16/9){
    .hero-video{
        width: 100%;
    }
}

@media screen and (max-width: 600px){
    .hero-video {
        aspect-ratio: 1.42222;
    }
    .hero-video video{
        width: 168%;
        left: -34%;
    }
    #mute{
        bottom: 3vw;
    }
}

@media screen and (min-width: 500px) {
    .hero-video {
		margin-top: calc(5.11112rem + .1em);
    }
}

@media screen and (min-width: 1025px) {
    .hero-video {
		margin-top: 0;
    }
}

@media screen and (min-width: 2140px) {
    .hero-video {
		padding-bottom: 100vh;
    }
}

@media screen and (max-width:1024px) {
    .hero-text {
		padding: 2rem 0 2rem 2rem;
	}
}

@media screen and (max-width:600px) {
	.hero{
		min-height: 55vh;
	}
}

@media screen and (min-width:500px) {
    .hero {
        padding-top: 92px;
    }
}

@media screen and (min-width:601px) {
    .hero {
		flex-direction: row;
        min-height: 30vh;
        align-items: center;
    }
	
	.hero-text{
		width: 60%;
		height: 100%;
        font-size: 3.5vw;
		text-align: left;
	}

    .hero-subtitle{
        font-size: 0.9em;
    }

    .toobig2stay{
        display: inline;
    }

	.hero-img{
		width: 40%;
		height: 100%;
		line-height: 0;
	}

    .hero-img img{
        width: 100%;
        margin: 0;
    }
}

@media screen and (max-width:500px) {
	.hero-text {
		padding: 4.5vw;
	}
}

@media screen and (min-width:1025px) {
    .hero-text{
		font-size: 3vw;
	}
}

@media screen and (min-width:1324px) {
    .hero-text {
		width: 70%;
        padding: 4.5vw 0 4.5vw 2vw;
	}
	.hero-img{
		width: 30%;
	}
}

@media screen and (min-width:1600px) {
    .hero-text{
		font-size: 50px;
	}
}

.hero, .hero .cta_container {
    background-repeat: no-repeat
}

.hero .cta_container {
    position: fixed;
    bottom: 0;
    right: 0;
    background-position: 0;
    background-size: auto 100%;
    transform-origin: right bottom;
    transition: all .3s cubic-bezier(.32, .16, .56, 1);
    max-width: 95vw
}

.hero .cta_container .home_cta {
    padding: 1.33333rem 2.22222rem 1.33333rem .5rem;
    margin-left: 4.44444rem;
    max-width: 19.44444rem;
    background: #fff;
    min-width: 19.44444rem
}

@media screen and (min-width:768px) {
    .hero .cta_container .home_cta {
        padding: 1.77778rem 3.33333rem 1.77778rem 0;
        margin-left: 5rem;
        max-width: 25rem;
        width: auto;
        min-width: 25rem
    }
}

@media screen and (min-width:768px) {
    .hero {
		max-height: 700px;
    }
}

@media screen and (min-width:1025px) {
    .hero {
		padding-top: 122px;
    }
}

@media screen and (min-width:1601px) {
    .hero {
		padding-top: 150px;
    }
}

@media screen and (min-width: 2561px) {
    .hero {
		max-height: 70vh;
    }
}

@media screen and (min-width:1024px) {
    .hero .cta_container .home_cta {
        padding: 2.66667rem 6.94444rem 2.66667rem 0;
        margin-left: 5.55556rem;
        max-width: 30.55556rem;
        min-width: 30.55556rem
    }
}

@media screen and (min-width:1600px) {
    .hero .cta_container .home_cta {
        padding: 2.66667rem 6.94444rem 2.66667rem 0;
        margin-left: 6.11111rem;
        max-width: 38.88889rem;
        min-width: 38.88889rem
    }
}

.hero .cta_container .home_cta h2 {
    margin-bottom: .88889rem
}

.hero .cta_container .home_cta p {
    margin-bottom: 5.33333rem
}

@media screen and (min-width:768px) {
    .hero .cta_container .home_cta p {
        margin-bottom: 6.94444rem
    }
}

.hero .cta_container .home_cta p a {
    color: #003c69;
    text-decoration: none
}

.hero .cta_container .home_cta p a:hover svg {
    transform: translateX(.27778rem)
}

.hero .cta_container .home_cta p a svg {
    position: relative;
    top: 10px;
    transition: transform .3s
}

.hero .cta_container .home_cta small {
    color: #003c69
}

@media screen and (max-width:500px) {
    .hero .cta_container .home_cta small {
        display: none
    }
}

.card {
    position: relative
}

.card--v1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: .88889rem;
    background: #fff;
    box-shadow: 0 .55556rem 4.44444rem rgba(0, 60, 105, .08);
    border-radius: .22222rem;
    text-decoration: none !important;
    margin-bottom: .44444rem
}

@media screen and (min-width:768px) {
    .card--v1 {
        padding: 1.77778rem;
        margin-bottom: .88889rem
    }
}

@media screen and (min-width:1024px) {
    .card--v1 {
        transition: border-radius .3s, transform .3s, box-shadow .3s;
        margin-bottom: 1.33333rem
    }
}

@media screen and (min-width:1600px) {
    .card--v1 {
        padding: 2.66667rem;
        margin-bottom: 2.22222rem
    }
}

.card--v1:active, .card--v1:focus, .card--v1:hover {
    box-shadow: 0 .55556rem 4.44444rem rgba(0, 60, 105, .16);
    border-radius: .88889rem
}

@media screen and (min-width:1024px) {
    .card--v1:active, .card--v1:focus, .card--v1:hover {
        transform: translateY(-.44444rem)
    }
}

.card--v1 .card--v1__picture {
    position: relative;
    width: 4.44444rem;
    height: 4.44444rem;
    flex-shrink: 0
}

@media screen and (min-width:450px) {
    .card--v1 .card--v1__picture {
        width: 5.55556rem;
        height: 5.55556rem
    }
}

@media screen and (min-width:1250px) {
    .card--v1 .card--v1__picture {
        width: 8.88889rem;
        height: 8.88889rem
    }
}

.card--v1 .card--v1__picture:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    opacity: .15
}

.card--v1 .card--v1__picture>* {
    position: relative;
    z-index: 1
}

.card--v1 .card--v1__picture .empty, .card--v1 .card--v1__picture img {
    display: block;
    width: 4.44444rem;
    height: 4.44444rem;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
    overflow: hidden
}

@media screen and (min-width:450px) {
    .card--v1 .card--v1__picture .empty, .card--v1 .card--v1__picture img {
        width: 5.55556rem;
        height: 5.55556rem
    }
}

@media screen and (min-width:1250px) {
    .card--v1 .card--v1__picture .empty, .card--v1 .card--v1__picture img {
        width: 8.88889rem;
        height: 8.88889rem
    }
}

.card--v1 .card--v1__picture .empty {
    background: #f5f7f9
}

.card--v1 .card--v1__content {
    margin-left: .88889rem
}

@media screen and (min-width:768px) {
    .card--v1 .card--v1__content {
        margin-left: 1.33333rem
    }
}

@media screen and (min-width:1600px) {
    .card--v1 .card--v1__content {
        margin-left: 2.22222rem
    }
}

.card--v1 .card--v1__content .title {
    font-weight: 800;
    font-size: .88889rem;
    line-height: 1;
    color: #003c69
}

@media screen and (min-width:768px) {
    .card--v1 .card--v1__content .title {
        font-size: 1.11111rem;
        line-height: 1.2em
    }
}

@media screen and (min-width:1024px) {
    .card--v1 .card--v1__content .title {
        font-size: 1.44444rem;
        line-height: 1.15385em
    }
}

@media screen and (min-width:1600px) {
    .card--v1 .card--v1__content .title {
        font-size: 1.77778rem;
        line-height: 1.09375em
    }
}

.card--v1 .card--v1__content .label {
    font-size: .88889rem;
    line-height: 1;
    color: #003c69;
    font-weight: 300
}

@media screen and (min-width:768px) {
    .card--v1 .card--v1__content .label {
        font-size: 1.11111rem;
        line-height: 1.2em
    }
}

@media screen and (min-width:1024px) {
    .card--v1 .card--v1__content .label {
        font-size: 1.44444rem;
        line-height: 1.15385em
    }
}

@media screen and (min-width:1600px) {
    .card--v1 .card--v1__content .label {
        font-size: 1.77778rem;
        line-height: 1.09375em
    }
}

.card--v1 .card--v1__content .description {
    font-weight: 400;
    font-size: .66667rem;
    line-height: 1.16667em;
    letter-spacing: .005em;
    color: #333;
    margin: .33333em 0 0
}

@media screen and (min-width:768px) {
    .card--v1 .card--v1__content .description {
        font-size: .88889rem;
        line-height: 1.25em
    }
}

@media screen and (min-width:1024px) {
    .card--v1 .card--v1__content .description {
        font-size: 1rem;
        line-height: 1.22222em
    }
}

@media screen and (min-width:1600px) {
    .card--v1 .card--v1__content .description {
        font-size: 1.11111rem;
        line-height: 1.2em;
        margin: .4em 0 0
    }
}

.card--v2 {
    display: block;
    padding: 1.33333rem;
    background: #fff;
    box-shadow: 0 .55556rem 4.44444rem rgba(0, 60, 105, .08);
    border-radius: .22222rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-decoration: none !important;
    margin-bottom: .88889rem
}

@media screen and (min-width:1024px) {
    .card--v2 {
        transition: border-radius .3s, transform .3s, box-shadow .3s
    }
}

@media screen and (min-width:768px) {
    .card--v2 {
        padding: 1.77778rem;
        margin-bottom: 1.77778rem
    }
}

@media screen and (min-width:1024px) {
    .card--v2 {
        padding: 2.22222rem;
        margin-bottom: 2.22222rem
    }
}

@media screen and (min-width:1600px) {
    .card--v2 {
        padding: 2.66667rem;
        margin-bottom: 2.66667rem
    }
}

.card--v2:active, .card--v2:focus, .card--v2:hover {
    box-shadow: 0 .55556rem 4.44444rem rgba(0, 60, 105, .16);
    border-radius: .88889rem
}

@media screen and (min-width:1024px) {
    .card--v2:active, .card--v2:focus, .card--v2:hover {
        transform: translateY(-.44444rem)
    }
}

.card--v2 .title {
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 800;
    font-size: 1.22222rem;
    line-height: 1.18182em;
    color: #003c69;
    margin-bottom: 1.09091em
}

@media screen and (min-width:768px) {
    .card--v2 .title {
        font-size: 1.33333rem;
        line-height: 1.16667em;
        margin-bottom: 1em
    }
}

@media screen and (min-width:1024px) {
    .card--v2 .title {
        font-size: 1.44444rem;
        line-height: 1.15385em;
        margin-bottom: .92308em
    }
}

@media screen and (min-width:1600px) {
    .card--v2 .title {
        font-size: 1.77778rem;
        line-height: 1.09375em;
        margin-bottom: 1em
    }
}

.card--v2 .subtitle {
    color: rgba(0, 60, 105, .6);
    margin-bottom: 2.66667rem
}

@media screen and (min-width:768px) {
    .card--v2 .subtitle {
        margin-bottom: 2.66667rem
    }
}

@media screen and (min-width:1024px) {
    .card--v2 .subtitle {
        margin-bottom: 2.66667rem
    }
}

@media screen and (min-width:1600px) {
    .card--v2 .subtitle {
        margin-bottom: 2.66667rem
    }
}

.card--v2 .date {
    font-size: .66667rem;
    line-height: 1.5em;
    color: #003c69;
    letter-spacing: .01em
}

@media screen and (min-width:768px) {
    .card--v2 .date {
        font-size: .66667rem;
        line-height: 1.33333em
    }
}

@media screen and (min-width:1024px) {
    .card--v2 .date {
        font-size: .77778rem;
        line-height: 1.28571em
    }
}

@media screen and (min-width:1600px) {
    .card--v2 .date {
        font-size: .88889rem;
        line-height: 1.25em
    }
}

.card--v2 .card__footer {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 2.83333em
}

@media screen and (min-width:768px) {
    .card--v2 .card__footer {
        margin-top: 3.66667em
    }
}

@media screen and (min-width:1024px) {
    .card--v2 .card__footer {
        margin-top: 4.71429em
    }
}

@media screen and (min-width:1600px) {
    .card--v2 .card__footer {
        margin-top: 6em
    }
}

.card--v2 .card__footer .card--v2__picture {
    position: relative;
    width: 2.66667rem;
    height: 2.66667rem;
    flex-shrink: 0
}

@media screen and (min-width:768px) {
    .card--v2 .card__footer .card--v2__picture {
        width: 3.55556rem;
        height: 3.55556rem
    }
}

@media screen and (min-width:1600px) {
    .card--v2 .card__footer .card--v2__picture {
        width: 5.33333rem;
        height: 5.33333rem
    }
}

.card--v2 .card__footer .card--v2__picture:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    opacity: .15
}

.card--v2 .card__footer .card--v2__picture>* {
    position: relative;
    z-index: 1
}

.card--v2 .card__footer .card--v2__picture .empty, .card--v2 .card__footer .card--v2__picture img {
    display: block;
    width: 2.66667rem;
    height: 2.66667rem;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
    overflow: hidden
}

@media screen and (min-width:768px) {
    .card--v2 .card__footer .card--v2__picture .empty, .card--v2 .card__footer .card--v2__picture img {
        width: 3.55556rem;
        height: 3.55556rem
    }
}

@media screen and (min-width:1600px) {
    .card--v2 .card__footer .card--v2__picture .empty, .card--v2 .card__footer .card--v2__picture img {
        width: 5.33333rem;
        height: 5.33333rem
    }
}

.card--v2 .card__footer .card--v2__picture .empty {
    background: #f5f7f9
}

.card--v2 .card__footer .card--v2__content {
    margin-left: .88889rem
}

@media screen and (min-width:1024px) {
    .card--v2 .card__footer .card--v2__content {
        margin-left: 1.33333rem
    }
}

@media screen and (min-width:1600px) {
    .card--v2 .card__footer .card--v2__content {
        margin-left: 1.77778rem
    }
}

.card--v2 .card__footer .card--v2__content .author {
    font-weight: 800;
    font-size: .66667rem;
    line-height: 1.16667em;
    color: #333;
    letter-spacing: .01em;
    margin-bottom: .16667em
}

@media screen and (min-width:1024px) {
    .card--v2 .card__footer .card--v2__content .author {
        font-size: .77778rem;
        line-height: 1.21429em
    }
}

@media screen and (min-width:1600px) {
    .card--v2 .card__footer .card--v2__content .author {
        font-size: .88889rem;
        line-height: 1.1875em
    }
}

.card--v2 .card__footer .card--v2__content .label {
    font-size: .66667rem;
    line-height: 1.33333em;
    color: #666
}

@media screen and (min-width:1024px) {
    .card--v2 .card__footer .card--v2__content .label {
        font-size: .77778rem;
        line-height: 1.28571em
    }
}

@media screen and (min-width:1600px) {
    .card--v2 .card__footer .card--v2__content .label {
        font-size: .88889rem;
        line-height: 1.1875em
    }
}

.card--v3 {
    display: block;
    padding: 1.77778rem 1.77778rem 2.22222rem;
    background: #003c69;
    border-radius: .22222rem;
    box-shadow: 0 .55556rem 4.44444rem rgba(0, 60, 105, 0);
    text-decoration: none !important;
    margin-bottom: .88889rem
}

@media screen and (min-width:1024px) {
    .card--v3 {
        transition: border-radius .3s, transform .3s, box-shadow .3s
    }
}

@media screen and (min-width:768px) {
    .card--v3 {
        padding: 2.22222rem 2.22222rem 3.22222rem;
        margin-bottom: 1.44444rem
    }
}

@media screen and (min-width:1600px) {
    .card--v3 {
        padding: 2.66667rem 2.66667rem 3.55556rem;
        margin-bottom: 2.22222rem
    }
}

.card--v3:active, .card--v3:focus, .card--v3:hover {
    box-shadow: 0 .55556rem 4.44444rem rgba(0, 60, 105, .16);
    border-radius: .88889rem
}

@media screen and (min-width:1024px) {
    .card--v3:active, .card--v3:focus, .card--v3:hover {
        transform: translateY(-.44444rem)
    }
}

.card--v3 .label {
    font-size: .66667rem;
    line-height: 1.33333em;
    letter-spacing: .01em;
    color: #fff;
    margin-bottom: .66667em
}

@media screen and (min-width:768px) {
    .card--v3 .label {
        margin-bottom: 1.33333em
    }
}

@media screen and (min-width:1024px) {
    .card--v3 .label {
        font-size: .77778rem;
        line-height: 1.28571em;
        margin-bottom: 1.14286em
    }
}

@media screen and (min-width:1600px) {
    .card--v3 .label {
        font-size: .88889rem;
        line-height: 1.25em;
        margin-bottom: 1em
    }
}

.card--v3 .first_line {
    color: #ff9b00;
    font-weight: 800;
    font-size: 1.55556rem;
    line-height: 1.14286em;
    margin-bottom: .57143em
}

@media screen and (min-width:768px) {
    .card--v3 .first_line {
        font-size: 1.77778rem;
        line-height: 1.125em;
        margin-bottom: .5em
    }
}

@media screen and (min-width:1024px) {
    .card--v3 .first_line {
        font-size: 2.22222rem;
        line-height: 1.1em;
        margin-bottom: .5em
    }
}

@media screen and (min-width:1600px) {
    .card--v3 .first_line {
        font-size: 2.66667rem;
        line-height: 1.20833em;
        margin-bottom: .5em
    }
}

.card--v3 .second_line {
    font-weight: 300;
    color: #ff9b00;
    font-size: 1.55556rem;
    line-height: 1.14286em;
    margin-bottom: 1.14286em
}

.card--v3 .second_line strong {
    font-weight: 800
}

.card--v3 .second_line p {
    font-size: inherit;
    line-height: inherit
}

@media screen and (min-width:768px) {
    .card--v3 .second_line {
        font-size: 1.77778rem;
        line-height: 1.125em;
        margin-bottom: 1.25em
    }
}

@media screen and (min-width:1024px) {
    .card--v3 .second_line {
        font-size: 2.22222rem;
        line-height: 1.1em;
        margin-bottom: 1em
    }
}

@media screen and (min-width:1600px) {
    .card--v3 .second_line {
        font-size: 2.66667rem;
        line-height: 1.20833em;
        margin-bottom: 1em
    }
}

.card--v3--big {
    display: block;
    padding: 1.77778rem 2.22222rem 2.66667rem;
    background: #003c69;
    border-radius: .22222rem;
    box-shadow: 0 .55556rem 4.44444rem rgba(0, 60, 105, 0);
    text-decoration: none !important
}

@media screen and (min-width:1024px) {
    .card--v3--big {
        transition: border-radius .3s, transform .3s, box-shadow .3s
    }
}

@media screen and (min-width:768px) {
    .card--v3--big {
        padding: 2.22222rem 2.66667rem 3.55556rem
    }
}

@media screen and (min-width:1024px) {
    .card--v3--big {
        padding: 2.66667rem 3.11111rem 4rem
    }
}

@media screen and (min-width:1600px) {
    .card--v3--big {
        padding: 3.55556rem 4.44444rem 7.11111rem
    }
}

.card--v3--big:active, .card--v3--big:focus, .card--v3--big:hover {
    box-shadow: 0 .55556rem 4.44444rem rgba(0, 60, 105, .16);
    border-radius: .88889rem
}

@media screen and (min-width:1024px) {
    .card--v3--big:active, .card--v3--big:focus, .card--v3--big:hover {
        transform: translateY(-.44444rem)
    }
}

.card--v3--big .label {
    font-size: .66667rem;
    line-height: 1.33333em;
    letter-spacing: .01em;
    color: #fff;
    margin-bottom: 1.33333em
}

@media screen and (min-width:768px) {
    .card--v3--big .label {
        margin-bottom: 1.33333em
    }
}

@media screen and (min-width:1024px) {
    .card--v3--big .label {
        font-size: .77778rem;
        line-height: 1.28571em;
        margin-bottom: 1.71429em
    }
}

@media screen and (min-width:1600px) {
    .card--v3--big .label {
        font-size: 1.11111rem;
        line-height: 1.11111em;
        margin-bottom: 2em
    }
}

.card--v3--big .first_line {
    color: #ff9b00;
    font-weight: 300;
    font-size: 1.66667rem;
    line-height: 1.1em;
    margin-bottom: 1.06667em
}

@media screen and (min-width:768px) {
    .card--v3--big .first_line {
        font-size: 2.22222rem;
        line-height: 1.1em;
        margin-bottom: .8em
    }
}

@media screen and (min-width:1024px) {
    .card--v3--big .first_line {
        font-size: 2.66667rem;
        line-height: 1.10417em;
        margin-bottom: 1em
    }
}

@media screen and (min-width:1600px) {
    .card--v3--big .first_line {
        font-size: 4.44444rem;
        line-height: 1.1em;
        margin-bottom: .8em
    }
}

.card--v3--big .first_line p {
    font-size: inherit;
    line-height: inherit
}

.card--v3--big .second_line {
    color: #ff9b00;
    font-size: 1.55556rem;
    line-height: 1.14286em;
    margin-bottom: 1.14286em
}

.card--v3--big .second_line p {
    font-size: inherit;
    line-height: inherit
}

@media screen and (min-width:768px) {
    .card--v3--big .second_line {
        font-size: 1.77778rem;
        line-height: 1.125em;
        margin-bottom: 1.25em
    }
}

@media screen and (min-width:1024px) {
    .card--v3--big .second_line {
        font-size: 2.22222rem;
        line-height: 1.1em;
        margin-bottom: 1em
    }
}

@media screen and (min-width:1600px) {
    .card--v3--big .second_line {
        font-size: 2.66667rem;
        line-height: 1.20833em;
        margin-bottom: 1em
    }
}

.card--v4 {
    display: block;
    flex-direction: row;
    padding: 1.33333rem;
    background: #fff;
    box-shadow: 0 .55556rem 4.44444rem rgba(0, 60, 105, .08);
    border-radius: .22222rem;
    text-decoration: none !important;
    position: relative;
    margin-bottom: 1.33333rem
}

@media screen and (min-width:1024px) {
    .card--v4 {
        transition: all .3s
    }
}

@media screen and (min-width:1600px) {
    .card--v4 {
        padding: 1.77778rem;
        margin-bottom: 1.77778rem
    }
}

.card--v4:active, .card--v4:focus, .card--v4:hover {
    box-shadow: 0 .55556rem 4.44444rem rgba(0, 60, 105, .16);
    border-radius: .88889rem
}

@media screen and (min-width:1024px) {
    .card--v4:active, .card--v4:focus, .card--v4:hover {
        transform: translateY(-.44444rem)
    }
}

.card--v4 .icon-twitter {
    position: absolute;
    top: 1.33333rem;
    right: 1.33333rem;
    width: 1.11111rem;
    height: .88889rem
}

@media screen and (min-width:1250px) {
    .card--v4 .icon-twitter {
        top: 1.77778rem;
        right: 1.77778rem;
        width: 1.33333rem;
        height: 1.05556rem
    }
}

.card--v4 .user>div>a {
    text-decoration: none
}

.card--v4 .user>div>a>div>span:first-child {
    display: block;
    color: #003c69;
    font-weight: 800;
    font-size: .77778rem;
    line-height: 1.2;
    margin-bottom: 0
}

@media screen and (min-width:1250px) {
    .card--v4 .user>div>a>div>span:first-child {
        font-size: .88889rem;
        margin-bottom: .125em
    }
}

.card--v4 .user>div>a>div>span:last-child {
    display: block;
    color: rgba(0, 60, 105, .5);
    font-size: .77778rem;
    line-height: 1.2;
    margin-bottom: .85714em
}

@media screen and (min-width:1250px) {
    .card--v4 .user>div>a>div>span:last-child {
        font-size: .88889rem;
        margin-bottom: 1em
    }
}

.card--v4 .user [data-scribe="element:verified_badge"] {
    display: none
}

.card--v4 .tweet {
    text-overflow: ellipsis;
    overflow: hidden;
    color: #333;
    font-size: .77778rem;
    letter-spacing: .005em;
    line-height: 1.28
}

.card--v4 .tweet a {
    color: #003c69;
    font-size: .77778rem
}

@media screen and (min-width:1600px) {
    .card--v4 .tweet {
        line-height: 1.4
    }

    .card--v4 .tweet, .card--v4 .tweet a {
        font-size: .88889rem
    }
}

blockquote {
    display: flex;
    flex-direction: row;
    margin: 5.33333em 0
}

blockquote .profile {
    position: relative;
    width: 4.44444em;
    height: 4.44444em;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0
}

@media screen and (max-width:580px) {
    blockquote .profile {
        display: none
    }
}

@media screen and (min-width:450px) {
    blockquote .profile {
        width: 5.55556em;
        height: 5.55556em
    }
}

@media screen and (min-width:975px) {
    blockquote .profile {
        width: 7.22222em;
        height: 7.22222em
    }
}

@media screen and (min-width:1250px) {
    blockquote .profile {
        width: 8.88889em;
        height: 8.88889em
    }
}

blockquote .profile:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background-color: currentColor;
    opacity: .15
}

blockquote .profile>* {
    position: relative;
    z-index: 1
}

blockquote .profile .empty, blockquote .profile img {
    display: block;
    width: 4.44444em;
    height: 4.44444em;
    -o-object-fit: cover;
    object-fit: cover
}

@media screen and (min-width:450px) {
    blockquote .profile .empty, blockquote .profile img {
        width: 5.55556em;
        height: 5.55556em
    }
}

@media screen and (min-width:975px) {
    blockquote .profile .empty, blockquote .profile img {
        width: 7.22222em;
        height: 7.22222em
    }
}

@media screen and (min-width:1250px) {
    blockquote .profile .empty, blockquote .profile img {
        width: 8.88889em;
        height: 8.88889em
    }
}

blockquote .profile .empty {
    background: #f5f7f9
}

blockquote .text {
    margin-left: 1.44444em;
    color: #003c69
}

@media screen and (min-width:768px) {
    blockquote .text {
        margin-left: 2.77778rem
    }
}

blockquote .text cite {
    font-size: 1em;
    line-height: 1.11111em;
    letter-spacing: .002em;
    font-style: normal
}

@media screen and (min-width:768px) {
    blockquote .text cite {
        font-size: 1.11111em;
        line-height: 1.1em
    }
}

@media screen and (min-width:1024px) {
    blockquote .text cite {
        font-size: 1.33333em;
        line-height: 1.33333em
    }
}

@media screen and (min-width:1601px) {
    blockquote .text cite {
        font-size: 1.66667em;
        line-height: 1.33333em
    }
}

blockquote .text cite:before {
    content: "\00ab";
    font-size: 1.2em;
    position: absolute;
    margin-left: -.8em;
    display: inline-block
}

blockquote .text cite:after {
    content: "\00bb";
    font-size: 1.2em;
    margin-left: .4em;
    display: inline-block
}

blockquote .text .author {
    margin-top: 1.33333em;
    font-weight: 800
}

blockquote+* {
    margin-top: 0
}

.banner {
    background: #ff9b00;
    padding: 3.55556rem 0
}

@media screen and (min-width:768px) {
    .banner {
        padding: 5.33333rem 0
    }
}

@media screen and (min-width:1024px) {
    .banner {
        padding: 7.11111rem 0
    }
}

@media screen and (min-width:1601px) {
    .banner {
        padding: 8.88889rem 0
    }
}

@media screen and (min-width:1440px) {
    .banner {
        padding: 11.55556rem 0
    }
}

.banner .oversized {
    margin-bottom: 3.55556rem
}

button {
    background: transparent;
    border: none;
    border-radius: .22222rem;
    cursor: pointer;
    font-family: Modern Era, sans-serif;
    font-size: 1.11111rem;
    font-weight: 800;
    line-height: 1;
    transition: all .3s
}

.home .button-cta {
    font-size: 1.77778rem;
    line-height: 1.25em;
    padding: .75em 1em;
    margin-bottom: .44444rem
}

@media screen and (min-width:768px) {
    .home .button-cta {
        margin-bottom: .88889rem
    }
}

@media screen and (min-width:1024px) {
    .home .button-cta {
        margin-bottom: 1.33333rem;
        margin-right: 1.33333rem;
        font-size: 2.66667rem !important;
        line-height: 1;
        padding: .66667em 1em !important
    }
}

@media screen and (min-width:1600px) {
    .home .button-cta {
        margin-bottom: 2.22222rem;
        margin-right: 2.22222rem;
        font-size: 3.55556rem !important;
        padding: .625em 1em !important
    }
}

#submit, .button {
    background: transparent;
    border: none;
    border-radius: .22222rem;
    cursor: pointer;
    font-family: Modern Era, sans-serif;
    font-size: 1.11111rem;
    font-weight: 800;
    line-height: 1;
    transition: all .3s;
    text-decoration: none;
    display: inline-block;
    margin-bottom: .88889rem;
    margin-right: .88889rem
}

#submit-cta, .button-cta {
    background-color: #ff9b00;
    border-radius: .88889rem;
    color: #fff;
    font-size: 1.33333rem;
    line-height: 1;
    padding: .66667em 1em;
    margin-bottom: .44444rem
}

@media screen and (min-width:768px) {
    #submit-cta, .button-cta {
        margin-bottom: .88889rem;
        font-size: 1.77778rem !important;
        padding: .75em 1em !important
    }
}

@media screen and (min-width:1024px) {
    #submit-cta, .button-cta {
        margin-bottom: 1.33333rem
    }
}

@media screen and (min-width:1600px) {
    #submit-cta, .button-cta {
        margin-bottom: 1.77778rem;
        margin-right: 1.77778rem;
        font-size: 2.66667rem !important;
        line-height: 1;
        padding: .66667em 1em !important
    }
}

@media screen and (max-width:1023px) {
    #submit-cta, .button-cta {
        width: 100%
    }
}

#submit:focus, #submit:hover, .button:focus, .button:hover {
    box-shadow: 0 .56rem 4.44rem rgba(0, 60, 105, .16);
    transform: translateY(-.22222rem)
}

@media screen and (min-width:1024px) {
    #submit, .button {
        border-radius: 1.44444rem;
        font-size: 1.77778rem;
        padding: 1.44444rem 1.77778rem
    }
}

@media screen and (min-width:1601px) {
    #submit, .button {
        border-radius: 1.77778rem;
        font-size: 2.66667rem;
        padding: 1.77778rem 2.66667rem
    }
}

@media screen and (min-width:1250px) {
    #submit, .button {
        font-size: 3.55556rem;
        padding: 2.22222rem 3.55556rem
    }
}

#submit-primary, .button-primary {
    border: none;
    border-radius: .22222rem;
    font-weight: 800;
    line-height: 1;
    transition: all .3s;
    background-color: #003c69;
    color: #fff;
    font-size: .88889rem;
    letter-spacing: .01em;
    padding: .88889rem 1.33333rem;
    text-decoration: none;
    display: inline-block
}

#submit-primary.active, #submit-primary:active, #submit-primary:focus, #submit-primary:hover, .button-primary.active, .button-primary:active, .button-primary:focus, .button-primary:hover {
    background-color: #fff;
    box-shadow: 0 .56rem 2.22rem rgba(0, 60, 105, .16);
    color: #003c69;
    transform: translateY(-.22222rem)
}

@media screen and (min-width:1024px) {
    #submit-primary, .button-primary {
        font-size: 1rem
    }
}

@media screen and (min-width:1601px) {
    #submit-primary, .button-primary {
        font-size: 1.11111rem;
        padding: .88889rem 1.77778rem
    }
}

#submit-secondary, .button-secondary {
    border: none;
    border-radius: .22222rem;
    font-weight: 800;
    line-height: 1;
    transition: all .3s;
    background-color: #ff9b00;
    color: #003c69;
    font-size: .88889rem;
    letter-spacing: .01em;
    padding: .88889rem 1.33333rem;
    text-decoration: none;
    display: inline-block
}

#submit-secondary:hover, .button-secondary:hover {
    background-color: #ff9b00;
    box-shadow: 0 .56rem 2.22rem rgba(0, 60, 105, .16);
    color: #003c69;
    transform: translateY(-.22222rem)
}

@media screen and (min-width:1024px) {
    #submit-secondary, .button-secondary {
        font-size: 1rem
    }
}

@media screen and (min-width:1601px) {
    #submit-secondary, .button-secondary {
        font-size: 1.11111rem;
        padding: .88889rem 1.77778rem
    }
}

#submit-filter, .button-filter {
    background-color: #fff;
    border: 1px solid rgba(0, 60, 105, .2);
    border-radius: 1.77778rem;
    color: #003c69;
    font-size: .77778rem;
    padding: .44444rem .88889rem;
    margin-left: .22222rem;
    margin-bottom: .44444rem
}

#submit-filter:focus, #submit-filter:hover, .button-filter:focus, .button-filter:hover {
    border-color: #fff;
    box-shadow: 0 .56rem 2.22rem rgba(0, 60, 105, .16);
    transform: translateY(-.22222rem)
}

#submit-filter.active, .button-filter.active {
    background-color: #003c69;
    border-color: #003c69;
    color: #fff
}

@media screen and (min-width:1024px) {
    #submit-filter, .button-filter {
        font-size: .88889rem;
        padding: .55556rem 1.11111rem
    }
}

@media screen and (min-width:1601px) {
    #submit-filter, .button-filter {
        font-size: 1.11111rem;
        padding: .66667rem 1.33333rem
    }
}

#submit-download, .button-download {
    background-color: #fff;
    border: 1px solid rgba(0, 60, 105, .2);
    color: #003c69;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 1.11111rem;
    padding: 1.33333rem 3.33333rem 1.33333rem 1.11111rem;
    position: relative;
    text-align: left;
    font-family: Modern Era, sans-serif;
    font-weight: 800;
    line-height: 1;
    transition: all .3s;
    border-radius: .22222rem;
    text-decoration: none;
    margin-right: .66667rem;
    margin-top: .88889rem
}

#submit-download:after, .button-download:after {
    background: url(img/arrow.svg) 0 0 no-repeat;
    content: "";
    display: block;
    width: .89rem;
    height: 1rem;
    position: absolute;
    top: 50%;
    right: 1.27778rem;
    transform: translateY(-50%)
}

@media screen and (min-width:1024px) {
    #submit-download:after, .button-download:after {
        right: 1.38889rem
    }
}

@media screen and (min-width:1601px) {
    #submit-download:after, .button-download:after {
        right: 1.55556rem
    }
}

@media screen and (min-width:1024px) {
    #submit-download .label, .button-download .label {
        transform: translateY(60%);
        transition: transform .3s
    }
}

#submit-download .file-name, .button-download .file-name {
    font-weight: 400;
    margin-top: .44444rem;
    font-size: .66667rem
}

@media screen and (min-width:1024px) {
    #submit-download .file-name, .button-download .file-name {
        transform: translateY(100%);
        opacity: 0;
        transition: opacity .6s, transform .3s
    }
}

@media screen and (max-width:1023px) {
    #submit-download, .button-download {
        background-color: #003c69;
        color: #ff9b00;
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    #submit-download:after, .button-download:after {
        background-image: url(img/arrow_or.svg)
    }
}

#submit-download:hover, .button-download:hover {
    background-color: #003c69;
    color: #ff9b00
}

@media screen and (min-width:1024px) {
    #submit-download:hover .label, .button-download:hover .label {
        transform: translateY(0)
    }

    #submit-download:hover .file-name, .button-download:hover .file-name {
        opacity: 1;
        transform: translateY(0)
    }
}

#submit-download:hover:after, .button-download:hover:after {
    background-image: url(img/arrow_or.svg)
}

@media screen and (min-width:1024px) {
    #submit-download, .button-download {
        height: 4rem;
        padding: 1rem 3.55556rem 1rem 1.33333rem
    }

    #submit-download .file-name, .button-download .file-name {
        font-size: .77778rem
    }
}

@media screen and (min-width:1601px) {
    #submit-download, .button-download {
        height: 5.11111rem;
        font-size: 1.11111rem
    }

    #submit-download .file-name, .button-download .file-name {
        font-size: .88889rem
    }
}

.filters {
    margin-bottom: 3.11111rem
}

@media screen and (min-width:768px) {
    .filters .dropdown-button {
        width: 100%;
        text-align: left;
        max-width: 300px
    }
}

.filters div:first-child {
    margin-bottom: 16px
}

.filters .small {
    color: #003c69;
    margin-bottom: .88889rem
}

.datepicker {
    border: none;
    box-shadow: 0 .56rem 2.22rem rgba(0, 60, 105, .16);
    font-family: Modern Era, sans-serif;
    width: 23.61111rem
}

.datepicker--pointer {
    border: none
}

.datepicker--nav {
    border-bottom: 0;
    padding: 2.11111rem 2.66667rem
}

.datepicker--nav-action path {
    stroke: #003c69
}

.datepicker--nav-title {
    color: #003c69;
    font-weight: 800;
    font-size: 1.33333rem;
    line-height: 1.11111rem
}

.datepicker--nav-title i {
    color: #003c69
}

.datepicker--day-name {
    color: #003c69;
    font-weight: 800
}

.datepicker--content {
    padding: 0 2.66667rem 2.66667rem
}

.datepicker--cell {
    height: 45px
}

.datepicker--cell-day {
    border-radius: 100%
}

.datepicker--cell.-selected-, .datepicker--cell.-selected-.-focus- {
    color: #fff !important;
    background: #003c69;
    font-weight: 800
}

.datepicker--cell.-current- {
    color: #003c69;
    font-weight: 800
}

.datepicker--cell.-current-.-selected-, .datepicker--cell.-focus- {
    color: #fff !important;
    background: #003c69;
    font-weight: 800
}

.datepicker--pointer {
    display: none
}

.dropdown {
    position: relative;
    z-index: 80
}

.dropdown-button {
    background-color: #fff;
    border: 1px solid rgba(0, 60, 105, .2);
    border-radius: 1.77778em;
    color: #003c69;
    font-size: .77778em;
    padding: .5em 2.44444em .5em .88889em;
    position: relative
}

.dropdown-button:after {
    background: url(img/angle.svg) 0 0 no-repeat;
    content: "";
    display: block;
    width: .85rem;
    height: .5rem;
    position: absolute;
    top: 50%;
    right: .77778em;
    transform: translateY(-50%)
}

@media screen and (min-width:1024px) {
    .dropdown-button:after {
        right: .94444em
    }
}

@media screen and (min-width:1601px) {
    .dropdown-button:after {
        right: 1.11111em
    }
}

.dropdown-button.open:after {
    transform: translateY(-49%) translateX(-2px) rotate(180deg)
}

.dropdown-button:focus {
    border-color: #fff;
    box-shadow: 0 .56rem 2.22rem rgba(0, 60, 105, .16)
}

.dropdown-button:active {
    background-color: #003c69;
    border-color: #003c69;
    color: #fff
}

@media screen and (min-width:1024px) {
    .dropdown-button {
        font-size: .88889em;
        padding: .55556em 2.77778em .55556em 1.11111em
    }
}

@media screen and (min-width:1601px) {
    .dropdown-button {
        font-size: 1.11111em;
        padding: .66667em 3.11111em .66667em 1.33333em
    }
}

.dropdown-menu {
    position: absolute;
    left: 0;
    top: 100%;
    background-color: #fff;
    border-radius: .22222em;
    box-shadow: 0 .56rem 2.22rem rgba(0, 60, 105, .16);
    font-size: .77778em;
    margin-top: .16667em;
    min-width: 11.11111em;
    transform: translateZ(0);
    will-change: transform;
    z-index: 0;
    display: none
}

@media screen and (min-width:1024px) {
    .dropdown-menu {
        font-size: .88889em
    }
}

@media screen and (min-width:1601px) {
    .dropdown-menu {
        font-size: 1.11111em
    }
}

.dropdown-menu.show {
    display: block;
    max-height: 500px;
    overflow: auto;
    width: 100%;
    margin-top: .55556rem
}

.dropdown-menu.show::-webkit-scrollbar {
    width: 2px;
    height: 40px
}

.dropdown-menu.show::-webkit-scrollbar-track {
    background: transparent
}

.dropdown-menu.show::-webkit-scrollbar-thumb {
    background: #003c69
}

.dropdown-item {
    color: #003c69;
    display: block;
    padding: .88889em 1.33333em;
    text-decoration: none;
    cursor: pointer
}

.dropdown-item.active {
    background-color: rgba(0, 60, 105, .04)
}

.dropdown-item:hover {
    background-color: rgba(0, 60, 105, .08);
    color: #003c69
}

.form-radio .wpcf7-list-item-label {
    color: #003c69;
    cursor: pointer;
    display: block;
    font-size: 1.11111rem;
    line-height: 1;
    margin-bottom: .66667rem;
    min-height: 1.77778rem;
    padding: .38889rem 0 0 2.44444rem;
    position: relative
}

.form-radio .wpcf7-list-item-label:before {
    background-color: rgba(0, 60, 105, .08);
    border: 1px solid transparent;
    border-radius: 100%;
    box-sizing: border-box;
    content: "";
    display: block;
    width: 1.77778rem;
    height: 1.77778rem;
    position: absolute;
    top: 0;
    left: 0
}

.form-radio .wpcf7-list-item-label:after {
    background-color: #003c69;
    border-radius: 100%;
    box-sizing: border-box;
    content: "";
    display: block;
    width: .88889rem;
    height: .88889rem;
    position: absolute;
    top: .44444rem;
    left: .44444rem;
    opacity: 0;
    transition: all .3s
}

.form-radio .wpcf7-list-item-label:hover:before, .form-radio input:checked+.wpcf7-list-item-label:before {
    border-color: rgba(0, 60, 105, .08)
}

.form-radio input:checked+.wpcf7-list-item-label:after {
    opacity: 1
}

.form-radio__row {
    margin-bottom: 1.11111rem
}

.form-radio__row .form-radio {
    margin-bottom: .88889rem
}

.form-checkbox .wpcf7-list-item-label {
    cursor: pointer;
    display: block;
    line-height: 1.1;
    margin-bottom: .66667rem;
    min-height: 1.77778rem;
    padding: .38889rem 0 0 2.44444rem;
    position: relative
}

@media screen and (min-width:1601px) {
    .form-checkbox .wpcf7-list-item-label {
        font-size: 1.11111rem
    }
}

.form-checkbox .wpcf7-list-item-label:before {
    background-color: rgba(0, 60, 105, .08);
    border: 1px solid transparent;
    border-radius: .22222rem;
    box-sizing: border-box;
    content: "";
    display: block;
    width: 1.77778rem;
    height: 1.77778rem;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%)
}

.form-checkbox .wpcf7-list-item-label:after {
    background: url(img/icon-check.svg) 0 0 no-repeat;
    background-size: cover;
    content: "";
    display: block;
    width: 1.11111rem;
    height: .88889rem;
    position: absolute;
    top: calc(50% + 8px);
    left: .33333rem;
    opacity: 0;
    transform: translateY(calc(-50% - 8px));
    transition: all .3s
}

.form-checkbox .wpcf7-list-item-label:hover:before {
    border-color: rgba(0, 60, 105, .08)
}

.form-checkbox .wpcf7-list-item-label a {
    color: #003c69;
    text-decoration: none
}

.form-checkbox .wpcf7-list-item {
    margin: 0
}

.form-checkbox input:checked+.wpcf7-list-item-label:before {
    border-color: rgba(0, 60, 105, .08)
}

.form-checkbox input:checked+.wpcf7-list-item-label:after {
    opacity: 1
}

@media screen and (min-width:1024px) {
    .form-select label {
        left: 1.11111rem
    }
}

@media screen and (min-width:1601px) {
    .form-select label {
        font-size: 1rem;
        left: 1.33333rem
    }
}

@media screen and (min-width:1024px) {
    .form-select__chosen label {
        font-size: .77778rem;
        top: .22222rem
    }
}

@media screen and (min-width:1601px) {
    .form-select__chosen label {
        top: .33333rem
    }
}

.form-input {
    padding-bottom: .88889rem
}

.form-input.focused label, .form-input label.freeze {
    font-size: .66667rem;
    top: .11111rem;
    bottom: .55556rem
}

@media screen and (min-width:1024px) {
    .form-input.focused label, .form-input label.freeze {
        font-size: .77778rem;
        top: .22222rem
    }
}

@media screen and (min-width:1601px) {
    .form-input.focused label, .form-input label.freeze {
        top: .33333rem
    }
}

.form-input label {
    transition: all .3s
}

@media screen and (min-width:1024px) {
    .form-input label {
        left: 1.11111rem;
        top: 1rem
    }
}

@media screen and (min-width:1601px) {
    .form-input label {
        font-size: 1rem;
        left: 1.33333rem;
        top: 1.22222rem
    }
}

.form-input input, .form-input textarea {
    transition: all .3s
}

@media screen and (min-width:1024px) {
    .form-input input, .form-input textarea {
        height: 3.33333rem;
        padding: .88889rem 1.11111rem 0
    }
}

@media screen and (min-width:1601px) {
    .form-input input, .form-input textarea {
        height: 3.88889rem;
        font-size: 1rem;
        padding: 1.11111rem 1.33333rem 0
    }
}

.form-input input:focus, .form-input input:hover, .form-input textarea:focus, .form-input textarea:hover {
    background-color: #fff;
    border-color: #fff;
    box-shadow: 0 .56rem 2.22rem rgba(0, 60, 105, .16)
}

@media screen and (min-width:1024px) {
    .form-input input+label.freeze, .form-input input:focus+label, .form-input textarea+label.freeze, .form-input textarea:focus+label {
        font-size: .77778rem;
        top: .22222rem
    }
}

@media screen and (min-width:1601px) {
    .form-input input+label.freeze, .form-input input:focus+label, .form-input textarea+label.freeze, .form-input textarea:focus+label {
        top: .33333rem
    }
}

.form-input__filled input, .form-input__filled textarea {
    border-color: rgba(0, 60, 105, .08)
}

@media screen and (min-width:1024px) {
    .form-datepicker input {
        background-position: 98.5% 50%;
        padding-right: 3.44444rem
    }
}

@media screen and (min-width:1601px) {
    .form-datepicker input {
        padding-right: 4.33333rem
    }
}

.invalid .wpcf7-not-valid-tip+label {
    color: red
}

.invalid .wpcf7-not-valid {
    background-color: rgba(255, 0, 0, .04);
    color: red
}

.invalid .wpcf7-not-valid:hover {
    background-color: #fff;
    border-color: rgba(255, 0, 0, .04)
}

.invalid .wpcf7-not-valid:focus {
    background-color: #fff;
    box-shadow: 0 .56rem 2.22rem rgba(0, 60, 105, .16)
}

.wpcf7-not-valid-tip {
    color: red;
    font-size: .66667rem;
    letter-spacing: .005em;
    line-height: 1.7;
    margin-top: .11111rem
}

@media screen and (min-width:1024px) {
    .wpcf7-not-valid-tip {
        font-size: .77778rem;
        margin-top: .22222rem
    }
}

.form-radio__row {
    position: relative
}

.form-radio__row .required-sign {
    display: none;
    font-size: .9rem;
    position: absolute;
    right: 0;
    top: 1rem
}

@media screen and (min-width:769px) {
    .form-radio__row .required-sign {
        display: block
    }
}

@media screen and (min-width:1025) {
    .form-radio__row .required-sign {
        font-size: 1rem
    }
}

.screen-reader-response, .wpcf7-form-control-wrap.canton_email {
    display: none
}

.wpcf7-submit {
    cursor: pointer
}

.wpcf7 .ajax-loader {
    display: none
}

.wpcf7 form .wpcf7-response-output {
    border: 0;
    padding: 0
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
    border: 0;
    font-weight: 800;
    font-size: 1.33333rem;
    line-height: 1.20833em;
    color: red
}

.wpcf7 form.sent .wpcf7-response-output {
    border: 0;
    font-weight: 800;
    font-size: 1.33333rem;
    line-height: 1.20833em;
    color: #0da05a
}

.dot-pulse {
    margin: 0 auto;
    position: relative;
    left: -9999px;
    box-shadow: 9999px 0 0 -5px #003c69;
    -webkit-animation: dot-pulse 1.5s linear infinite;
    animation: dot-pulse 1.5s linear infinite;
    -webkit-animation-delay: .25s;
    animation-delay: .25s
}

.dot-pulse, .dot-pulse:after, .dot-pulse:before {
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #003c69;
    color: #003c69
}

.dot-pulse:after, .dot-pulse:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0
}

.dot-pulse:before {
    box-shadow: 9984px 0 0 -5px #003c69;
    -webkit-animation: dot-pulse-before 1.5s linear infinite;
    animation: dot-pulse-before 1.5s linear infinite;
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.dot-pulse:after {
    box-shadow: 10014px 0 0 -5px #003c69;
    -webkit-animation: dot-pulse-after 1.5s linear infinite;
    animation: dot-pulse-after 1.5s linear infinite;
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

@-webkit-keyframes dot-pulse-before {
    0% {
        box-shadow: 9984px 0 0 -5px #003c69
    }

    30% {
        box-shadow: 9984px 0 0 2px #003c69
    }

    60%, to {
        box-shadow: 9984px 0 0 -5px #003c69
    }
}

@keyframes dot-pulse-before {
    0% {
        box-shadow: 9984px 0 0 -5px #003c69
    }

    30% {
        box-shadow: 9984px 0 0 2px #003c69
    }

    60%, to {
        box-shadow: 9984px 0 0 -5px #003c69
    }
}

@-webkit-keyframes dot-pulse {
    0% {
        box-shadow: 9999px 0 0 -5px #003c69
    }

    30% {
        box-shadow: 9999px 0 0 2px #003c69
    }

    60%, to {
        box-shadow: 9999px 0 0 -5px #003c69
    }
}

@keyframes dot-pulse {
    0% {
        box-shadow: 9999px 0 0 -5px #003c69
    }

    30% {
        box-shadow: 9999px 0 0 2px #003c69
    }

    60%, to {
        box-shadow: 9999px 0 0 -5px #003c69
    }
}

@-webkit-keyframes dot-pulse-after {
    0% {
        box-shadow: 10014px 0 0 -5px #003c69
    }

    30% {
        box-shadow: 10014px 0 0 2px #003c69
    }

    60%, to {
        box-shadow: 10014px 0 0 -5px #003c69
    }
}

@keyframes dot-pulse-after {
    0% {
        box-shadow: 10014px 0 0 -5px #003c69
    }

    30% {
        box-shadow: 10014px 0 0 2px #003c69
    }

    60%, to {
        box-shadow: 10014px 0 0 -5px #003c69
    }
}

.mailchimp-form .form-input {
    display: none
}

.contact__form input:disabled {
    cursor: not-allowed
}

.form-radio {
    position: relative
}

.form-radio input[type=radio] {
    display: none
}

.form-radio label {
    color: #003c69;
    cursor: pointer;
    display: block;
    font-size: .88889rem;
    line-height: 1;
    min-height: 1.77778rem;
    padding: .22222rem 0 0 2rem;
    position: relative
}

@media screen and (min-width:1025px) {
    .form-radio label {
        font-size: 1.11111rem;
        padding: .38889rem 0 0 2.44444rem
    }
}

.form-radio label:before {
    background-color: rgba(0, 60, 105, .08);
    border: 1px solid transparent;
    border-radius: 100%;
    width: 1.33333rem;
    height: 1.33333rem;
    top: 0;
    left: 0
}

@media screen and (min-width:1025px) {
    .form-radio label:before {
        width: 1.77778rem;
        height: 1.77778rem
    }
}

.form-radio label:after, .form-radio label:before {
    box-sizing: border-box;
    content: "";
    display: block;
    position: absolute
}

.form-radio label:after {
    background-color: #003c69;
    border-radius: 100%;
    width: .66666rem;
    height: .66666rem;
    top: .33333rem;
    left: .33333rem;
    opacity: 0;
    transition: all .5s
}

@media screen and (min-width:1025px) {
    .form-radio label:after {
        width: .88889rem;
        height: .88889rem;
        top: .44444rem;
        left: .44444rem
    }
}

.form-radio input:checked+label:before, .form-radio label:hover:before, .form-radio textarea:checked+label:before {
    border-color: rgba(0, 60, 105, .08)
}

.form-radio input:checked+label:after, .form-radio textarea:checked+label:after {
    opacity: 1
}

.form-radio__row {
    gap: .88889rem;
    margin-bottom: .9rem
}

.form-checkbox {
    position: relative
}

.form-checkbox input[type=checkbox] {
    display: none
}

.form-checkbox label {
    cursor: pointer;
    display: block;
    line-height: 1.1;
    font-size: .88889rem;
    margin-bottom: .66667rem;
    min-height: 1.77778rem;
    padding: .44444rem 0 0 2rem;
    position: relative
}

@media screen and (min-width:1025px) {
    .form-checkbox label {
        font-size: 1.11111rem;
        padding: .38889rem 0 0 2.44444rem
    }
}

.form-checkbox label:before {
    background-color: rgba(0, 60, 105, .08);
    border: 1px solid transparent;
    border-radius: .22222rem;
    box-sizing: border-box;
    content: "";
    display: block;
    width: 1.33333rem;
    height: 1.33333rem;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%)
}

@media screen and (min-width:1025px) {
    .form-checkbox label:before {
        width: 1.77778rem;
        height: 1.77778rem
    }
}

.form-checkbox label:after {
    background: url(img/icon-check.svg) 0 0 no-repeat;
    background-size: cover;
    content: "";
    display: block;
    width: .88888rem;
    height: .66666rem;
    position: absolute;
    top: calc(50% + 8px);
    left: .22222rem;
    opacity: 0;
    transform: translateY(calc(-50% - 8px));
    transition: all .5s
}

@media screen and (min-width:1025px) {
    .form-checkbox label:after {
        width: 1.11111rem;
        height: .88889rem;
        top: calc(50% + 8px);
        left: .33333rem
    }
}

.form-checkbox label:hover:before {
    border-color: rgba(0, 60, 105, .08)
}

.form-checkbox label a {
    color: #003c69;
    text-decoration: none
}

.form-checkbox input:checked+label:before, .form-checkbox textarea:checked+label:before {
    border-color: rgba(0, 60, 105, .08)
}

.form-checkbox input:checked+label:after, .form-checkbox textarea:checked+label:after {
    opacity: 1
}

@media screen and (min-width:1025px) {
    .form-checkbox label {
        font-size: 1.11111rem
    }
}

.form-checkbox__block {
    margin-bottom: 1.11111rem
}

.form-select {
    padding-bottom: .88889rem;
    position: relative
}

.form-select label {
    position: absolute;
    color: #003c69;
    font-size: .88889rem;
    left: .88889rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3
}

@media screen and (min-width:769px) {
    .form-select label {
        left: 1.11111rem
    }
}

@media screen and (min-width:1025px) {
    .form-select label {
        font-size: 1rem;
        left: 1.33333rem
    }
}

@media screen and (min-width:1250px) {
    .form-select label {
        font-size: 1.11111rem
    }
}

.form-select__chosen label, .invalid .form-select__chosen label {
    font-size: .66667rem;
    top: .11111rem;
    transform: none
}

.invalid .form-select__chosen label {
    color: red
}

.invalid .form-select__chosen .select2-container--default .select2-selection--single {
    background: rgba(255, 0, 0, .04)
}

@media screen and (min-width:769px) {
    .form-select__chosen label {
        font-size: .77778rem;
        top: .22222rem
    }
}

@media screen and (min-width:1025px) {
    .form-select__chosen label {
        top: .33333rem
    }
}

.form-input {
    padding-bottom: .44444rem;
    position: relative
}

@media screen and (min-width:769px) {
    .form-input {
        padding-bottom: .88889rem
    }
}

.form-input label {
    position: absolute;
    color: #003c69;
    font-size: .88889rem;
    left: .88889rem;
    top: .77778rem;
    transition: all .5s;
    z-index: 3;
    pointer-events: none
}

.form-input label.label-invalid {
    color: red
}

.form-input input, .form-input textarea {
    background-color: rgba(0, 60, 105, .04);
    border: 1px solid transparent;
    border-radius: .22222rem;
    color: #003c69;
    font-size: .88889rem;
    height: 2.88889rem;
    padding: .77778rem .88889rem 0;
    width: 100%;
    transition: all .5s
}

.form-input input:focus, .form-input textarea:focus {
    outline: none
}

.form-input input:focus, .form-input input:hover, .form-input textarea:focus, .form-input textarea:hover {
    background-color: #fff;
    border-color: #fff;
    box-shadow: 0 .56rem 2.22rem rgba(0, 60, 105, .16)
}

.form-input input+label.freeze, .form-input input:focus+label, .form-input textarea+label.freeze, .form-input textarea:focus+label {
    font-size: .66667rem;
    top: .11111rem;
    bottom: .55556rem
}

.form-input textarea {
    height: auto !important;
    overflow: hidden;
    padding: .77778rem .88889rem 1rem
}

.form-input .invalid {
    background-color: rgba(255, 0, 0, .04)
}

.form-input input.visited.dirty:valid {
    border-bottom: 1px solid green
}

@media screen and (min-width:769px) {
    .form-input label {
        left: 1.11111rem;
        top: 1rem
    }
}

@media screen and (min-width:1025px) {
    .form-input label {
        font-size: 1rem;
        left: 1.33333rem;
        top: 1.22222rem
    }
}

@media screen and (min-width:1250px) {
    .form-input label {
        font-size: 1.11111rem;
        top: 1.33333rem
    }
}

@media screen and (min-width:769px) {
    .form-input input, .form-input textarea {
        height: 3.33333rem;
        padding: .88889rem 1.11111rem 0
    }

    .form-input textarea {
        padding: 1.5rem 1.11111rem 1rem
    }
}

@media screen and (min-width:1025px) {
    .form-input input, .form-input textarea {
        height: 3.88889rem;
        font-size: 1rem;
        padding: 1.11111rem 1.33333rem 0
    }

    .form-input textarea {
        padding: 1.7rem 1.33333rem 1rem
    }
}

@media screen and (min-width:1250px) {
    .form-input input, .form-input textarea {
        font-size: 1.11111rem;
        height: 4rem
    }
}

@media screen and (min-width:769px) {
    .form-input input+label.freeze, .form-input input:focus+label, .form-input textarea+label.freeze, .form-input textarea:focus+label {
        font-size: .77778rem;
        top: .22222rem
    }
}

@media screen and (min-width:1025px) {
    .form-input input+label.freeze, .form-input input:focus+label, .form-input textarea+label.freeze, .form-input textarea:focus+label {
        top: .33333rem
    }
}

.form-input__filled .select2-container--default .select2-selection--single, .form-input__filled input, .form-input__filled textarea {
    border-color: rgba(0, 60, 105, .08)
}

.form-datepicker {
    padding-bottom: .88889rem;
    position: relative
}

.form-datepicker input {
    background: rgba(0, 60, 105, .04) url(img/icon-calendar.svg) 96% 50% no-repeat;
    background-size: 1.33333rem 1.30556rem;
    padding-right: 3.11111rem
}

@media screen and (min-width:769px) {
    .form-datepicker input {
        background-position: 98.5% 50%;
        padding-right: 3.44444rem
    }
}

@media screen and (min-width:1025px) {
    .form-datepicker input {
        padding-right: 4.33333rem
    }
}

@media screen and (min-width:1250px) {
    .form-datepicker input {
        height: 4rem
    }
}

.form-error label {
    color: red
}

.form-error input, .form-error textarea {
    background-color: rgba(255, 0, 0, .04);
    color: red
}

.form-error input:hover, .form-error textarea:hover {
    background-color: #fff;
    border-color: rgba(255, 0, 0, .04)
}

.form-error input:focus, .form-error textarea:focus {
    background-color: #fff;
    box-shadow: 0 .56rem 2.22rem rgba(0, 60, 105, .16)
}

.form-error__text {
    color: red;
    font-size: .66667rem;
    letter-spacing: .005em;
    line-height: 1.7;
    margin-top: .11111rem
}

.contact__msg, .contact__msg__error {
    border: 0;
    font-weight: 800;
    font-size: 1.11111rem;
    line-height: 1.20833em;
    margin: 2em .5em 1em
}

@media screen and (min-width:1025px) {
    .contact__msg, .contact__msg__error {
        font-size: 1.33333rem
    }
}

.contact__msg {
    color: green
}

.contact__msg__error, .msg {
    color: red
}

.msg {
    display: none;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: .005em;
    flex: none;
    order: 1;
    flex-grow: 0;
    margin: 4px 0
}

.icon-twitter {
    background: url(img/icon-twitter.svg) 0 0 no-repeat;
    background-size: cover;
    display: block;
    width: 1.33333em;
    height: 1.05556em
}

.list-events .labels {
    align-items: center;
    gap: 1rem;
    padding: 0 3.16667rem 0 1.33333rem;
    margin-bottom: .66667rem;
    font-size: .88889rem;
    line-height: 1.25em;
    letter-spacing: .01em;
    color: #003c69;
    margin-left: -1.33333rem;
    margin-right: -1.33333rem;
    display: none
}

@media screen and (min-width:768px) {
    .list-events .labels {
        margin-left: -1.77778rem;
        margin-right: -1.77778rem;
        padding: 0 4.22222rem 0 1.77778rem
    }
}

@media screen and (min-width:1025px) {
    .list-events .labels {
        display: flex
    }
}

.content .list-events {
    margin-top: 2.66667rem;
    margin-bottom: 2.66667rem
}

.list-event__one {
    padding: 1.33333rem 3.16667rem 1.33333rem 1.33333rem;
    color: #003c69;
    display: block;
    font-weight: 800;
    text-decoration: none;
    transition: all .3s;
    position: relative;
    overflow: hidden;
    margin-bottom: .44444rem
}

@media screen and (min-width:768px) {
    .list-event__one {
        padding: 1.77778rem 4.22222rem 1.77778rem 1.77778rem;
        margin-bottom: .88889rem;
        margin-left: -1.77778rem
    }
}

@media screen and (min-width:1025px) {
    .list-event__one {
        margin-bottom: 0
    }
}

.list-event__one.disabled:after {
    display: none !important
}

.list-event__one-inside {
    position: relative
}

.list-event__one-inside:after {
    background-color: rgba(0, 60, 105, .1);
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: -1.33333rem
}

@media screen and (min-width:768px) {
    .list-event__one-inside:after {
        bottom: -1.77778rem
    }
}

@media screen and (max-width:1024px) {
    .list-event__one-inside:after {
        display: none
    }
}

@media screen and (min-width:1025px) {
    .list-event__one-inside {
        display: flex;
        align-items: center;
        gap: 1rem;
        height: 100%
    }
}

.list-event__one .title {
    font-size: 1.22222rem;
    line-height: 1.18;
    flex-shrink: 0;
    overflow: hidden
}

@media screen and (min-width:1025px) {
    .list-event__one .title {
        transform: translateY(25%);
        transition: transform .3s
    }
}

@media screen and (min-width:768px) {
    .list-event__one .title {
        font-size: 1.44444rem;
        line-height: 1.15
    }
}

@media screen and (min-width:1025px) {
    .list-event__one .title {
        flex: 1 1 calc(50% - 1rem)
    }
}

@media screen and (min-width:1600px) {
    .list-event__one .title {
        font-size: 1.77778rem;
        line-height: 1.1
    }
}

.list-event__one .description {
    font-size: 1.22222rem;
    font-weight: 300;
    line-height: 1.14;
    margin-top: .11111rem
}

@media screen and (min-width:1025px) {
    .list-event__one .description {
        transform: translateY(100%);
        opacity: 0;
        transition: opacity .3s, transform .3s
    }
}

@media screen and (min-width:768px) {
    .list-event__one .description {
        font-size: 1.44444rem;
        line-height: 1.15;
        margin-top: 0
    }
}

@media screen and (min-width:1600px) {
    .list-event__one .description {
        font-size: 1.77778rem;
        line-height: 1.1
    }
}

.list-event__one .info {
    font-size: .77778rem;
    line-height: 1.1;
    font-weight: 400;
    margin-top: .88889rem
}

.list-event__one .info .dash {
    margin: 0 .11111rem 0 0
}

@media screen and (min-width:768px) {
    .list-event__one .info {
        font-size: .88889rem
    }
}

@media screen and (min-width:1025px) {
    .list-event__one .info {
        display: flex;
        flex: 1 1 calc(50% - 1rem);
        margin-top: 0;
        padding-left: 0
    }

    .list-event__one .info .date {
        flex: 0 0 8.33333rem
    }

    .list-event__one .info .dash {
        display: none
    }
}

@media screen and (min-width:1600px) {
    .list-event__one .info {
        font-size: 1.33333rem;
        line-height: 1.1;
        padding-right: 2.77778rem
    }

    .list-event__one .info .date {
        flex: 0 0 13.88889rem
    }
}

.list-event__one:after {
    background: url(img/angle_or.svg) 0 0 no-repeat;
    content: "";
    opacity: 0;
    width: .72222rem;
    height: .44444rem;
    position: absolute;
    top: 50%;
    right: 1.61111rem;
    transform: translateY(-50%) rotate(-90deg)
}

@media screen and (min-width:1025px) {
    .list-event__one:after {
        transform: translateY(-50%) translateX(-100%) rotate(-90deg);
        transition: transform .3s, opacity .3s
    }
}

@media screen and (min-width:1600px) {
    .list-event__one:after {
        right: 2.5rem
    }
}

.list-event__one:hover {
    background-color: rgba(0, 60, 105, .02);
    border-radius: .44444rem
}

@media screen and (min-width:1600px) {
    .list-event__one:hover {
        border-radius: .88889rem
    }
}

@media screen and (min-width:1025px) {
    .list-event__one:hover:after {
        opacity: 1;
        transform: translateY(-50%) translateX(0) rotate(-90deg)
    }

    .list-event__one:hover .title {
        transform: translateY(0)
    }

    .list-event__one:hover .description {
        transform: translateY(0);
        opacity: 1
    }
}

.list-event__one:hover .list-one__inside:after {
    display: none
}

@media screen and (max-width:1024px) {
    .list-event__one {
        background-color: rgba(0, 60, 105, .02);
        border-radius: .44444rem
    }

    .list-event__one:after {
        opacity: 1
    }
}

.list-link__one {
    padding: 1.33333rem 3.55556rem 1.33333rem 1.33333rem;
    color: #003c69;
    display: block;
    font-size: 1rem;
    line-height: 1.33;
    text-decoration: none;
    transition: all .3s;
    position: relative
}

@media screen and (min-width:768px) {
    .list-link__one {
        padding: 1.5rem 3.22222rem 1.5rem 1.33333rem;
        /*margin-left: -1.33333rem*/
    }
}

@media screen and (min-width:1025px) {
    .list-link__one {
        padding: 1.77778rem 3.55556rem 1.77778rem 1.33333rem;
        margin-left: -1.33333rem
    }
}

@media screen and (min-width:1600px) {
    .list-link__one {
        font-size: 1.22222rem;
        line-height: 1.45;
        padding: 1.63636em 3.63636em 1.63636em 1.81818em;
        margin-left: -1.81818em
    }
}

.list-link__one:after {
    background: url(img/arrow_or.svg) 0 0 no-repeat;
    content: "";
    width: .89rem;
    height: 1rem;
    position: absolute;
    top: 50%;
    right: 1.61111rem;
    transform: translateY(-50%) rotate(-90deg)
}

@media screen and (min-width:1025px) {
    .list-link__one:after {
        opacity: 0;
        transform: translateY(-50%) translateX(-100%) rotate(-90deg);
        transition: opacity .3s, transform .3s
    }
}

@media screen and (min-width:1600px) {
    .list-link__one:after {
        right: 2.5rem
    }
}

.list-link__one-inside {
    display: flex;
    align-items: center;
    height: 100%;
    position: relative
}

.list-link__one-inside:after {
    background-color: rgba(0, 60, 105, .1);
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: -1.33333rem
}

@media screen and (min-width:768px) {
    .list-link__one-inside:after {
        bottom: -1.5rem
    }
}

@media screen and (min-width:1025px) {
    .list-link__one-inside:after {
        bottom: -1.77778rem
    }
}

@media screen and (min-width:1600px) {
    .list-link__one-inside:after {
        bottom: -2rem
    }
}

@media screen and (max-width:1024px) {
    .list-link__one {
        background-color: #003c69;
        color: #ff9b00;
        border-radius: .44444rem;
        margin-bottom: .88889rem
    }
}

.list-link__one:hover {
    background-color: #003c69;
    border-radius: .44444rem;
    color: #ff9b00;
    box-shadow: 0 10px 80px rgba(0, 60, 105, .16)
}

@media screen and (min-width:1600px) {
    .list-link__one:hover {
        border-radius: .88889rem
    }
}

@media screen and (min-width:1025px) {
    .list-link__one:hover:after {
        opacity: 1;
        transform: translateY(-50%) translateX(0) rotate(-90deg)
    }
}

.list-link__one:hover .list-one__inside:after {
    display: none
}

.list-download .file-info {
    font-size: .66667rem;
    line-height: 1.25
}

@media screen and (min-width:1025px) {
    .list-download .file-info {
        opacity: 0;
        transform: translateY(100%);
        transition: opacity .3s, transform .3s
    }
}

@media screen and (min-width:1600px) {
    .list-download .file-info {
        font-size: .88889rem;
        margin-top: .25em
    }
}

.list-download .label {
    margin-bottom: .33333em
}

@media screen and (min-width:1025px) {
    .list-download .label {
        transform: translateY(10%);
        transition: transform .3s
    }
}

.list-download .list-link__one-inside {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start
}

.list-download .list-link__one:after {
    transform: translateY(-50%) rotate(0deg)
}

@media screen and (min-width:1025px) {
    .list-download .list-link__one:after {
        transform: translateY(-100%) rotate(0deg)
    }
}

@media screen and (min-width:1600px) {
    .list-download .list-link__one:after {
        right: 3rem
    }
}

@media screen and (min-width:1025px) {
    .list-download .list-link__one:hover .file-info {
        opacity: 1;
        transform: translateY(0)
    }

    .list-download .list-link__one:hover .label {
        transform: translateY(0)
    }

    .list-download .list-link__one:hover:after {
        transform: translateY(-50%) translateY(0) rotate(0deg)
    }
}

.footer {
    background: #edf1f5;
    padding-top: 3.55556em;
    padding-bottom: 2em;
	margin-top: 2em;
}

@media screen and (min-width:767px) {
    .footer {
        padding-top: 4em;
        padding-bottom: 4em
    }
}

@media screen and (min-width:1600px) {
    .footer {
        padding-top: 4em;
        padding-bottom: 3.55556em
    }
}

@media screen and (min-width:1601px) {
    .footer>.grid {
        max-width: none
    }
}

.footer a {
    text-decoration: none
}

.footer .footer-columns {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.footer .footer-columns .footer-column {
    margin-bottom: 3.11111em
}

@media screen and (max-width:1300px) {
    .footer .footer-columns .footer-column:first-child {
        flex-basis: 20%
    }

    .footer .footer-columns .footer-column:nth-child(2) {
        flex-basis: 70%
    }

    .footer .footer-columns .footer-column:nth-child(3) {
        flex-basis: 100%
    }
}

@media screen and (max-width:920px) {
    .footer .footer-columns .footer-column:nth-child(2) {
        display: none
    }
}

.footer .footer-columns .footer-column .title {
    display: block;
    font-size: .88889em;
    line-height: 1.25em;
    letter-spacing: .01em;
    color: rgba(0, 60, 105, .6);
    margin-bottom: 1.77778em
}

.footer ul {
    list-style: none
}

.footer .footer-menu ul li {
    margin-bottom: 1.33333em;
    opacity: 1;
    transition: opacity .3s
}

.footer .footer-menu ul li a {
    opacity: 1;
    transition: opacity .3s;
    font-weight: 800;
    font-size: 1.77778em;
    line-height: 1.09375em;
    color: #003c69
}

.footer .footer-menu ul:hover a {
    opacity: .3
}

.footer .footer-menu ul:hover a:hover {
    opacity: 1
}

.footer .footer-map {
    width: 45vw;
    max-width: 800px
}

@media screen and (max-width:1300px) {
    .footer .footer-map {
        width: 60vw
    }
}

.footer .footer-map svg path:not(.lake) {
    opacity: 1;
    cursor: pointer
}

.footer .footer-map svg path {
    transition: opacity .3s, filter .3s;
    filter: drop-shadow(0 10px 80px rgba(0, 60, 105, 0))
}

.footer .footer-map svg:hover path {
    opacity: .3
}

.footer .footer-map svg:hover path:not(.lake):hover {
    opacity: 1;
    filter: drop-shadow(0 10px 20 rgba(0, 60, 105, .08))
}

.footer .footer-map svg text {
    transition: opacity .3s, filter .3s;
    opacity: 0;
    z-index: -1;
    position: absolute;
    pointer-events: none
}

.footer .footer-map svg:hover .show {
    opacity: 1
}

.footer .social-menu li {
    display: inline-block;
    align-items: center;
    opacity: 1;
    transition: opacity .3s
}

.footer .social-menu li a {
    display: block
}

.footer .social-menu:hover li {
    opacity: .3
}

.footer .social-menu:hover li:hover {
    opacity: 1
}

.footer .legal-menu {
    margin-top: 6.66667em;
    display: flex;
    flex-direction: row;
    width: 100%
}

@media screen and (max-width:920px) {
    .footer .legal-menu {
        margin-top: 0;
        flex-direction: column-reverse
    }
}

.footer .legal-menu span {
    color: rgba(0, 60, 105, .3)
}

.footer .legal-menu span, .footer .legal-menu ul {
    font-weight: 800;
    font-size: .88889em;
    line-height: 1.4375em
}

.footer .legal-menu ul {
    margin-left: 2.77778rem
}

@media screen and (max-width:920px) {
    .footer .legal-menu ul {
        margin-left: 0;
        margin-bottom: 5.33333em
    }
}

.footer .legal-menu ul li {
    margin-right: 1.33333em;
    opacity: 1;
    transition: opacity .3s
}

.footer .legal-menu ul li a {
    color: #003c69;
    display: block
}

.footer .legal-menu ul:hover li {
    opacity: .3
}

.footer .legal-menu ul:hover li:hover {
    opacity: 1
}

.footer .legal-menu li {
    display: inline-block
}

.carousel-container {
    margin-bottom: 2.77778rem
}

.home_carousel {
    width: 100%;
    height: 100vh;
    z-index: 10;
    overflow: hidden
}

.home_carousel .hero {
    width: 100vw !important;
    overflow: hidden
}

.home_carousel .flickity-button:disabled {
    display: none !important
}

@media screen and (max-width:1024px) {
    .home_carousel .flickity-button {
        display: block !important
    }
}

@media screen and (max-width:1024px) {
    .home_carousel .flickity-prev-next-button.previous {
        display: none !important
    }
}

.admin-bar .home_carousel {
    height: calc(100vh - 32px)
}

@media screen and (max-width:782px) {
    .admin-bar .home_carousel {
        height: calc(100vh - 46px)
    }
}

.carousel .card--v1, .carousel .card--v2, .carousel .card--v3, .carousel .card--v4 {
    margin: 0
}

.carousel.shadow-white .flickity-viewport:after {
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    width: 4.44444rem
}

@media screen and (min-width:1601px) {
    .carousel.shadow-white .flickity-viewport:after {
        background: linear-gradient(90deg, rgba(245, 247, 249, 0) 0, #f5f7f9)
    }
}

.carousel .flickity-viewport {
    overflow: visible
}

.carousel .flickity-viewport .flickity-slider .carousel-cell {
    display: flex;
    align-items: stretch;
    min-height: 100%
}

.carousel .flickity-viewport .flickity-slider .carousel-cell>* {
    width: 100%
}

.carousel .flickity-page-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: -2.66667rem;
    height: 1.77778rem
}

@media screen and (min-width:768px) {
    .carousel .flickity-page-dots {
        bottom: -2.66667rem
    }
}

@media screen and (min-width:1024px) {
    .carousel .flickity-page-dots {
        bottom: -2.88889rem
    }
}

@media screen and (min-width:1600px) {
    .carousel .flickity-page-dots {
        bottom: -3.77778rem
    }
}

.carousel .flickity-page-dots .dot {
    background-color: rgba(0, 60, 105, .2);
    border-radius: 100%;
    cursor: pointer;
    display: block;
    width: .44444rem;
    height: .44444rem;
    margin: 0 .44444rem
}

@media screen and (min-width:1024px) {
    .carousel .flickity-page-dots .dot {
        transition: all .3s
    }
}

.carousel .flickity-page-dots .dot.is-selected {
    background-color: #ff9b00;
    width: .88889rem;
    height: .88889rem
}

.carousel .flickity-button {
    background-color: #ff9b00;
    border: none;
    border-radius: 100%;
    width: 2.22222rem;
    height: 2.22222rem;
    box-shadow: 0 .44444rem 1.77778rem rgba(0, 0, 0, .2)
}

@media screen and (max-width:1024px) {
    .carousel .flickity-button {
        display: none
    }
}

.carousel .flickity-button:hover {
    box-shadow: 0 .44444rem 1.77778rem rgba(0, 0, 0, .4)
}

.carousel .flickity-button:before {
    background: url(img/angle.svg) 0 0 no-repeat;
    background-size: cover;
    content: "";
    display: block;
    width: .72222rem;
    height: .44444rem;
    position: absolute;
    top: 50%;
    left: 50%
}

.carousel .flickity-button .flickity-button-icon, .carousel .flickity-button:disabled {
    display: none
}

.carousel .flickity-prev-next-button.previous {
    left: 1.77778rem;
    z-index: 2
}

.carousel .flickity-prev-next-button.previous:before {
    transform: translate(-50%, -50%) rotate(90deg)
}

.carousel .flickity-prev-next-button.next {
    right: 1.77778rem;
    z-index: 2
}

.carousel .flickity-prev-next-button.next:before {
    transform: translate(-50%, -50%) rotate(-90deg)
}

.article-cell {
    width: 15rem;
    margin-left: .88889rem
}

@media screen and (min-width:768px) {
    .article-cell {
        width: 18rem;
        margin-left: 1.33333rem
    }
}

@media screen and (min-width:1024px) {
    .article-cell {
        width: 20.61111rem
    }
}

@media screen and (min-width:1601px) {
    .article-cell {
        width: 25.22222rem;
        margin-left: 2.22222rem
    }
}

.twitter-cell {
    width: 15rem;
    margin-left: .88889rem
}

@media screen and (min-width:768px) {
    .twitter-cell {
        width: 21.22222rem;
        margin-left: 1.33333rem
    }
}

@media screen and (min-width:1024px) {
    .twitter-cell {
        width: 25rem
    }
}

@media screen and (min-width:1601px) {
    .twitter-cell {
        width: 25.22222rem;
        margin-left: 2.22222rem
    }
}

.person-cell {
    width: 18.16667rem;
    margin-left: .88889rem
}

@media screen and (min-width:768px) {
    .person-cell {
        width: 24.44444rem;
        margin-left: 1.33333rem
    }
}

@media screen and (min-width:1024px) {
    .person-cell {
        width: 25rem
    }
}

@media screen and (min-width:1601px) {
    .person-cell {
        width: 38.88889rem;
        margin-left: 2.22222rem
    }
}

.topic-cell {
    width: 18.16667rem;
    margin-left: .44444rem
}

@media screen and (min-width:768px) {
    .topic-cell {
        width: 34rem;
        margin-left: 1.33333rem
    }
}

@media screen and (min-width:1024px) {
    .topic-cell {
        width: 38.16667rem
    }
}

@media screen and (min-width:1601px) {
    .topic-cell {
        width: 59.5rem;
        margin-left: 2.22222rem
    }
}

.carousel.center-elements {
    justify-content: center;
    display: flex
}

.hidden {
    display: none
}

.results>div {
    position: relative
}

.results-full .cell-item {
    width: 100%
}

.button-filter, .no-results {
    display: none
}

.button-filter.shown {
    display: inline-block
}

.filters:empty {
    display: none
}

.social-share {
    margin-top: 4.44444rem;
    text-align: center
}

@media screen and (min-width:769px) {
    .social-share {
        position: fixed;
        top: 50%;
        right: 1.94444rem;
        margin-top: 0;
        text-align: left;
        transform: translateY(-50%)
    }
}

@media screen and (min-width:1025px) {
    .social-share {
        right: 3.88889rem
    }
}

.jssocials-shares {
    margin: .2em 0
}

.jssocials-shares * {
    box-sizing: border-box
}

.jssocials-share {
    display: inline-block;
    vertical-align: top;
    margin: .3em .6em .3em 0
}

@media screen and (min-width:769px) {
    .jssocials-share {
        display: block
    }
}

.jssocials-share:last-child {
    margin-right: 0
}

.jssocials-share-logo {
    width: 2em;
    height: 2em;
    display: block;
    vertical-align: middle
}

img.jssocials-share-logo {
    width: auto;
    height: 1em
}

.jssocials-share-link {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    line-height: 1
}

.jssocials-share-link.jssocials-share-link-count {
    padding-top: .2em
}

.jssocials-share-link.jssocials-share-link-count .jssocials-share-count {
    display: block;
    font-size: .6em;
    margin: 0 -.5em -.8em
}

.jssocials-share-link.jssocials-share-no-count {
    padding-top: .5em
}

.jssocials-share-link.jssocials-share-no-count .jssocials-share-count {
    height: 1em
}

.jssocials-share-label {
    visibility: hidden;
    position: absolute;
    color: #013d6b;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    z-index: 1;
    opacity: 0;
    transition: opacity .6s;
    top: 5px;
    bottom: auto;
    right: 128%;
    font-size: .8rem
}

.jssocials-share-link:hover .jssocials-share-label {
    visibility: visible;
    opacity: 1
}

.jssocials-share-count-box {
    display: inline-block;
    height: 1.5em;
    padding: 0 .3em;
    line-height: 1;
    vertical-align: middle;
    cursor: default
}

.jssocials-share-count-box.jssocials-share-no-count {
    display: none
}

.jssocials-share-count {
    line-height: 1.5em;
    vertical-align: middle
}

.jssocials-shares a {
    opacity: 1;
    transition: opacity .3s
}

.jssocials-shares:hover a {
    opacity: .3
}

.jssocials-shares:hover a:hover {
    opacity: 1
}

.jssocials-linkedin {
    background: url(img/linkedin_share.svg) no-repeat 50%/100% auto
}

.jssocials-twitter {
    background: url(img/twitter_share.svg) no-repeat 50%/100% auto
}

.jssocials-facebook {
    background: url(img/facebook_share.svg) no-repeat 50%/100% auto
}

.cookies-notification {
    background: #003c69;
    border-radius: .22222rem;
    box-shadow: 0 10px 80px rgba(0, 60, 105, .16);
    position: fixed;
    z-index: 999;
    display: flex;
    flex-direction: column;
    color: #fff;
    font-size: .88889rem;
    bottom: .88889rem;
    left: .88889rem;
    padding: .88889rem 1.33333rem;
    margin-right: .88889rem
}

@media screen and (min-width:620px) {
    .cookies-notification {
        flex-direction: row;
        align-items: center
    }
}

@media screen and (min-width:1024px) {
    .cookies-notification {
        bottom: 2.66667rem;
        left: 2.66667rem;
        padding: 1.33333rem 1.77778rem;
        margin-right: 2.66667rem
    }
}

.cookies-notification p {
    max-width: 300px;
    margin-bottom: 8px
}

@media screen and (min-width:620px) {
    .cookies-notification p {
        margin-bottom: 0
    }
}

.cookies-notification p a {
    font-weight: 400
}

.cookies-notification a {
    text-decoration: none;
    color: #ff9b00;
    font-weight: 800
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0;
        visibility: hidden
    }

    to {
        opacity: 1;
        visibility: visible
    }
}

@keyframes fade-in {
    0% {
        opacity: 0;
        visibility: hidden
    }

    to {
        opacity: 1;
        visibility: visible
    }
}

@-webkit-keyframes slide-up {
    0% {
        transform: translateY(50px);
        opacity: 0;
        visibility: hidden
    }

    to {
        transform: translateY(0);
        opacity: 1;
        visibility: visible
    }
}

@keyframes slide-up {
    0% {
        transform: translateY(50px);
        opacity: 0;
        visibility: hidden
    }

    to {
        transform: translateY(0);
        opacity: 1;
        visibility: visible
    }
}

@-webkit-keyframes hide-up {
    0% {
        opacity: 1
    }

    to {
        opacity: 0 !important
    }
}

@keyframes hide-up {
    0% {
        opacity: 1
    }

    to {
        opacity: 0 !important
    }
}

@-webkit-keyframes slide-right {
    0% {
        transform: translateX(550px);
        opacity: 0;
        visibility: hidden
    }

    to {
        transform: translateX(0);
        opacity: 1;
        visibility: visible
    }
}

@keyframes slide-right {
    0% {
        transform: translateX(550px);
        opacity: 0;
        visibility: hidden
    }

    to {
        transform: translateX(0);
        opacity: 1;
        visibility: visible
    }
}

@-webkit-keyframes rotate {
    0% {
        transform-origin: center center;
        transform: rotate(0deg) scale(1)
    }

    to {
        transform-origin: center center;
        transform: rotate(180deg) scale(1.2)
    }
}

@keyframes rotate {
    0% {
        transform-origin: center center;
        transform: rotate(0deg) scale(1)
    }

    to {
        transform-origin: center center;
        transform: rotate(180deg) scale(1.2)
    }
}

.grid .content, .nav-tabs, .person-details {
    opacity: 0;
    -webkit-animation: slide-up .3s cubic-bezier(.32, .16, .56, 1) 1s forwards;
    animation: slide-up .3s cubic-bezier(.32, .16, .56, 1) 1s forwards
}

.group {
    opacity: 0
}

.group.hide-up, .group.show {
    -webkit-animation: slide-up .3s cubic-bezier(.32, .16, .56, 1) 0ms forwards;
    animation: slide-up .3s cubic-bezier(.32, .16, .56, 1) 0ms forwards
}

.close-navigation:hover>svg {
    -webkit-animation: rotate .3s cubic-bezier(.32, .16, .56, 1) 0ms forwards;
    animation: rotate .3s cubic-bezier(.32, .16, .56, 1) 0ms forwards
}

.jssocials-share-twitter {
    transform: translateX(550px);
    -webkit-animation: slide-right .5s cubic-bezier(.32, .16, .56, 1) 1s forwards;
    animation: slide-right .5s cubic-bezier(.32, .16, .56, 1) 1s forwards
}

.jssocials-share-facebook {
    transform: translateX(550px);
    -webkit-animation: slide-right .5s cubic-bezier(.32, .16, .56, 1) 1.1s forwards;
    animation: slide-right .5s cubic-bezier(.32, .16, .56, 1) 1.1s forwards
}

.jssocials-share-linkedin {
    transform: translateX(550px);
    -webkit-animation: slide-right .5s cubic-bezier(.32, .16, .56, 1) 1.2s forwards;
    animation: slide-right .5s cubic-bezier(.32, .16, .56, 1) 1.2s forwards
}

@-webkit-keyframes slide-up-icon {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-3px)
    }
}

@keyframes slide-up-icon {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-3px)
    }
}

@-webkit-keyframes slide-down-icon {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(3px)
    }
}

@keyframes slide-down-icon {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(3px)
    }
}

.open-navigation {
    overflow-y: hidden
}

.open-navigation svg {
    height: 30px;
    overflow: auto
}

.open-navigation:hover path:first-child {
    transform: translateY(0);
    -webkit-animation: slide-up-icon .3s cubic-bezier(.32, .16, .56, 1) forwards;
    animation: slide-up-icon .3s cubic-bezier(.32, .16, .56, 1) forwards
}

.open-navigation:hover path:nth-child(2) {
    transform: translateY(0);
    -webkit-animation: slide-down-icon .3s cubic-bezier(.32, .16, .56, 1) forwards;
    animation: slide-down-icon .3s cubic-bezier(.32, .16, .56, 1) forwards
}

body:not(.home) main {
    margin-top: 0 !important
}

.intro .subtitle {
    margin-bottom: 0 !important
}

a.microsite-social{
	line-height: 1;
	border-radius: 10px;
	margin-left: 0.5rem;
}

@media screen and (min-width:768px) {
    a.microsite-social{
		margin-left: 1rem;
	}
}

.microsite-social img{
	width: 65px;
}


@media screen and (max-width:400px) {
    .microsite-social img{
		width: 55px;
	}
}

@media screen and (min-width:768px) {
    .microsite-social img{
		width: 75px;
	}
}

.tabs-menu {
    padding: 3.55556rem 0
}

@media screen and (min-width:1025px) {
    .tabs-menu {
        padding: 4rem 0
    }
}

@media screen and (min-width:1600px) {
    .tabs-menu {
        padding: 5.33333rem 0
    }
}

.menu-container{
	position: relative;
}

.not-nav-tabs{
	width: 80%;
}

.navigation>.grid{
    max-width: 1900px;
}

.rest-menu{
	width: 19%;
}

@media screen and (max-width:1024px) {
	.rest-menu{
		width: 70%;
	}
	.not-nav-tabs{
		width: 30%;
	}
}

.not-tabs-menu {
	width: 100%;
	font-weight: 800;
	position: absolute;
	top: 0;
	display: flex;
	flex-direction: row;
}

.not-tabs-menu li{
	padding-right: 2rem;
}

.not-tabs-menu li a{
	padding: 5px;
}

.not-tabs-menu li a:hover{
	color: #ff9900;
}

ul.microsite-menu-socials{
    padding: 0.55556rem 0 1.55556rem;
}

@media screen and (min-width:1025px) {
    ul.microsite-menu-socials{
        padding: 0.5rem 0 2rem;
    }
    .not-tabs-menu li {
        padding-right: .5rem;
    }
}

@media screen and (min-width:1600px) {
    ul.microsite-menu-socials{
        padding: 0.5rem 0 3.33333rem 0;
    }
}

@media screen and (max-width:1024px) {
	.not-tabs-menu{
		flex-direction: column;
	}
	
	.not-tabs-menu li a{
		display: block;
		background-color: #fff;
		padding: 20px 20px 20px 5vw;
		width: 101vw;
		transform: translate(-5vw, 0);
	}
	.not-tabs-menu li a:hover{
		background-color: #003c69;
	}
}

@media screen and (min-width:1250px) {
    .not-tabs-menu li {
        padding-right: 2rem;
    }
}

.button-filter {
    white-space: nowrap
}

main section:first-of-type {
    padding-top: 0 !important;
    padding-bottom: 1.33333rem
}

@media screen and (min-width:768px) {
    main section:first-of-type {
        padding-bottom: 1.77778rem
    }
}

@media screen and (min-width:1025px) {
    main section:first-of-type {
        padding-bottom: 3.55556rem
    }
}

@media screen and (max-width:1024px) {
    .hero {
        margin-top: 0 !important
    }

    .open-navigation svg path {
        stroke: #fff
    }
}

.activation-page .navigation {
    display: none
}

.activation-page #signup-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #edf1f5
}

.activation-page .wp-activate-container {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 600px;
    transform: translate(-50%, -50%)
}

.activation-page .wp-activate-container .lead-in {
    line-height: 1.6
}

.activation-page .wp-activate-container h2 {
    font-size: 3rem;
    margin-bottom: 2.5rem
}

.activation-page .wp-activate-container #signup-welcome {
    margin-bottom: 2rem
}

.activation-page .wp-activate-container #signup-welcome p {
    line-height: 1.7;
    font-weight: 700
}

.activation-page .wp-activate-container p {
    font-size: 1.2rem
}

.activation-page .wp-activate-container p span.h3 {
    padding: 0;
    font-size: 1em;
    font-weight: 400
}

.activation-page .wp-activate-container .view {
    font-size: 1.2rem;
    line-height: 1.5
}

.activation-page .wp-activate-container a {
    color: #003c69
}

.activation-page #activateform>p {
    padding-bottom: .88889rem;
    position: relative
}

.activation-page #activateform>p br {
    display: none
}

.activation-page #activateform>p.focused label, .activation-page #activateform>p label.freeze {
    font-size: .66667rem;
    top: .11111rem;
    bottom: .55556rem
}

@media screen and (min-width:1024px) {
    .activation-page #activateform>p.focused label, .activation-page #activateform>p label.freeze {
        font-size: .77778rem;
        top: .22222rem
    }
}

@media screen and (min-width:1601px) {
    .activation-page #activateform>p.focused label, .activation-page #activateform>p label.freeze {
        top: .33333rem
    }
}

.activation-page #activateform>p label {
    position: absolute;
    color: #003c69;
    font-size: .88889rem;
    left: .88889rem;
    top: .77778rem;
    transition: all .3s;
    z-index: 3;
    pointer-events: none
}

@media screen and (min-width:1024px) {
    .activation-page #activateform>p label {
        left: 1.11111rem;
        top: 1rem
    }
}

@media screen and (min-width:1601px) {
    .activation-page #activateform>p label {
        font-size: 1rem;
        left: 1.33333rem;
        top: 1.22222rem
    }
}

@media screen and (min-width:1250px) {
    .activation-page #activateform>p label {
        font-size: 1.11111rem;
        top: 1.33333rem
    }
}

.activation-page #activateform>p input:not(#submit) {
    background-color: rgba(0, 60, 105, .04);
    border: 1px solid transparent;
    border-radius: .22222rem;
    color: #003c69;
    font-size: .88889rem;
    height: 2.88889rem;
    padding: .77778rem .88889rem 0;
    width: 100%;
    transition: all .3s
}

@media screen and (min-width:1024px) {
    .activation-page #activateform>p input:not(#submit) {
        height: 3.33333rem;
        padding: .88889rem 1.11111rem 0
    }
}

@media screen and (min-width:1601px) {
    .activation-page #activateform>p input:not(#submit) {
        height: 3.88889rem;
        font-size: 1rem;
        padding: 1.11111rem 1.33333rem 0
    }
}

@media screen and (min-width:1250px) {
    .activation-page #activateform>p input:not(#submit) {
        font-size: 1.11111rem;
        height: 4rem
    }
}

.activation-page #activateform>p input:not(#submit):focus {
    outline: none
}

.activation-page #activateform>p input:not(#submit):focus, .activation-page #activateform>p input:not(#submit):hover {
    background-color: #fff;
    border-color: #fff;
    box-shadow: 0 .56rem 2.22rem rgba(0, 60, 105, .16)
}

.activation-page #activateform>p input:not(#submit)+label.freeze, .activation-page #activateform>p input:not(#submit):focus+label {
    font-size: .66667rem;
    top: .11111rem;
    bottom: .55556rem
}

@media screen and (min-width:1024px) {
    .activation-page #activateform>p input:not(#submit)+label.freeze, .activation-page #activateform>p input:not(#submit):focus+label {
        font-size: .77778rem;
        top: .22222rem
    }
}

@media screen and (min-width:1601px) {
    .activation-page #activateform>p input:not(#submit)+label.freeze, .activation-page #activateform>p input:not(#submit):focus+label {
        top: .33333rem
    }
}

.activation-page #activateform>p__filled input {
    border-color: rgba(0, 60, 105, .08)
}

.activation-page #submit {
    width: auto;
    border: none;
    border-radius: .22222rem;
    font-weight: 800;
    line-height: 1;
    transition: all .3s;
    background-color: #003c69;
    color: #fff;
    font-size: .88889rem;
    letter-spacing: .01em;
    padding: .88889rem 1.33333rem;
    text-decoration: none;
    display: inline-block
}

.activation-page #submit.active, .activation-page #submit:active, .activation-page #submit:focus, .activation-page #submit:hover {
    background-color: #fff;
    box-shadow: 0 .56rem 2.22rem rgba(0, 60, 105, .16);
    color: #003c69;
    transform: translateY(-.22222rem)
}

@media screen and (min-width:1024px) {
    .activation-page #submit {
        font-size: 1rem
    }
}

@media screen and (min-width:1601px) {
    .activation-page #submit {
        font-size: 1.11111rem;
        padding: .88889rem 1.77778rem
    }
}

.language-picker {
    display: inline-block;
    position: relative
}

.js .language-picker__form {
    display: none
}

.language-picker__button {
    font-weight: 400;
    color: #003c69;
    display: flex;
    transition: all .3s
}

.language-picker__button:hover, .language-picker__button[aria-expanded=true] {
    color: #ff9b00
}

.language-picker__button:hover .icon, .language-picker__button[aria-expanded=true] .icon {
    fill: #ff9b00
}

.home .language-picker__button {
    color: #fff
}

.home .language-picker__flag {
    opacity: .8
}

.language-picker__list {
    font-size: 1em;
    list-style: none
}

.language-picker__list .current {
    display: none
}

.language-picker__button .icon {
    height: 1rem;
    width: 1rem;
    transition: all .3s;
    margin-right: .55556rem;
    fill: #003c69
}

.home .language-picker__button .icon {
    fill: #fff
}

.language-picker__dropdown {
    position: absolute;
    left: 1.61111rem;
    top: 100%;
    border-radius: .27778rem;
    z-index: 10;
    margin-top: .44444rem;
    margin-bottom: .27778rem;
    --space-unit: 1rem;
    --text-unit: 1rem;
    font-size: var(--text-unit);
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s .2s, opacity .2s
}

.language-picker__dropdown--right {
    right: 0;
    left: auto
}

.language-picker__dropdown--up {
    bottom: 100%;
    top: auto
}

.language-picker__button[aria-expanded=true]+.language-picker__dropdown {
    visibility: visible;
    opacity: 1;
    transition: visibility 0s, opacity .2s
}

.language-picker__item {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #003c69;
    transition: all .2s;
    opacity: .8
}

.home .language-picker__item {
    color: #fff
}

.language-picker__item span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.language-picker__item:hover {
    opacity: 1
}

.language-picker__item:focus {
    outline: none;
    opacity: 1
}

.language-picker__item[aria-selected=true] {
    position: relative;
    opacity: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: none
}

.language-picker__item[aria-selected=true]:focus {
    outline: none
}

.language-picker__flag {
    display: flex;
    align-items: center;
    opacity: .3
}

.language-picker__flag:hover, [aria-expanded=true] .language-picker__flag {
    opacity: .8
}

.language-picker__flag:before {
    display: none;
    flex-shrink: 0;
    content: "";
    height: .88889rem;
    width: .88889rem;
    margin-right: .55556rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.language-picker__dropdown .language-picker__flag:before {
    margin-right: .83333rem
}

.language-picker--hide-label .language-picker__button .icon {
    margin-left: 0
}

.language-picker--hide-label .language-picker__button .icon:first-of-type, .language-picker--hide-label .language-picker__button em {
    display: none
}

.language-picker--hide-label .language-picker__button .language-picker__flag:before {
    margin-right: .55556rem
}

.language-picker--hide-label .language-picker__flag:before {
    display: inline-block;
    display: inline-flex
}

.sr-only {
    display: none
}

.content ul.image-gallery {
    padding: 0;
    list-style: none;
    margin-bottom: .55556rem
}

.content ul.image-gallery li {
    margin: 0;
    cursor: zoom-in
}

.content ul.image-gallery img {
    width: 100%;
    height: auto;
    display: block
}

.gallery-carousel {
    margin-bottom: 8rem
}

.gallery-carousel .flickity-viewport {
    overflow: visible
}

.gallery-carousel .flickity-viewport .flickity-slider .carousel-cell {
    min-height: 100%;
    max-width: 100%;
    opacity: .4;
    transition: opacity .3s
}

.gallery-carousel .flickity-viewport .flickity-slider .carousel-cell.is-selected {
    opacity: 1
}

.gallery-carousel .flickity-page-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: -2.66667rem;
    height: 1.77778rem
}

@media screen and (min-width:768px) {
    .gallery-carousel .flickity-page-dots {
        bottom: -2.66667rem
    }
}

@media screen and (min-width:1024px) {
    .gallery-carousel .flickity-page-dots {
        bottom: -2.88889rem
    }
}

@media screen and (min-width:1600px) {
    .gallery-carousel .flickity-page-dots {
        bottom: -3.77778rem
    }
}

.gallery-carousel .flickity-page-dots .dot {
    background-color: rgba(0, 60, 105, .2);
    border-radius: 100%;
    cursor: pointer;
    display: block;
    width: .44444rem;
    height: .44444rem;
    margin: 0 .44444rem
}

@media screen and (min-width:1024px) {
    .gallery-carousel .flickity-page-dots .dot {
        transition: all .3s
    }
}

.gallery-carousel .flickity-page-dots .dot.is-selected {
    background-color: #ff9b00;
    width: .88889rem;
    height: .88889rem
}

.gallery-carousel .flickity-button {
    background-color: #ff9b00;
    border: none;
    border-radius: 100%;
    width: 2.22222rem;
    height: 2.22222rem;
    box-shadow: 0 .44444rem 1.77778rem rgba(0, 0, 0, .2)
}

@media screen and (max-width:1024px) {
    .gallery-carousel .flickity-button {
        display: none
    }
}

.gallery-carousel .flickity-button:hover {
    box-shadow: 0 .44444rem 1.77778rem rgba(0, 0, 0, .4)
}

.gallery-carousel .flickity-button:before {
    background: url(img/angle.svg) 0 0 no-repeat;
    background-size: cover;
    content: "";
    display: block;
    width: .72222rem;
    height: .44444rem;
    position: absolute;
    top: 50%;
    left: 50%
}

.gallery-carousel .flickity-button .flickity-button-icon, .gallery-carousel .flickity-button:disabled {
    display: none
}

.gallery-carousel .flickity-prev-next-button.previous {
    left: -10%;
    z-index: 2
}

.gallery-carousel .flickity-prev-next-button.previous:before {
    transform: translate(-50%, -50%) rotate(90deg)
}

.gallery-carousel .flickity-prev-next-button.next {
    right: -10%;
    z-index: 2
}

.gallery-carousel .flickity-prev-next-button.next:before {
    transform: translate(-50%, -50%) rotate(-90deg)
}

.grid-auto-lg, .grid-auto-md, .grid-auto-sm, .grid-auto-xl, .grid-auto-xs {
    display: grid;
    gap: .55556rem;
    grid-template-columns: repeat(auto-fit, minmax(var(--col-min-width), 1fr))
}

.grid-auto-xs {
    --col-min-width: 8rem
}

.grid-auto-sm {
    --col-min-width: 10rem
}

.grid-auto-md {
    --col-min-width: 15rem
}

.grid-auto-lg {
    --col-min-width: 20rem
}

.grid-auto-xl {
    --col-min-width: 25rem
}

@media (min-width:32rem) {
    .grid-auto-xs\@xs {
        --col-min-width: 8rem
    }

    .grid-auto-sm\@xs {
        --col-min-width: 10rem
    }

    .grid-auto-md\@xs {
        --col-min-width: 15rem
    }

    .grid-auto-lg\@xs {
        --col-min-width: 20rem
    }

    .grid-auto-xl\@xs {
        --col-min-width: 25rem
    }
}

@media (min-width:48rem) {
    .grid-auto-xs\@sm {
        --col-min-width: 8rem
    }

    .grid-auto-sm\@sm {
        --col-min-width: 10rem
    }

    .grid-auto-md\@sm {
        --col-min-width: 15rem
    }

    .grid-auto-lg\@sm {
        --col-min-width: 20rem
    }

    .grid-auto-xl\@sm {
        --col-min-width: 25rem
    }
}

@media (min-width:64rem) {
    .grid-auto-xs\@md {
        --col-min-width: 8rem
    }

    .grid-auto-sm\@md {
        --col-min-width: 10rem
    }

    .grid-auto-md\@md {
        --col-min-width: 15rem
    }

    .grid-auto-lg\@md {
        --col-min-width: 20rem
    }

    .grid-auto-xl\@md {
        --col-min-width: 25rem
    }
}

@media (min-width:80rem) {
    .grid-auto-xs\@lg {
        --col-min-width: 8rem
    }

    .grid-auto-sm\@lg {
        --col-min-width: 10rem
    }

    .grid-auto-md\@lg {
        --col-min-width: 15rem
    }

    .grid-auto-lg\@lg {
        --col-min-width: 20rem
    }

    .grid-auto-xl\@lg {
        --col-min-width: 25rem
    }
}

@media (min-width:90rem) {
    .grid-auto-xs\@xl {
        --col-min-width: 8rem
    }

    .grid-auto-sm\@xl {
        --col-min-width: 10rem
    }

    .grid-auto-md\@xl {
        --col-min-width: 15rem
    }

    .grid-auto-lg\@xl {
        --col-min-width: 20rem
    }

    .grid-auto-xl\@xl {
        --col-min-width: 25rem
    }
}

#creditcardform-container.creditcardform-container .creditcardform-step-row-cc-icons {
    display: none !important
}

#lema-container.lema-container, #lema-container.lema-container a, #lema-container.lema-container abbr, #lema-container.lema-container acronym, #lema-container.lema-container address, #lema-container.lema-container applet, #lema-container.lema-container article, #lema-container.lema-container aside, #lema-container.lema-container audio, #lema-container.lema-container b, #lema-container.lema-container big, #lema-container.lema-container blockquote, #lema-container.lema-container caption, #lema-container.lema-container cite, #lema-container.lema-container code, #lema-container.lema-container dd, #lema-container.lema-container del, #lema-container.lema-container dfn, #lema-container.lema-container dialog, #lema-container.lema-container div, #lema-container.lema-container dl, #lema-container.lema-container dt, #lema-container.lema-container em, #lema-container.lema-container fieldset, #lema-container.lema-container figure, #lema-container.lema-container font, #lema-container.lema-container footer, #lema-container.lema-container form, #lema-container.lema-container h1, #lema-container.lema-container h2, #lema-container.lema-container h3, #lema-container.lema-container h4, #lema-container.lema-container h5, #lema-container.lema-container h6, #lema-container.lema-container header, #lema-container.lema-container hgroup, #lema-container.lema-container hr, #lema-container.lema-container i, #lema-container.lema-container iframe, #lema-container.lema-container img, #lema-container.lema-container input, #lema-container.lema-container ins, #lema-container.lema-container kbd, #lema-container.lema-container label, #lema-container.lema-container legend, #lema-container.lema-container li, #lema-container.lema-container mark, #lema-container.lema-container menu, #lema-container.lema-container nav, #lema-container.lema-container object, #lema-container.lema-container ol, #lema-container.lema-container option, #lema-container.lema-container p, #lema-container.lema-container pre, #lema-container.lema-container q, #lema-container.lema-container s, #lema-container.lema-container samp, #lema-container.lema-container section, #lema-container.lema-container select, #lema-container.lema-container small, #lema-container.lema-container span, #lema-container.lema-container strike, #lema-container.lema-container strong, #lema-container.lema-container sub, #lema-container.lema-container sup, #lema-container.lema-container table, #lema-container.lema-container tbody, #lema-container.lema-container td, #lema-container.lema-container textarea, #lema-container.lema-container tfoot, #lema-container.lema-container th, #lema-container.lema-container thead, #lema-container.lema-container time, #lema-container.lema-container tr, #lema-container.lema-container tt, #lema-container.lema-container ul, #lema-container.lema-container var, #lema-container.lema-container video {
    background-attachment: scroll;
    background-color: transparent;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    border-radius: 0;
    border: none;
    bottom: auto;
    clear: none;
    clip: auto;
    color: inherit;
    counter-increment: none;
    counter-reset: none;
    cursor: auto;
    direction: inherit;
    display: inline;
    float: none;
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-variant: normal;
    font-weight: inherit;
    height: auto;
    left: auto;
    letter-spacing: normal;
    line-height: inherit;
    list-style-type: inherit;
    list-style-position: outside;
    list-style-image: none;
    margin: 0;
    max-height: none;
    max-width: none;
    min-height: 0;
    min-width: 0;
    opacity: 1;
    outline: medium none invert;
    overflow: visible;
    padding: 0;
    position: static;
    quotes: """";
    right: auto;
    table-layout: auto;
    text-align: inherit;
    text-decoration: inherit;
    text-indent: 0;
    text-transform: none;
    top: auto;
    unicode-bidi: normal;
    vertical-align: baseline;
    visibility: inherit;
    white-space: normal;
    width: auto;
    word-spacing: normal;
    z-index: auto;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    box-sizing: content-box;
    text-shadow: none
}

#lema-container.lema-container, #lema-container.lema-container address, #lema-container.lema-container article, #lema-container.lema-container aside, #lema-container.lema-container blockquote, #lema-container.lema-container caption, #lema-container.lema-container dd, #lema-container.lema-container dialog, #lema-container.lema-container div, #lema-container.lema-container dl, #lema-container.lema-container dt, #lema-container.lema-container fieldset, #lema-container.lema-container figure, #lema-container.lema-container footer, #lema-container.lema-container form, #lema-container.lema-container h1, #lema-container.lema-container h2, #lema-container.lema-container h3, #lema-container.lema-container h4, #lema-container.lema-container h5, #lema-container.lema-container h6, #lema-container.lema-container header, #lema-container.lema-container hgroup, #lema-container.lema-container hr, #lema-container.lema-container menu, #lema-container.lema-container nav, #lema-container.lema-container ol, #lema-container.lema-container option, #lema-container.lema-container p, #lema-container.lema-container pre, #lema-container.lema-container section, #lema-container.lema-container select, #lema-container.lema-container textarea, #lema-container.lema-container ul {
    display: block
}

#lema-container.lema-container table {
    display: table
}

#lema-container.lema-container thead {
    display: table-header-group
}

#lema-container.lema-container tbody {
    display: table-row-group
}

#lema-container.lema-container tfoot {
    display: table-footer-group
}

#lema-container.lema-container tr {
    display: table-row
}

#lema-container.lema-container td, #lema-container.lema-container th {
    display: table-cell
}

#lema-container.lema-container nav ol, #lema-container.lema-container nav ul {
    list-style-type: none
}

#lema-container.lema-container menu, #lema-container.lema-container ul {
    list-style-type: disc
}

#lema-container.lema-container ol {
    list-style-type: decimal
}

#lema-container.lema-container menu menu, #lema-container.lema-container menu ul, #lema-container.lema-container ol menu, #lema-container.lema-container ol ul, #lema-container.lema-container ul menu, #lema-container.lema-container ul ul {
    list-style-type: circle
}

#lema-container.lema-container menu menu menu, #lema-container.lema-container menu menu ul, #lema-container.lema-container menu ol menu, #lema-container.lema-container menu ol ul, #lema-container.lema-container menu ul menu, #lema-container.lema-container menu ul ul, #lema-container.lema-container ol menu menu, #lema-container.lema-container ol menu ul, #lema-container.lema-container ol ol menu, #lema-container.lema-container ol ol ul, #lema-container.lema-container ol ul menu, #lema-container.lema-container ol ul ul, #lema-container.lema-container ul menu menu, #lema-container.lema-container ul menu ul, #lema-container.lema-container ul ol menu, #lema-container.lema-container ul ol ul, #lema-container.lema-container ul ul menu, #lema-container.lema-container ul ul ul {
    list-style-type: square
}

#lema-container.lema-container li {
    display: list-item;
    min-height: auto;
    min-width: auto
}

#lema-container.lema-container strong {
    font-weight: 700
}

#lema-container.lema-container em {
    font-style: italic
}

#lema-container.lema-container code, #lema-container.lema-container kbd, #lema-container.lema-container samp {
    font-family: monospace
}

#lema-container.lema-container a, #lema-container.lema-container a *, #lema-container.lema-container input[type=checkbox], #lema-container.lema-container input[type=radio], #lema-container.lema-container input[type=submit], #lema-container.lema-container select {
    cursor: pointer
}

#lema-container.lema-container a:hover {
    text-decoration: underline
}

#lema-container.lema-container button, #lema-container.lema-container input[type=submit] {
    text-align: center
}

#lema-container.lema-container input[type=hidden] {
    display: none
}

#lema-container.lema-container abbr[title], #lema-container.lema-container acronym[title], #lema-container.lema-container dfn[title] {
    cursor: help;
    border-bottom-width: 1px;
    border-bottom-style: dotted
}

#lema-container.lema-container ins {
    background-color: #ff9;
    color: #000
}

#lema-container.lema-container del {
    text-decoration: line-through
}

#lema-container.lema-container blockquote, #lema-container.lema-container q {
    quotes: none
}

#lema-container.lema-container blockquote:after, #lema-container.lema-container blockquote:before, #lema-container.lema-container li:after, #lema-container.lema-container li:before, #lema-container.lema-container q:after, #lema-container.lema-container q:before {
    content: ""
}

#lema-container.lema-container input, #lema-container.lema-container select {
    vertical-align: middle
}

#lema-container.lema-container input, #lema-container.lema-container select, #lema-container.lema-container textarea {
    border: 1px solid #ccc
}

#lema-container.lema-container table {
    border-collapse: collapse;
    border-spacing: 0
}

#lema-container.lema-container hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0
}

#lema-container.lema-container [dir=rtl] {
    direction: rtl
}

#lema-container.lema-container mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: 700
}

#lema-container.lema-container {
    font-size: medium;
    line-height: 1;
    direction: ltr;
    text-align: left;
    font-family: Times New Roman, Times, serif;
    color: #000;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
    list-style-type: disc;
    max-width: none !important
}

#lema-container.lema-container .select2-container {
    margin: 0;
    position: relative;
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: middle;
    min-width: 200px
}

#lema-container.lema-container .select2-container, #lema-container.lema-container .select2-drop, #lema-container.lema-container .select2-search, #lema-container.lema-container .select2-search input {
    -khtml-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

#lema-container.lema-container .select2-container .select2-choice {
    display: block;
    height: 26px;
    padding: 0 0 0 8px;
    overflow: hidden;
    position: relative;
    border: 1px solid #aaa;
    white-space: nowrap;
    line-height: 26px;
    color: #444;
    text-decoration: none;
    border-radius: 4px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff;
    background-image: -ms-linear-gradient(top, #fff 0, #eee 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#eeeeee", GradientType=0);
    background-image: linear-gradient(top, #fff, #eee 50%)
}

#lema-container.lema-container .select2-container.select2-drop-above .select2-choice {
    border-bottom-color: #aaa;
    border-radius: 0 0 4px 4px;
    background-image: -ms-linear-gradient(top, #eee 0, #fff 90%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#eeeeee", GradientType=0);
    background-image: linear-gradient(top, #eee, #fff 90%)
}

#lema-container.lema-container .select2-container.select2-allowclear .select2-choice span {
    margin-right: 42px
}

#lema-container.lema-container .select2-container .select2-choice span {
    margin-right: 26px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis
}

#lema-container.lema-container .select2-container .select2-choice abbr {
    display: none;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 24px;
    top: 8px;
    font-size: 1px;
    text-decoration: none;
    border: 0;
    background: url(/widgets/lema/_default/img/select2/select2.png) 100% 0 no-repeat;
    cursor: pointer;
    outline: 0
}

#lema-container.lema-container .select2-container.select2-allowclear .select2-choice abbr {
    display: inline-block
}

#lema-container.lema-container .select2-container .select2-choice abbr:hover {
    background-position: right -11px;
    cursor: pointer
}

#lema-container.lema-container .select2-drop-auto-width {
    border-top: 1px solid #aaa;
    width: auto
}

#lema-container.lema-container .select2-drop-auto-width .select2-search {
    padding-top: 4px
}

#lema-container.lema-container .select2-container .select2-choice div {
    display: inline-block;
    width: 18px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border-left: 1px solid #aaa;
    border-radius: 0 4px 4px 0;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    background: #ccc;
    background-image: -ms-linear-gradient(top, #ccc 0, #eee 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeeeee", endColorstr="#cccccc", GradientType=0);
    background-image: linear-gradient(top, #ccc, #eee 60%)
}

#lema-container.lema-container .select2-container .select2-choice div b {
    display: block;
    width: 100%;
    height: 100%;
    background: url(/widgets/lema/_default/img/select2/select2.png) no-repeat 0 1px
}

#lema-container.lema-container .select2-container-active .select2-choice, #lema-container.lema-container .select2-container-active .select2-choices {
    border: 1px solid #5897fb;
    outline: 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3)
}

#lema-container.lema-container .select2-dropdown-open.select2-drop-above .select2-choice, #lema-container.lema-container .select2-dropdown-open.select2-drop-above .select2-choices {
    border: 1px solid #5897fb;
    border-top-color: transparent;
    background-image: -ms-linear-gradient(bottom, #fff 0, #eee 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeeeee", endColorstr="#ffffff", GradientType=0);
    background-image: linear-gradient(bottom, #fff, #eee 50%)
}

#lema-container.lema-container .select2-dropdown-open .select2-choice div b {
    background-position: -18px 1px
}

#lema-container.lema-container .select2-container.select2-container-disabled .select2-choice {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default
}

#lema-container.lema-container .select2-container.select2-container-disabled .select2-choice div {
    background-color: #f4f4f4;
    background-image: none;
    border-left: 0
}

#lema-container.lema-container .select2-container.select2-container-disabled .select2-choice abbr {
    display: none
}

#lema-container.lema-container .select2-container-multi .select2-choices {
    height: auto !important;
    height: 1%;
    margin: 0;
    padding: 0;
    position: relative;
    border: 1px solid #aaa;
    cursor: text;
    overflow: hidden;
    background-color: #fff;
    background-image: linear-gradient(top, #eee 1%, #fff 15%)
}

#lema-container.lema-container .select2-locked {
    padding: 3px 5px !important
}

#lema-container.lema-container .select2-container-multi .select2-choices {
    min-height: 26px
}

#lema-container.lema-container .select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #5897fb;
    outline: 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3)
}

#lema-container.lema-container .select2-container-multi .select2-choices li {
    float: left;
    list-style: none
}

#lema-container.lema-container .select2-container-multi .select2-choices .select2-search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap
}

#lema-container.lema-container .select2-container-multi .select2-choices .select2-search-field input {
    padding: 5px;
    margin: 1px 0;
    font-family: sans-serif;
    font-size: 100%;
    color: #666;
    outline: 0;
    border: 0;
    box-shadow: none;
    background: transparent !important
}

#lema-container.lema-container .select2-container-multi .select2-choices .select2-search-field input.select2-active {
    background: #fff url(/widgets/lema/_default/img/select2/select2-spinner.gif) no-repeat 100% !important
}

#lema-container.lema-container .select2-default {
    color: #999 !important
}

#lema-container.lema-container .select2-container-multi .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 18px;
    margin: 3px 0 3px 5px;
    position: relative;
    line-height: 13px;
    color: #333;
    cursor: default;
    border: 1px solid #aaa;
    border-radius: 3px;
    box-shadow: inset 0 0 2px #fff, 0 1px 0 rgba(0, 0, 0, .05);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #e4e4e4;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeeeee", endColorstr="#f4f4f4", GradientType=0);
    background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee)
}

#lema-container.lema-container .select2-container-multi .select2-choices .select2-search-choice span {
    cursor: default
}

#lema-container.lema-container .select2-container-multi .select2-choices .select2-search-choice-focus {
    background: #d4d4d4
}

#lema-container.lema-container .select2-search-choice-close {
    display: block;
    width: 12px;
    height: 13px;
    position: absolute;
    right: 3px;
    top: 4px;
    font-size: 1px;
    outline: 0;
    background: url(/widgets/lema/_default/img/select2/select2.png) 100% 0 no-repeat
}

#lema-container.lema-container .select2-container-multi .select2-search-choice-close {
    left: 3px
}

#lema-container.lema-container .select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close, #lema-container.lema-container .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
    background-position: right -11px
}

#lema-container.lema-container .select2-container-multi.select2-container-disabled .select2-choices {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default
}

#lema-container.lema-container .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
    padding: 3px 5px;
    border: 1px solid #ddd;
    background-image: none;
    background-color: #f4f4f4
}

#lema-container.lema-container .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
    display: none;
    background: 0
}

#lema-container.lema-container .select2-result-selectable .select2-match, #lema-container.lema-container .select2-result-unselectable .select2-match {
    text-decoration: underline
}

#lema-container.lema-container .select2-offscreen, #lema-container.lema-container .select2-offscreen:focus {
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    border: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: absolute;
    outline: 0;
    left: 0
}

#lema-container.lema-container .select2-display-none {
    display: none
}

#lema-container.lema-container .select2-measure-scrollbar {
    position: absolute;
    top: -10000px;
    left: -10000px;
    width: 100px;
    height: 100px;
    overflow: scroll
}

.select2-drop {
    width: 100%;
    margin-top: -1px;
    position: absolute;
    z-index: 9999;
    top: 100%;
    background: #fff;
    color: #000;
    border: 1px solid #aaa;
    border-top: 0;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 4px 5px rgba(0, 0, 0, .15)
}

.select2-drop.select2-drop-above {
    margin-top: 1px;
    border-top: 1px solid #aaa;
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
    box-shadow: 0 -4px 5px rgba(0, 0, 0, .15)
}

.select2-search {
    display: inline-block;
    padding-left: 4px;
    padding-right: 4px;
    width: inherit;
    position: relative;
    z-index: 10000;
    white-space: nowrap
}

.select2-search, .select2-search input {
    min-height: 26px;
    margin: 0;
    box-sizing: border-box
}

.select2-search input {
    width: 100%;
    height: auto !important;
    padding: 4px 20px 4px 5px;
    outline: 0;
    font-family: sans-serif;
    font-size: 1em;
    border: 1px solid #aaa;
    border-radius: 0;
    box-shadow: none;
    background: #fff url(/widgets/lema/_default/img/select2/select2.png) no-repeat 100% -22px;
    background: url(/widgets/lema/_default/img/select2/select2.png) no-repeat 100% -22px, linear-gradient(top, #fff 85%, #eee 99%)
}

.select2-drop.select2-drop-above .select2-search input {
    margin-top: 4px
}

.select2-search input.select2-active {
    background: #fff url(/widgets/lema/_default/img/select2/select2-spinner.gif) no-repeat 100%;
    background: url(/widgets/lema/_default/img/select2/select2-spinner.gif) no-repeat 100%, linear-gradient(top, #fff 85%, #eee 99%)
}

.select2-dropdown-open .select2-choice {
    border-bottom-color: transparent;
    box-shadow: inset 0 1px 0 #fff;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #eee;
    background-image: -ms-linear-gradient(top, #fff 0, #eee 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeeeee", endColorstr="#ffffff", GradientType=0);
    background-image: linear-gradient(top, #fff, #eee 50%)
}

.select2-dropdown-open .select2-choice div {
    background: transparent;
    border-left: none;
    filter: none
}

.select2-results {
    max-height: 200px;
    padding: 0 0 0 4px;
    margin: 4px 4px 4px 0;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.select2-results ul.select2-result-sub {
    margin: 0;
    padding-left: 0
}

.select2-results ul.select2-result-sub>li .select2-result-label {
    padding-left: 20px
}

.select2-results ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
    padding-left: 40px
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
    padding-left: 60px
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
    padding-left: 80px
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
    padding-left: 100px
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
    padding-left: 110px
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
    padding-left: 120px
}

.select2-results li {
    list-style: none;
    display: list-item;
    background-image: none
}

.select2-results li.select2-result-with-children>.select2-result-label {
    font-weight: 700
}

.select2-results .select2-result-label {
    padding: 5px 7px;
    margin: 0;
    cursor: pointer;
    min-height: 1em;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.select2-results .select2-highlighted {
    background: #3875d7;
    color: #fff
}

.select2-results li em {
    background: #feffde;
    font-style: normal
}

.select2-results .select2-highlighted em {
    background: transparent
}

.select2-results .select2-highlighted ul {
    background: #fff;
    color: #000
}

.select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-selection-limit {
    background: #f4f4f4;
    display: list-item
}

.select2-results .select2-disabled.select2-highlighted {
    color: #666;
    background: #f4f4f4;
    display: list-item;
    cursor: default
}

.select2-results .select2-disabled {
    background: #f4f4f4;
    display: list-item;
    cursor: default
}

.select2-results .select2-selected {
    display: none
}

.select2-more-results.select2-active {
    background: #f4f4f4 url(/widgets/lema/_default/img/select2/select2-spinner.gif) no-repeat 100%
}

.select2-more-results {
    background: #f4f4f4;
    display: list-item
}

.select2-search-hidden {
    display: block;
    position: absolute;
    left: -10000px
}

.select2-drop-mask {
    display: none !important;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9998
}

.clearfix {
    *zoom: 1
}

.clearfix:after, .clearfix:before {
    display: table;
    content: ""
}

.clearfix:after {
    clear: both
}

.vertical-align-container {
    transform-style: preserve-3d
}

.vertical-align {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform-style: preserve-3d
}

.vertical-align-container-ie8 {
    display: table-cell;
    vertical-align: middle
}

.font-helvetica {
    font-family: Modern Era, sans-serif !important;
    font-weight: 400;
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.select2-drop {
    box-shadow: 0 0 0 0 0;
    margin-top: 0
}

.select2-drop.select2-drop-above {
    margin-top: 0
}

.select2-drop-active {
    border: none !important;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    margin-top: 2px
}

.select2-search {
    padding: 5px
}

.select2-results {
    margin: 0;
    padding: 0
}

.select2-results li {
    font-family: Modern Era, sans-serif !important;
    font-weight: 400;
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 20px;
    padding-left: 10px;
    color: #333
}

.select2-results .select2-highlighted {
    background: #003c69 !important
}

.lema-overlay-bg {
    background: rgba(0, 0, 0, .8)
}

#lema-container.lema-container {
    margin: 0;
    position: relative;
    width: 100%;
    min-height: 300px
}

#lema-container.lema-container .lema-development {
    border: 1px dotted red;
    padding: 20px;
    margin-top: 20px
}

#lema-container.lema-container .lema-development h3 {
    font-size: 16px;
    margin-bottom: 10px
}

#lema-container.lema-container .lema-development ul {
    margin-bottom: 20px;
    list-style-type: inside
}

#lema-container.lema-container input.getunik-radio {
    position: absolute;
    z-index: -1000;
    -ms-filter: "alpha(opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0
}

#lema-container.lema-container input.getunik-radio+label {
    position: relative;
    min-height: 22px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    padding-left: 1.66667rem !important;
    vertical-align: middle;
    cursor: pointer;
    color: #003c69
}

#lema-container.lema-container input.getunik-radio+label:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 22px;
    height: 22px;
    background-image: url(img/lema_radio_unchecked.svg) !important;
    background-size: 22px 22px;
    background-repeat: no-repeat;
    background-position: 0 0
}

#lema-container.lema-container input.getunik-radio:checked+label {
    color: #003c69 !important
}

#lema-container.lema-container input.getunik-radio:checked+label:before {
    background-image: url(img/lema_radio_checked.svg) !important
}

#lema-container.lema-container input.getunik-checkbox {
    position: absolute;
    z-index: -1000;
    -ms-filter: "alpha(opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0
}

#lema-container.lema-container input.getunik-checkbox+label {
    min-height: 22px;
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 1.66667rem !important;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer
}

#lema-container.lema-container input.getunik-checkbox+label:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 22px;
    height: 22px;
    background-image: url(img/lema_checkbox_unchecked.svg) !important;
    background-size: 22px 22px;
    background-repeat: no-repeat;
    background-position: 0 0
}

#lema-container.lema-container input.getunik-checkbox:checked+label {
    color: #003c69 !important
}

#lema-container.lema-container input.getunik-checkbox:checked+label:before {
    background-image: url(img/lema_checkbox_checked.svg) !important
}

#lema-container.lema-container .lema-fieldset-imitation {
    margin: 0 0 10px
}

#lema-container.lema-container .lema-link {
    text-decoration: underline;
    color: #003c69 !important;
    line-height: 1.6;
    float: none;
    display: block;
    width: 100%
}

#lema-container.lema-container .lema-link-left {
    float: none;
    padding-bottom: 20px
}

#lema-container.lema-container .lema-link-right {
    float: none
}

#lema-container.lema-container .lema-choose-payment-method {
    font-size: 1rem !important;
    margin-bottom: 20px
}

#lema-container.lema-container .lema-accordion-item {
    margin-bottom: 9px
}

#lema-container.lema-container .lema-accordion-item .lema-accordion-header {
    position: relative;
    box-sizing: border-box;
    color: #666;
    font-family: Modern Era, sans-serif !important;
    font-weight: 400;
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
    line-height: 46px;
    height: 46px;
    border: 1px solid #ccc;
    padding-left: 20px;
    padding-right: 5px;
    background-color: #fff
}

#lema-container.lema-container .lema-accordion-item .lema-accordion-header:hover {
    cursor: pointer
}

#lema-container.lema-container .lema-accordion-item .lema-accordion-header .lema-accordion-item-title {
    float: left;
    padding-left: 20px
}

#lema-container.lema-container .lema-accordion-item .lema-accordion-header .lema-accordion-item-title:hover {
    cursor: pointer
}

#lema-container.lema-container .lema-accordion-item .lema-accordion-header .lema-accordion-item-title:before {
    position: absolute;
    top: 16px;
    left: 20px;
    display: block;
    content: "";
    width: 8px;
    height: 13px;
    background: url(/widgets/lema/_default/img/collapse-arrow-right.svg);
    background-repeat: no-repeat;
    background-position: 0 0
}

#lema-container.lema-container .lema-accordion-item .lema-accordion-header .lema-accordion-item-icons {
    margin-top: 1px;
    float: right
}

#lema-container.lema-container .lema-accordion-item .lema-accordion-header .lema-accordion-item-icons .lema-cc-icon:hover, #lema-container.lema-container .lema-accordion-item .lema-accordion-header .lema-accordion-item-icons .lema-pm-icon:hover {
    z-index: 1;
    cursor: pointer
}

#lema-container.lema-container .lema-accordion-item .lema-accordion-content {
    padding: 20px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #fff
}

#lema-container.lema-container .lema-accordion-item .lema-accordion-content p {
    line-height: 1.3rem
}

#lema-container.lema-container .lema-accordion-item.accordion-open .lema-accordion-header {
    color: #003c69 !important;
    border-top: 1px solid #003c69 !important;
    border-left: 1px solid #003c69 !important;
    border-right: 1px solid #003c69 !important;
    border-bottom: 0;
    background-color: #fff
}

#lema-container.lema-container .lema-accordion-item.accordion-open .lema-accordion-header .lema-accordion-item-title {
    padding-left: 20px
}

#lema-container.lema-container .lema-accordion-item.accordion-open .lema-accordion-header .lema-accordion-item-title:before {
    position: absolute;
    top: 14px !important;
    left: 20px;
    display: block;
    content: "";
    width: 13px;
    height: 13px !important;
    background: url(img/collapse-arrow-down.svg) !important;
    background-repeat: no-repeat;
    background-position: 0 0
}

#lema-container.lema-container .lema-accordion-item.accordion-open .lema-accordion-content {
    border-left: 1px solid #003c69 !important;
    border-right: 1px solid #003c69 !important;
    border-bottom: 1px solid #003c69 !important
}

#lema-container.lema-container .lema-tabs {
    *zoom: 1;
    padding-left: 0;
    list-style-type: none;
    display: block
}

#lema-container.lema-container .lema-tabs:after, #lema-container.lema-container .lema-tabs:before {
    display: table;
    content: ""
}

#lema-container.lema-container .lema-tabs:after {
    clear: both
}

#lema-container.lema-container .lema-tabs li a {
    margin-bottom: 10px;
    padding: 10px;
    display: block;
    line-height: 1;
    font-family: Modern Era, sans-serif !important;
    font-weight: 400;
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1rem !important;
    text-decoration: none;
    color: #333;
    border: 1px solid #ccc
}

#lema-container.lema-container .lema-tabs li.active>a, #lema-container.lema-container .lema-tabs li.active>a:focus, #lema-container.lema-container .lema-tabs li.active>a:hover {
    color: #003c69 !important;
    border: 1px solid #003c69 !important
}

#lema-container.lema-container .lema-cvc-wrapper, #lema-container.lema-container .lema-expire-wrapper {
    display: inline-block;
    position: relative
}

#lema-container.lema-container .lema-cvc-wrapper input.lema-input-text-small, #lema-container.lema-container .lema-expire-wrapper input.lema-input-text-small {
    width: 80px;
    margin-left: 0
}

#lema-container.lema-container .lema-cvc-popup {
    display: inline-block;
    position: absolute;
    top: -11px;
    left: 60px
}

#lema-container.lema-container .lema-step-row-cc-icons {
    text-align: right
}

#lema-container.lema-container .lema-cc-icon {
    width: 38px;
    height: 26px;
    display: inline-block;
    margin-right: 5px;
    background-size: contain;
    background-position: 0 0;
    background-repeat: no-repeat
}

#lema-container.lema-container .lema-cc-icon.active {
    opacity: 1
}

#lema-container.lema-container .lema-cc-icon.inactive {
    opacity: .2
}

#lema-container.lema-container .lema-pm-icon {
    width: 28px;
    height: 16px;
    display: inline-block;
    margin-right: 0;
    background-size: contain;
    background-position: 0 0;
    background-repeat: no-repeat
}

#lema-container.lema-container .lema-cc-icon-visa {
    background-image: url(/widgets/lema/_default/img/card-vis.svg)
}

#lema-container.lema-container .lema-cc-icon-amx {
    background-image: url(/widgets/lema/_default/img/card-amx.svg)
}

#lema-container.lema-container .lema-cc-icon-master {
    background-image: url(/widgets/lema/_default/img/card-eca.svg)
}

#lema-container.lema-container .lema-cc-icon-diners {
    background-image: url(/widgets/lema/_default/img/card-din.svg)
}

#lema-container.lema-container .lema-cc-icon-jcb {
    background-image: url(/widgets/lema/_default/img/card-jcb.svg)
}

#lema-container.lema-container .lema-cc-icon-cb {
    background-image: url(/widgets/lema/_default/img/card-cb.svg)
}

#lema-container.lema-container .lema-pm-icon-pef {
    background-image: url(/widgets/lema/_default/img/card-pef.svg)
}

#lema-container.lema-container .lema-pm-icon-pfc {
    background-image: url(/widgets/lema/_default/img/card-pfc.svg)
}

#lema-container.lema-container .lema-pm-icon-sms {
    background-image: url(/widgets/lema/_default/img/icon_sms.png)
}

#lema-container.lema-container .lema-pm-icon-twi {
    background-image: url(/widgets/lema/_default/img/card-twi.svg)
}

#lema-container.lema-container .lema-pm-icon-mpw {
    background-image: url(/widgets/lema/_default/img/card-mpw.svg)
}

#lema-container.lema-container .lema-pm-icon-pex {
    background-image: url(/widgets/lema/_default/img/card-pex.svg)
}

#lema-container.lema-container .lema-pm-icon-pp {
    background-image: url(/widgets/lema/_default/img/card-pp.svg)
}

#lema-container.lema-container .lema-pm-icon-dib {
    background-image: url(/widgets/lema/_default/img/card-dib.svg)
}

#lema-container.lema-container .lema-pm-icon-dd {
    background-image: url(/widgets/lema/_default/img/card-vis.svg)
}

#lema-container.lema-container .lema-pm-icon-es, #lema-container.lema-container .lema-pm-icon-ezs {
    background-image: url(/widgets/lema/_default/img/icon_ezs.png)
}

#lema-container.lema-container .lema-pm-icon-eps {
    background-image: url(/widgets/lema/_default/img/card-eps.svg)
}

#lema-container.lema-container .lema-pm-icon-elv {
    background-image: url(/widgets/lema/_default/img/card-elv.svg)
}

#lema-container.lema-container .lema-pm-icon-kcp {
    background-image: url(/widgets/lema/_default/img/card-kcp.png)
}

#lema-container.lema-container .lema-pm-icon-payu {
    background-image: url(/widgets/lema/_default/img/card-payu.svg)
}

#lema-container.lema-container .lema-pf-icon {
    width: 80px;
    height: 54px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    margin-bottom: 10px
}

#lema-container.lema-container .lema-pf-icon-pfc {
    background: url(/widgets/lema/_default/img/icon_pf_card.png) 0 0 no-repeat
}

#lema-container.lema-container .lema-pf-icon-pef {
    background: url(/widgets/lema/_default/img/icon_pf_efinance.png) 0 0 no-repeat
}

#lema-container.lema-container .lema-loading-text {
    position: relative;
    top: 20px;
    font-family: Modern Era, sans-serif !important;
    font-weight: 400;
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    font-size: 13px;
    color: #333
}

#lema-container.lema-container .lema-overlay {
    display: none;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 3;
    background: #fff;
    box-shadow: 0 0 50px 10px hsla(0, 0%, 58.8%, .6);
    border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    color: #333
}

#lema-container.lema-container .lema-overlay h3, #lema-container.lema-container .lema-overlay h4 {
    color: #333
}

#lema-container.lema-container .lema-overlay iframe {
    width: 100% !important;
    height: 100% !important
}

#lema-container.lema-container .lema-overlay-bg {
    background: rgba(0, 0, 0, .8)
}

#lema-container.lema-container .lema-overlay-loading {
    box-sizing: border-box;
    min-height: 300px
}

#lema-container.lema-container .lema-overlay-header {
    background: #003c69 !important;
    min-height: 55px;
    line-height: 1.2;
    font-size: 20px;
    color: #fff;
    line-height: 55px;
    padding-left: 10px;
    padding-right: 60px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

#lema-container.lema-container .lema-overlay-footer, #lema-container.lema-container .lema-overlay-header {
    font-family: Modern Era, sans-serif !important;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#lema-container.lema-container .lema-overlay-footer {
    text-align: center;
    min-height: 75px;
    background: url(/widgets/lema/_default/img/overlay_strahlberg.png) top no-repeat;
    line-height: 1.2;
    font-size: 15px
}

#lema-container.lema-container .lema-overlay-footer .lema-button-secondary {
    margin-top: 20px
}

#lema-container.lema-container .lema-overlay-footer .lema-linklist {
    padding-top: 25px
}

#lema-container.lema-container .lema-overlay-footer .lema-linklist a {
    text-decoration: none
}

#lema-container.lema-container .lema-overlay-footer .lema-linklist a:hover {
    text-decoration: underline
}

#lema-container.lema-container .lema-overlay-big {
    width: 100%
}

#lema-container.lema-container .lema-overlay-small {
    width: 380px;
    left: 50%;
    margin: 20px 20px 20px -210px
}

#lema-container.lema-container .lema-overlay-close {
    display: block;
    width: 22px;
    height: 22px;
    background: url(/widgets/lema/_default/img/overlay_big_close.png) 0 0 no-repeat;
    position: absolute;
    top: 17px;
    right: 20px
}

#lema-container.lema-container .lema-overlay-content {
    padding: 30px;
    font-family: Modern Era, sans-serif !important;
    font-weight: 400;
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    color: #000;
    position: relative
}

#lema-container.lema-container .lema-overlay-content b {
    font-weight: 700
}

#lema-container.lema-container .lema-overlay-content p {
    margin-bottom: 12px
}

#lema-container.lema-container .lema-overlay-content-sms {
    padding: 30px 10px;
    min-height: 240px
}

#lema-container.lema-container .lema-overlay-content-loading {
    box-sizing: border-box;
    min-height: 300px;
    height: 100%
}

#lema-container.lema-container .lema-overlay-content-error {
    padding: 30px 10px
}

#lema-container.lema-container .lema-timer {
    position: relative;
    width: 164px;
    height: 196px;
    margin: 20px auto 0;
    background: url(/widgets/lema/_default/img/phone.png) 0 0 no-repeat
}

#lema-container.lema-container .lema-timer-countdown {
    font-size: 34px;
    color: #fff;
    top: 24px;
    right: 10px
}

#lema-container.lema-container .lema-timer-countdown, #lema-container.lema-container .lema-timer-info {
    font-family: Modern Era, sans-serif !important;
    font-weight: 400;
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute
}

#lema-container.lema-container .lema-timer-info {
    font-size: 12px;
    line-height: 1.6;
    width: 115px;
    right: -55px;
    bottom: 25px
}

#lema-container.lema-container .lema-linklist {
    font-family: Modern Era, sans-serif !important;
    font-weight: 400;
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1rem !important;
    text-align: center
}

#lema-container.lema-container .lema-linklist li {
    display: inline-block;
    padding: 0 10px;
    border-right: 1px solid #333
}

#lema-container.lema-container .lema-linklist li:last-child {
    border-right: 0
}

#lema-container.lema-container .lema-linklist a {
    color: #003c69 !important;
    text-decoration: underline
}

#lema-container.lema-container .lema-linklist a:hover {
    color: #a41156
}

#lema-container.lema-container .lema-loading-spinner {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -16px auto 0 -16px
}

#lema-container.lema-container button::-moz-focus-inner {
    border: 0 !important
}

#lema-container.lema-container a, #lema-container.lema-container a:focus, #lema-container.lema-container input:focus, #lema-container.lema-container textarea:focus {
    outline: 0 !important
}

#lema-container.lema-container .lema-hidden {
    display: none
}

#lema-container.lema-container .lema-clearfix:after, #lema-container.lema-container .lema-clearfix:before {
    content: " ";
    display: table
}

#lema-container.lema-container .lema-clearfix:after {
    clear: both
}

#lema-container.lema-container .lema-center-container {
    text-align: center
}

#lema-container.lema-container .pull-left {
    float: left
}

#lema-container.lema-container .pull-right {
    float: right
}

#lema-container.lema-container input[type=radio]:hover, #lema-container.lema-container label:hover {
    cursor: pointer
}

#lema-container.lema-container .lema-button-group {
    margin-top: 0 !important
}

#lema-container.lema-container .lema-button-group .lema-button {
    margin-right: 0;
    margin-bottom: 10px
}

#lema-container.lema-container .lema-button-group .lema-button:last-child {
    margin-right: 0
}

#lema-container.lema-container .lema-button {
    display: block;
    background: #003c69 !important;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    color: #fff;
    text-decoration: none;
    font-weight: 400;
    font-family: Modern Era, sans-serif !important;
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 22px;
    text-align: center;
    padding: 10px
}

#lema-container.lema-container .lema-button.active, #lema-container.lema-container .lema-button:hover {
    opacity: .8;
    text-decoration: none
}

#lema-container.lema-container .lema-button-donate {
    margin-top: 0 !important;
    padding: 15px 25px !important
}

#lema-container.lema-container .lema-button-secondary {
    display: inline-block;
    background: 0;
    border-radius: 1px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: 5px 15px;
    min-width: 150px;
    color: #333;
    font-size: 17px;
    box-shadow: 0 0 0 1px #9a9d9d, 0 0 0 3px #fff, 0 0 0 5px #e5e6e6
}

#lema-container.lema-container .lema-button-small {
    display: inline-block;
    background: #003c69 !important;
    border: 5px solid #003c69 !important;
    padding: 5px 15px;
    min-width: 150px;
    font-size: 17px
}

#lema-container.lema-container label {
    display: inline;
    font-weight: 400
}

#lema-container.lema-container label.lema-label-standalone {
    font-weight: 700;
    font-weight: 500
}

#lema-container.lema-container .lema-error-messages {
    padding-top: 10px
}

#lema-container.lema-container .lema-error-messages label {
    display: block;
    font-family: Modern Era, sans-serif !important;
    font-weight: 400;
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    color: red;
    margin-bottom: 5px
}

#lema-container.lema-container .lema-error-messages label:last-child {
    margin-bottom: 0
}

#lema-container.lema-container .lema-error-label {
    display: block;
    width: 100%;
    padding: 10px 10px 10px 35px;
    background: #fdeee7 url(/widgets/lema/_default/img/error_label_icon.png) 10px 50% no-repeat;
    font-family: Modern Era, sans-serif !important;
    font-weight: 400;
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    color: red;
    margin-bottom: 1px
}

#lema-container.lema-container .lema-error-label:hover {
    background: #fbded0 url(/widgets/lema/_default/img/error_label_icon.png) 10px 50% no-repeat
}

#lema-container.lema-container .lema-step {
    border: none !important;
    margin-bottom: 30px;
    background: transparent !important;
    background-size: contain
}

#lema-container.lema-container .lema-content {
    font-family: Modern Era, sans-serif !important;
    font-weight: 400;
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    color: #333;
    font-size: 14px
}

#lema-container.lema-container .lema-step-row {
    position: relative;
    min-height: 0;
    line-height: 1.2;
    padding: 10px 0
}

#lema-container.lema-container .lema-step-row .lema-label-custom {
    display: inline-block
}

#lema-container.lema-container .lema-step-row-amounts {
    border-top: 0 !important;
    padding-top: 0 !important;
    margin-top: 0 !important
}

#lema-container.lema-container .lema-step-row-amounts .lema-error-messages {
    float: left
}

#lema-container.lema-container .lema-step-row.lema-error {
    position: relative
}

#lema-container.lema-container .lema-step-row.lema-error input[type=radio]+label {
    color: red
}

#lema-container.lema-container .lema-step-row.lema-error:after {
    position: absolute;
    top: 23px;
    right: -30px;
    display: block;
    content: "";
    width: 18px;
    height: 18px;
    background: url(/widgets/lema/_default/img/lema_error.svg) 100% 0 no-repeat
}

#lema-container.lema-container .lema-step-row-input-right.lema-error:after {
    top: 53px
}

#lema-container.lema-container input[type=text].lema-error {
    border-color: red;
    color: red;
    background: #ffe5e5
}

#lema-container.lema-container .lema-step-row.lema-ok, #lema-container.lema-container .lema-step-row.lema-valid {
    position: relative
}

#lema-container.lema-container .lema-step-row.lema-ok:after, #lema-container.lema-container .lema-step-row.lema-valid:after {
    position: absolute;
    top: 25px;
    right: -30px;
    display: block;
    content: "";
    width: 18px;
    height: 18px;
    background: url(/widgets/lema/_default/img/lema_ok.svg) 100% 0 no-repeat
}

#lema-container.lema-container .lema-step-row-input-right {
    text-align: left
}

#lema-container.lema-container .lema-step-row-text {
    font-family: Modern Era, sans-serif !important;
    font-weight: 400;
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    color: #000
}

#lema-container.lema-container .lema-step-header {
    position: relative;
    border-bottom: 1px solid #e1dddd !important;
    padding-top: 13px;
    padding-bottom: 23px !important;
    background: #fff
}

#lema-container.lema-container .lema-step-header-text {
    color: #003c69 !important;
    display: block;
    font-family: Modern Era, sans-serif !important;
    font-weight: 800 !important;
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.44444rem !important;
    padding-left: 50px !important
}

#lema-container.lema-container .lema-step-header-text-no-padding {
    padding-left: 0
}

#lema-container.lema-container .lema-step-number {
    position: absolute;
    top: 8px !important;
    left: 0;
    z-index: 1;
    font-family: Modern Era, sans-serif !important;
    font-weight: 400;
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 20px !important;
    color: #fff
}

#lema-container.lema-container .lema-step-number span {
    display: inline-block;
    background: #003c69 !important;
    width: 40px !important;
    height: 38px !important;
    border-radius: 50%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 0;
    text-align: center;
    line-height: 40px !important
}

#lema-container.lema-container .lema-step-content {
    box-sizing: border-box;
    display: table;
    padding: 30px 40px 30px 15px;
    width: 100%;
    position: relative;
    border: 0 !important;
    background: transparent !important
}

#lema-container.lema-container .lema-text-center {
    text-align: left !important
}

#lema-container.lema-container .lema-payment-tab img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px
}

#lema-container.lema-container .lema-payment-tab-ezs {
    padding-top: 20px
}

#lema-container.lema-container .lema-payment-aside {
    display: none
}

#lema-container.lema-container .lema-payment-aside.active {
    display: block
}

#lema-container.lema-container .lema-success-content {
    padding-left: 60px;
    background: url(/widgets/lema/_default/img/success_icon.png) 0 0 no-repeat
}

#lema-container.lema-container .lema-success-content h3 {
    font-size: 20px;
    color: #333;
    margin-bottom: 10px
}

#lema-container.lema-container .lema-success-content p {
    margin-bottom: 20px
}

#lema-container.lema-container .lema-success-content p a {
    text-decoration: underline;
    color: #003c69 !important
}

#lema-container.lema-container .lema-info-icon {
    display: inline-block;
    position: relative;
    letter-spacing: 0 !important;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 25px;
    height: 15px;
    vertical-align: middle
}

#lema-container.lema-container .lema-info-icon:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
    background-image: url(/widgets/lema/_default/img/lema_info.svg);
    background-size: 15px 15px;
    background-repeat: no-repeat;
    background-position: 0 0
}

#lema-container.lema-container .lema-info-icon.active:before, #lema-container.lema-container .lema-info-icon:hover:before {
    background-image: url(/widgets/lema/_default/img/lema_info_hover.svg)
}

#lema-container.lema-container .lema-popup {
    display: none;
    position: absolute;
    right: 0;
    width: 300px;
    background: #fff;
    z-index: 3;
    box-shadow: 0 0 50px 10px hsla(0, 0%, 58.8%, .6);
    border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

#lema-container.lema-container .lema-popup p {
    margin-top: 0
}

#lema-container.lema-container .lema-popup.open {
    display: block
}

#lema-container.lema-container .lema-popup-images {
    margin-top: 10px
}

#lema-container.lema-container .lema-popup-close {
    display: block;
    width: 22px;
    height: 22px;
    position: absolute;
    top: 15px;
    right: 15px;
    background: url(/widgets/lema/_default/img/lema_popup_close.png) 100% 0 no-repeat
}

#lema-container.lema-container .lema-popup-content {
    text-align: left;
    display: block;
    overflow: hidden;
    font-family: Modern Era, sans-serif !important;
    font-weight: 400;
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    color: #000;
    padding: 30px
}

#lema-container.lema-container .lema-popup-edge {
    width: 100%;
    height: 14px;
    background: url(/widgets/lema/_default/img/lema_popup_edge.png) bottom no-repeat;
    position: absolute;
    bottom: -14px
}

#lema-container.lema-container .lema-member-item {
    position: relative;
    padding-top: 40px;
    padding-bottom: 10px;
    background: url(/widgets/lema/_default/img/person_divider.png) top no-repeat
}

#lema-container.lema-container .lema-member-delete {
    display: block;
    width: 17px;
    height: 17px;
    background: url(/widgets/lema/_default/img/member_delete.png) top no-repeat;
    position: absolute;
    top: 55px;
    right: 0;
    z-index: 1
}

#lema-container.lema-container .lema-member-add {
    display: block;
    text-align: center;
    min-height: 45px;
    background: #f4f4f4 url(/widgets/lema/_default/img/member_strahlberg.png) top no-repeat;
    background-size: contain;
    font-family: Modern Era, sans-serif !important;
    font-weight: 400;
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    color: #333;
    text-decoration: none;
    padding-top: 13px;
    margin-bottom: 25px
}

#lema-container.lema-container .lema-member-add:hover {
    opacity: .7
}

#lema-container.lema-container .lema-member-add span {
    background: url(/widgets/lema/_default/img/member_plus.png) 0 no-repeat;
    padding-left: 28px
}

#lema-container.lema-container .lema-member-delete-overlay {
    display: none;
    position: absolute;
    box-shadow: 0 0 50px 10px hsla(0, 0%, 58.8%, .6);
    top: 0;
    left: 0;
    height: 270px;
    width: 100%;
    z-index: 1;
    background: #fff url(/widgets/lema/_default/img/delete_info_icon.png) 50% 20% no-repeat;
    color: #333;
    font-family: Modern Era, sans-serif !important;
    font-weight: 400;
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    font-weight: 700;
    text-align: center
}

#lema-container.lema-container .lema-member-delete-overlay-content {
    padding: 120px 20px 20px
}

#lema-container.lema-container .lema-step-row-checkbox a.lema-popup-open {
    top: 13px;
    right: 0
}

#lema-container.lema-container .lema-step-row-checkbox .lema-popup {
    bottom: 55px;
    right: -10px
}

#lema-container.lema-container .lema-payment-tab-cc {
    padding-left: 20px;
    padding-right: 40px
}

#lema-container.lema-container .lema-input-text {
    box-sizing: border-box;
    background: rgba(0, 60, 105, .04) !important;
    width: 100%;
    height: auto !important;
    border: 0 !important;
    padding: 1.11111rem 1.33333rem !important;
    font-family: Modern Era, sans-serif !important;
    font-weight: 400;
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.11111rem !important;
    color: #003c69 !important
}

#lema-container.lema-container .lema-input-text::-webkit-input-placeholder {
    color: #003c69 !important;
    font-family: Modern Era, sans-serif !important;
    font-weight: 400;
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
    letter-spacing: 0 !important
}

#lema-container.lema-container .lema-input-text:-ms-input-placeholder {
    color: #003c69 !important;
    font-family: Modern Era, sans-serif !important;
    font-weight: 400;
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
    letter-spacing: 0 !important
}

#lema-container.lema-container .lema-input-text:hover {
    background: #fff
}

#lema-container.lema-container .lema-input-text:focus {
    border: 1px solid #333;
    background: #fff
}

#lema-container.lema-container .lema-input-text.error {
    border: 1px solid red;
    background: #fcecec
}

#lema-container.lema-container .lema-input-textarea {
    box-sizing: border-box;
    width: 100%;
    background: rgba(0, 60, 105, .04) !important;
    border: 0 !important;
    padding: 1.11111rem 1.33333rem !important;
    font-family: Modern Era, sans-serif !important;
    font-weight: 400;
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.11111rem !important;
    color: #003c69 !important
}

#lema-container.lema-container .lema-input-textarea::-webkit-input-placeholder {
    color: #003c69 !important;
    font-family: Modern Era, sans-serif !important;
    font-weight: 400;
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px
}

#lema-container.lema-container .lema-input-textarea:-moz-placeholder, #lema-container.lema-container .lema-input-textarea::-moz-placeholder {
    color: #003c69 !important;
    font-family: Modern Era, sans-serif !important;
    font-weight: 400;
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px
}

#lema-container.lema-container .lema-input-textarea:-ms-input-placeholder {
    color: #003c69 !important;
    font-family: Modern Era, sans-serif !important;
    font-weight: 400;
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px
}

#lema-container.lema-container .lema-input-textarea:hover {
    background: #fff
}

#lema-container.lema-container .lema-input-textarea:focus {
    border: 1px solid #333;
    background: #fff
}

#lema-container.lema-container .lema-input-textarea.error {
    border: 1px solid red;
    background: #fcecec
}

#lema-container.lema-container .lema-input-text-small {
    display: inline-block;
    width: 85px;
    vertical-align: middle;
    margin-left: 20px;
    text-align: center
}

#lema-container.lema-container .lema-cvc-popup+.lema-input-text-small, #lema-container.lema-container .lema-pseudo-label+.lema-input-text-small {
    margin-left: 0
}

#lema-container.lema-container .lema-input-text-birthday {
    display: inline-block;
    width: 75px;
    vertical-align: middle;
    margin-left: 0;
    margin-right: 0;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center
}

#lema-container.lema-container .lema-pseudo-label {
    display: block;
    height: 20px;
    vertical-align: middle;
    font-family: Modern Era, sans-serif !important;
    font-weight: 400;
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    color: #333
}

#lema-container.lema-container label.radio-error {
    color: red
}

#lema-container.lema-container .lema-radio-label {
    font-family: Modern Era, sans-serif !important;
    font-weight: 400;
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1rem !important;
    line-height: 22px;
    margin-right: 20px;
    margin-bottom: 10px
}

#lema-container.lema-container .lema-step-amount .lema-radio-label {
    margin-bottom: 10px;
    margin-right: 40px
}

#lema-container.lema-container .lema-radio-label.lema-radio-label-interval {
    display: block;
    margin-right: 20px
}

#lema-container.lema-container .lema-radio-label.lema-radio-label-interval:before {
    height: 38px !important;
    background-position: 0 14px !important
}

#lema-container.lema-container .lema-step-donation-target .lema-radio-label {
    display: block
}

#lema-container.lema-container .lema-checkbox-label {
    font-family: Modern Era, sans-serif !important;
    font-weight: 400;
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1rem !important;
    line-height: 22px;
    color: #333
}

#lema-container.lema-container .lema-checkbox-label a {
    text-decoration: underline
}

#lema-container.lema-container .lema-checkbox-text {
    margin-top: 10px;
    padding-left: 40px
}

#lema-container.lema-container textarea.lema-textarea {
    margin-bottom: 30px;
    background: #fff;
    width: 96%;
    height: 77px;
    border: 1px solid #ccc;
    padding: 8px;
    outline: 0;
    font-family: Modern Era, sans-serif !important;
    font-weight: 400;
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    font-size: 14px;
    color: #333
}

#lema-container.lema-container .lema-amount-custom-input-container {
    position: absolute;
    top: 0;
    left: 29px;
    display: none;
    background: #fff;
    height: 60px
}

#lema-container.lema-container .lema-amount-custom-input {
    padding: 0 !important;
    width: 150px;
    position: relative;
    top: 0;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #333 !important;
    background: none !important;
    border: none !important;
    border-bottom: 1px solid #333 !important;
    line-height: 30px
}

#lema-container.lema-container .lema-amount-box {
    box-sizing: border-box;
    position: relative;
    width: 90px;
    height: 90px;
    background: #fff;
    border: 1px solid #ccc;
    padding: 10px;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    cursor: pointer
}

#lema-container.lema-container .lema-amount-box.lema-active {
    border: 1px solid #003c69 !important;
    color: #fff !important;
    background: #003c69 !important
}

#lema-container.lema-container .lema-amount-box.lema-active .lema-amount-box-custom-input {
    color: #fff !important
}

.lema-amount-box-custom .lema-amount-box-amount {
    display: none !important
}

#lema-container.lema-container .lema-amount-box span {
    cursor: pointer
}

#lema-container.lema-container .lema-amount-box-custom {
    margin-right: 0
}

#lema-container.lema-container .lema-amount-box-custom-input {
    width: 70px;
    position: absolute;
    top: 27px;
    left: 10px;
    margin: 0;
    padding-left: 5px !important;
    padding-right: 5px !important;
    color: #333 !important
}

#lema-container.lema-container .lema-amount-box-currency {
    font-size: 10px;
    display: block;
    margin-bottom: 2px
}

#lema-container.lema-container .lema-amount-box-amount {
    display: block;
    font-size: 35px;
    text-align: center;
    display: none
}

#lema-container.lema-container .lema-label-custom {
    padding-left: 0 !important;
    position: relative;
    top: -1px;
    line-height: 63px;
    vertical-align: middle;
    margin-right: 5px
}

#lema-container.lema-container .lema-select2-replace {
    display: block !important
}

#lema-container.lema-container .lema-select2-replace.error {
    border: 1px solid red;
    background: #fcecec
}

#lema-container.lema-container .lema-subscription-detail-table tr td {
    padding-bottom: 5px
}

#lema-container.lema-container .lema-subscription-detail-table tr td:first-child {
    padding-right: 10px
}

#lema-container.lema-container .lema-summary-check {
    display: inline-block !important;
    margin-top: 0 !important;
    font-family: Modern Era, sans-serif !important;
    font-weight: 400;
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 20px;
    color: #333;
    padding-left: 0 !important;
    padding-right: 0 !important
}

#lema-container.lema-container .lema-summary-check-text {
    padding-top: 60px;
    background: url(/widgets/lema/_default/img/summary_icon.png) top no-repeat
}

#lema-container.lema-container .lema-security {
    margin-top: 30px !important;
    padding-top: 25px;
    background: url(img/lock.png) 0 0 no-repeat !important;
    font-family: Modern Era, sans-serif !important;
    font-weight: 400;
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 13px
}

#lema-container.lema-container .lema-security .lema-overlay-trigger {
    text-decoration: underline;
    display: block;
    margin-top: .5rem
}

#lema-container.lema-container .lema-security .lema-overlay-trigger:hover {
    opacity: .8
}

#lema-container.lema-container .select2-container {
    width: 100%;
    height: 46px
}

#lema-container.lema-container .select2-container.lema-error .select2-choice {
    border: 1px solid red !important;
    background: #ffe5e5 !important
}

#lema-container.lema-container .select2-container.select2-container .select2-choice {
    display: block;
    padding: 0 10px !important;
    height: 46px;
    overflow: hidden;
    position: relative;
    border: 1px solid #ccc;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    font-family: Modern Era, sans-serif !important;
    font-weight: 400;
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
    color: #333;
    line-height: 46px;
    white-space: nowrap;
    text-decoration: none !important;
    background-color: #fff;
    background-image: none
}

#lema-container.lema-container .select2-container.select2-container .select2-choice.choosen {
    color: #333
}

#lema-container.lema-container .select2-container.select2-container .select2-choice span {
    padding: 0;
    vertical-align: middle;
    line-height: 46px
}

#lema-container.lema-container .select2-container.select2-container .select2-choice div {
    display: block;
    width: 50px;
    border-left: none;
    background: transparent;
    background-image: none
}

#lema-container.lema-container .select2-container.select2-container .select2-choice div b {
    display: block;
    width: 100%;
    height: 100%;
    background: url(/widgets/lema/_default/img/select_arrow_down.png) 50% no-repeat
}

#lema-container.lema-container .select2-container .select2-dropdown-open .select2-choice {
    box-shadow: 0 0 0 0 0
}

#lema-container.lema-container .select2-container .select2-dropdown-open .select2-choice div b {
    background: url(/widgets/lema/_default/img/select_arrow_up.png) 50% no-repeat
}

#lema-container.lema-container .lema-select2-replace-currency, #lema-container.lema-container .lema-select2-replace-interval {
    width: 100%
}

#lema-container.lema-container .lema-content.lema-accordion .lema-step-content {
    padding: 30px 0 !important
}

#lema-container.lema-container .lema-content.lema-accordion .lema-step-row.lema-error:after, #lema-container.lema-container .lema-content.lema-accordion .lema-step-row.lema-valid:after {
    background: 0
}

#lema-container.lema-container .lema-content.lema-accordion .lema-accordion-item-icons .lema-cc-icon {
    width: 28px;
    height: 16px;
    margin-right: 0
}

#lema-container.lema-container .lema-content.lema-accordion .lema-accordion-item .lema-card-icons {
    display: none
}

@media (max-width:449px) {
    .lema-cc-iframe {
        height: 345px !important
    }
}

@media (min-width:450px) {
    .lema-cc-iframe {
        height: 315px !important
    }
}

@media (min-width:600px) {
    .lema-cc-iframe {
        height: 310px !important
    }
}

@media (min-width:635px) {
    .lema-cc-iframe {
        height: 290px !important
    }
}

@media (max-width:460px) {
    #lema-container.lema-container .lema-payment-item[data-meta-method=pf] .lema-pf-icon {
        width: 60px;
        height: 41px;
        padding-right: 20px;
        background-size: 60px 41px
    }

    #lema-container.lema-container .lema-payment-item[data-meta-method=pf] .lema-step-row {
        display: table
    }

    #lema-container.lema-container .lema-payment-item[data-meta-method=pf] .lema-pf-icon, #lema-container.lema-container .lema-payment-item[data-meta-method=pf] label {
        display: table-cell;
        vertical-align: middle
    }

    #lema-container.lema-container .lema-payment-item[data-meta-method=pf] label {
        margin-right: 0
    }

    #lema-container.lema-container .lema-payment-item[data-meta-method=pf] label:before {
        top: auto
    }
}

@media (max-width:360px) {
    #lema-container.lema-container .lema-cvc-wrapper {
        margin-top: 20px
    }
}

@media (min-width:768px) {
    #lema-container.lema-container {
        margin: 40px 0 !important
    }

    #lema-container.lema-container .lema-page-loading {
        background-image: url(/widgets/lema/_default/img/ajax-loader.gif);
        background-repeat: no-repeat;
        background-position: 50%;
        height: 35px
    }

    #lema-container.lema-container .lema-page-loading img {
        display: block;
        margin: auto;
        height: 32px
    }

    #lema-container.lema-container .lema-fieldset-imitation {
        margin: 0 0 10px
    }

    #lema-container.lema-container .lema-link {
        display: inline;
        width: auto
    }

    #lema-container.lema-container .lema-link-left {
        float: left
    }

    #lema-container.lema-container .lema-link-right {
        float: right
    }

    #lema-container.lema-container .lema-overlay-header {
        padding-left: 28px
    }

    #lema-container.lema-container .lema-overlay-content-sms {
        padding: 30px 250px 30px 85px;
        background: url(/widgets/lema/_default/img/timer_icon.png) 30px 30px no-repeat
    }

    #lema-container.lema-container .lema-overlay-content-error {
        padding: 30px 30px 30px 85px;
        background: url(/widgets/lema/_default/img/overlay_icon_info.png) 30px 30px no-repeat
    }

    #lema-container.lema-container .lema-timer {
        position: absolute;
        top: 30px;
        right: 30px
    }

    #lema-container.lema-container .lema-input-text-small {
        margin-bottom: 0
    }

    #lema-container.lema-container .lema-summary-check {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    #lema-container.lema-container .lema-tabs {
        position: relative;
        top: -30px;
        *zoom: 1;
        margin: 0 0 20px;
        padding-left: 0;
        list-style-type: none;
        display: block;
        border-bottom: 1px solid #ccc
    }

    #lema-container.lema-container .lema-tabs:after, #lema-container.lema-container .lema-tabs:before {
        display: table;
        content: ""
    }

    #lema-container.lema-container .lema-tabs:after {
        clear: both
    }

    #lema-container.lema-container .lema-tabs li {
        float: left;
        margin-right: 33px;
        padding-top: 30px
    }

    #lema-container.lema-container .lema-tabs li:last-child {
        margin-right: 0
    }

    #lema-container.lema-container .lema-tabs li a {
        padding: 1px 0 29px;
        margin-bottom: 0;
        display: block;
        border: 0;
        line-height: 1;
        font-family: Modern Era, sans-serif !important;
        font-weight: 400;
        line-height: 1.2;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 1rem !important;
        text-decoration: none;
        color: #333
    }

    #lema-container.lema-container .lema-tabs li.active>a, #lema-container.lema-container .lema-tabs li.active>a:focus, #lema-container.lema-container .lema-tabs li.active>a:hover {
        padding: 0 0 27px;
        color: #003c69 !important;
        border: 0;
        border-bottom: 3px solid #003c69 !important;
        position: relative;
        top: 1px
    }

    #lema-container.lema-container .lema-pf-icon {
        margin-bottom: 0
    }

    #lema-container.lema-container .lema-popup {
        width: 370px
    }

    #lema-container.lema-container .lema-popup-content {
        padding: 30px
    }

    #lema-container.lema-container .lema-cvc-wrapper, #lema-container.lema-container .lema-expire-wrapper {
        margin-top: 10px
    }

    #lema-container.lema-container .lema-cvc-popup {
        display: inline-block;
        position: static;
        margin-left: 10px
    }

    #lema-container.lema-container .lema-pseudo-label+.lema-input-text-small {
        margin-left: 20px
    }

    #lema-container.lema-container .lema-step-content {
        padding-left: 45px;
        padding-right: 45px
    }

    #lema-container.lema-container .lema-radio-label {
        display: inline-block;
        margin-bottom: 0
    }

    #lema-container.lema-container .lema-step-amount .lema-radio-label {
        margin-bottom: 10px
    }

    #lema-container.lema-container .lema-step-amount .lema-radio-label.lema-radio-label-interval {
        display: inline-block;
        margin-bottom: 10px
    }

    #lema-container.lema-container .lema-step-amount .lema-radio-label.lema-radio-label-interval .lema-radio-label {
        margin-bottom: 0
    }

    #lema-container.lema-container .lema-radio-label-interval-no-margin {
        margin-left: 0 !important
    }

    #lema-container.lema-container .lema-step-row-left {
        float: left;
        width: 30%
    }

    #lema-container.lema-container .lema-step-row-right {
        float: left
    }

    #lema-container.lema-container .lema-step-row-input-right {
        text-align: right
    }

    #lema-container.lema-container .lema-step-row-input-right.lema-error:after {
        top: 23px
    }

    #lema-container.lema-container .lema-input-text-small {
        display: inline-block;
        width: 85px;
        vertical-align: middle;
        margin-left: 20px;
        text-align: center
    }

    #lema-container.lema-container .lema-amount-box-custom-input {
        width: 70px;
        position: absolute;
        top: 27px;
        left: 10px;
        margin: 0;
        padding-left: 5px;
        padding-right: 5px
    }

    #lema-container.lema-container .lema-input-text-birthday {
        display: inline-block;
        width: 85px;
        vertical-align: middle;
        margin-left: 20px;
        text-align: center
    }

    #lema-container.lema-container .lema-pseudo-label {
        display: inline-block;
        vertical-align: middle;
        margin-left: 20px;
        margin-right: 20px;
        font-family: Modern Era, sans-serif !important;
        font-weight: 400;
        line-height: 1.2;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 14px;
        color: #333;
        line-height: 28px
    }

    #lema-container.lema-container .lema-expire-wrapper .lema-pseudo-label {
        margin-left: 0;
        margin-right: 10px
    }

    #lema-container.lema-container .lema-cvc-wrapper .lema-pseudo-label {
        margin-right: 0
    }

    #lema-container.lema-container .lema-pseudo-label-birthday {
        margin-left: 0;
        margin-right: 20px
    }

    #lema-container.lema-container .lema-radio-label.lema-radio-label-interval {
        display: inline-block
    }

    #lema-container.lema-container .lema-select2-replace-currency, #lema-container.lema-container .lema-select2-replace-interval {
        width: 300px
    }

    #lema-container.lema-container .lema-button-group {
        margin-top: 0 !important
    }

    #lema-container.lema-container .lema-button-group .lema-button {
        margin-right: 10px;
        margin-bottom: 0
    }

    #lema-container.lema-container .lema-button-group .lema-button:last-child {
        margin-right: 0
    }
}

#tamaro-widget-overlay.tamaro-widget.tamaro-widget, #tamaro-widget.tamaro-widget.tamaro-widget {
    font-family: Modern Era, sans-serif !important
}

#tamaro-widget-overlay.tamaro-widget .form-block.input-wrapper .field-block, #tamaro-widget-overlay.tamaro-widget .form-block.select-wrapper .field-block, #tamaro-widget-overlay.tamaro-widget .form-block.textarea-wrapper .field-block, #tamaro-widget.tamaro-widget .form-block.input-wrapper .field-block, #tamaro-widget.tamaro-widget .form-block.select-wrapper .field-block, #tamaro-widget.tamaro-widget .form-block.textarea-wrapper .field-block {
    background-image: none !important
}

#tamaro-widget-overlay.tamaro-widget *, #tamaro-widget-overlay.tamaro-widget :after, #tamaro-widget-overlay.tamaro-widget :before, #tamaro-widget.tamaro-widget *, #tamaro-widget.tamaro-widget :after, #tamaro-widget.tamaro-widget :before {
    border: none
}

#tamaro-widget.tamaro-widget .form-block.select-wrapper .field-block {
    border: 0
}

#tamaro-widget.tamaro-widget .form-block .label-block {
    font-weight: 500
}

#tamaro-widget.tamaro-widget .input-focused .field-block {
    box-shadow: 0 .2rem 1rem rgba(0, 60, 105, .16);
    background: #fff !important;
    transition: background-color .3s
}

#tamaro-widget-overlay.tamaro-widget.tamaro-widget, #tamaro-widget.tamaro-widget.tamaro-widget {
    overflow: visible
}

:root {
    --tamaro-primary-color: #003c69;
    --tamaro-input-bg-color: rgba(0, 60, 105, 0.04);
    --tamaro-select-bg-color: rgba(0, 60, 105, 0.04);
    --tamaro-text-color: #003c69;
    --tamaro-bg-color__hover: #fff;
    --tamaro-label-color__active: #003c69;
    --tamaro-label-color: #003c69
}

table {
    border-top: 2px solid #003c69;
    margin-bottom: 2.22222rem;
    color: #003c69;
    font-size: 1rem
}

table td {
    padding: .55556rem;
    border-bottom: 1px solid #003c69
}

table thead td {
    font-weight: 800
}

.demovox .form-check {
    position: relative
}

.demovox .form-check input[type=checkbox] {
    display: none
}

.demovox .form-check label {
    cursor: pointer;
    display: block;
    line-height: 1.1;
    font-size: .88889rem;
    margin-bottom: .66667rem;
    min-height: 1.77778rem;
    padding: .44444rem 0 0 2rem;
    position: relative
}

@media screen and (min-width:1025px) {
    .demovox .form-check label {
        font-size: 1.11111rem;
        padding: .38889rem 0 0 2.44444rem
    }
}

.demovox .form-check label:before {
    background-color: rgba(0, 60, 105, .08);
    border: 1px solid transparent;
    border-radius: .22222rem;
    box-sizing: border-box;
    content: "";
    display: block;
    width: 1.33333rem;
    height: 1.33333rem;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%)
}

@media screen and (min-width:1025px) {
    .demovox .form-check label:before {
        width: 1.77778rem;
        height: 1.77778rem
    }
}

.demovox .form-check label:after {
    background: url(img/icon-check.svg) 0 0 no-repeat;
    background-size: cover;
    content: "";
    display: block;
    width: .88888rem;
    height: .66666rem;
    position: absolute;
    top: calc(50% + 8px);
    left: .22222rem;
    opacity: 0;
    transform: translateY(calc(-50% - 8px));
    transition: all .5s
}

@media screen and (min-width:1025px) {
    .demovox .form-check label:after {
        width: 1.11111rem;
        height: .88889rem;
        top: calc(50% + 8px);
        left: .33333rem
    }
}

.demovox .form-check label:hover:before {
    border-color: rgba(0, 60, 105, .08)
}

.demovox .form-check label a {
    color: #003c69;
    text-decoration: none
}

.demovox .form-check input:checked+label:before, .demovox .form-check textarea:checked+label:before {
    border-color: rgba(0, 60, 105, .08)
}

.demovox .form-check input:checked+label:after, .demovox .form-check textarea:checked+label:after {
    opacity: 1
}

@media screen and (min-width:1025px) {
    .demovox .form-check label {
        font-size: 1.11111rem
    }
}

.demovox .form-checkbox__block {
    margin-bottom: 1.11111rem
}

.demovox #demovox-grp-country, .demovox #demovox-grp-gde_canton {
    padding-bottom: .88889rem;
    position: relative
}

.demovox #demovox-grp-country label, .demovox #demovox-grp-gde_canton label {
    position: absolute;
    color: #003c69;
    font-size: .88889rem;
    left: .88889rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3
}

@media screen and (min-width:769px) {
    .demovox #demovox-grp-country label, .demovox #demovox-grp-gde_canton label {
        left: 1.11111rem
    }
}

@media screen and (min-width:1025px) {
    .demovox #demovox-grp-country label, .demovox #demovox-grp-gde_canton label {
        font-size: 1rem;
        left: 1.33333rem
    }
}

@media screen and (min-width:1250px) {
    .demovox #demovox-grp-country label, .demovox #demovox-grp-gde_canton label {
        font-size: 1.11111rem
    }
}

.demovox #demovox-grp-country label, .demovox #demovox-grp-gde_canton label {
    font-size: .66667rem;
    top: .11111rem;
    transform: none
}

.demovox .invalid #demovox-grp-country label, .demovox .invalid #demovox-grp-gde_canton label {
    font-size: .66667rem;
    top: .11111rem;
    transform: none;
    color: red
}

.demovox .invalid #demovox-grp-country .select2-container--default .select2-selection--single, .demovox .invalid #demovox-grp-gde_canton .select2-container--default .select2-selection--single {
    background: rgba(255, 0, 0, .04)
}

@media screen and (min-width:769px) {
    .demovox #demovox-grp-country label, .demovox #demovox-grp-gde_canton label {
        font-size: .77778rem;
        top: .22222rem
    }
}

@media screen and (min-width:1025px) {
    .demovox #demovox-grp-country label, .demovox #demovox-grp-gde_canton label {
        top: .33333rem
    }
}

.demovox #demovox-grp-birth_date, .demovox #demovox-grp-city, .demovox #demovox-grp-gde_name, .demovox #demovox-grp-mail, .demovox #demovox-grp-name_first, .demovox #demovox-grp-name_last, .demovox #demovox-grp-phone, .demovox #demovox-grp-street, .demovox #demovox-grp-street_no, .demovox #demovox-grp-zip {
    padding-bottom: .44444rem;
    position: relative
}

@media screen and (min-width:769px) {
    .demovox #demovox-grp-birth_date, .demovox #demovox-grp-city, .demovox #demovox-grp-gde_name, .demovox #demovox-grp-mail, .demovox #demovox-grp-name_first, .demovox #demovox-grp-name_last, .demovox #demovox-grp-phone, .demovox #demovox-grp-street, .demovox #demovox-grp-street_no, .demovox #demovox-grp-zip {
        padding-bottom: .88889rem
    }
}

.demovox #demovox-grp-birth_date label, .demovox #demovox-grp-city label, .demovox #demovox-grp-gde_name label, .demovox #demovox-grp-mail label, .demovox #demovox-grp-name_first label, .demovox #demovox-grp-name_last label, .demovox #demovox-grp-phone label, .demovox #demovox-grp-street_no label, .demovox #demovox-grp-street label, .demovox #demovox-grp-zip label {
    position: absolute;
    color: #003c69;
    font-size: .88889rem;
    left: .88889rem;
    top: .77778rem;
    transition: all .5s;
    z-index: 3;
    pointer-events: none
}

.demovox #demovox-grp-birth_date label.label-invalid, .demovox #demovox-grp-city label.label-invalid, .demovox #demovox-grp-gde_name label.label-invalid, .demovox #demovox-grp-mail label.label-invalid, .demovox #demovox-grp-name_first label.label-invalid, .demovox #demovox-grp-name_last label.label-invalid, .demovox #demovox-grp-phone label.label-invalid, .demovox #demovox-grp-street_no label.label-invalid, .demovox #demovox-grp-street label.label-invalid, .demovox #demovox-grp-zip label.label-invalid {
    color: red
}

.demovox #demovox-grp-birth_date input, .demovox #demovox-grp-birth_date textarea, .demovox #demovox-grp-city input, .demovox #demovox-grp-city textarea, .demovox #demovox-grp-gde_name input, .demovox #demovox-grp-gde_name textarea, .demovox #demovox-grp-mail input, .demovox #demovox-grp-mail textarea, .demovox #demovox-grp-name_first input, .demovox #demovox-grp-name_first textarea, .demovox #demovox-grp-name_last input, .demovox #demovox-grp-name_last textarea, .demovox #demovox-grp-phone input, .demovox #demovox-grp-phone textarea, .demovox #demovox-grp-street_no input, .demovox #demovox-grp-street_no textarea, .demovox #demovox-grp-street input, .demovox #demovox-grp-street textarea, .demovox #demovox-grp-zip input, .demovox #demovox-grp-zip textarea {
    background-color: rgba(0, 60, 105, .04);
    border: 1px solid transparent;
    border-radius: .22222rem;
    color: #003c69;
    font-size: .88889rem;
    height: 2.88889rem;
    padding: .77778rem .88889rem 0;
    width: 100%;
    transition: all .5s
}

.demovox #demovox-grp-birth_date input:focus, .demovox #demovox-grp-birth_date textarea:focus, .demovox #demovox-grp-city input:focus, .demovox #demovox-grp-city textarea:focus, .demovox #demovox-grp-gde_name input:focus, .demovox #demovox-grp-gde_name textarea:focus, .demovox #demovox-grp-mail input:focus, .demovox #demovox-grp-mail textarea:focus, .demovox #demovox-grp-name_first input:focus, .demovox #demovox-grp-name_first textarea:focus, .demovox #demovox-grp-name_last input:focus, .demovox #demovox-grp-name_last textarea:focus, .demovox #demovox-grp-phone input:focus, .demovox #demovox-grp-phone textarea:focus, .demovox #demovox-grp-street_no input:focus, .demovox #demovox-grp-street_no textarea:focus, .demovox #demovox-grp-street input:focus, .demovox #demovox-grp-street textarea:focus, .demovox #demovox-grp-zip input:focus, .demovox #demovox-grp-zip textarea:focus {
    outline: none;
    background-color: #fff;
    border-color: #fff;
    box-shadow: 0 .56rem 2.22rem rgba(0, 60, 105, .16)
}

.demovox #demovox-grp-birth_date input:hover, .demovox #demovox-grp-birth_date textarea:hover, .demovox #demovox-grp-city input:hover, .demovox #demovox-grp-city textarea:hover, .demovox #demovox-grp-gde_name input:hover, .demovox #demovox-grp-gde_name textarea:hover, .demovox #demovox-grp-mail input:hover, .demovox #demovox-grp-mail textarea:hover, .demovox #demovox-grp-name_first input:hover, .demovox #demovox-grp-name_first textarea:hover, .demovox #demovox-grp-name_last input:hover, .demovox #demovox-grp-name_last textarea:hover, .demovox #demovox-grp-phone input:hover, .demovox #demovox-grp-phone textarea:hover, .demovox #demovox-grp-street_no input:hover, .demovox #demovox-grp-street_no textarea:hover, .demovox #demovox-grp-street input:hover, .demovox #demovox-grp-street textarea:hover, .demovox #demovox-grp-zip input:hover, .demovox #demovox-grp-zip textarea:hover {
    background-color: #fff;
    border-color: #fff;
    box-shadow: 0 .56rem 2.22rem rgba(0, 60, 105, .16)
}

.demovox #demovox-grp-birth_date input+input+label.freeze, .demovox #demovox-grp-birth_date input+label.freeze, .demovox #demovox-grp-birth_date input:focus+input+label, .demovox #demovox-grp-birth_date input:focus+label, .demovox #demovox-grp-birth_date textarea+input+label.freeze, .demovox #demovox-grp-birth_date textarea+label.freeze, .demovox #demovox-grp-birth_date textarea:focus+input+label, .demovox #demovox-grp-birth_date textarea:focus+label, .demovox #demovox-grp-city input+input+label.freeze, .demovox #demovox-grp-city input+label.freeze, .demovox #demovox-grp-city input:focus+input+label, .demovox #demovox-grp-city input:focus+label, .demovox #demovox-grp-city textarea+input+label.freeze, .demovox #demovox-grp-city textarea+label.freeze, .demovox #demovox-grp-city textarea:focus+input+label, .demovox #demovox-grp-city textarea:focus+label, .demovox #demovox-grp-gde_name input+input+label.freeze, .demovox #demovox-grp-gde_name input+label.freeze, .demovox #demovox-grp-gde_name input:focus+input+label, .demovox #demovox-grp-gde_name input:focus+label, .demovox #demovox-grp-gde_name textarea+input+label.freeze, .demovox #demovox-grp-gde_name textarea+label.freeze, .demovox #demovox-grp-gde_name textarea:focus+input+label, .demovox #demovox-grp-gde_name textarea:focus+label, .demovox #demovox-grp-mail input+input+label.freeze, .demovox #demovox-grp-mail input+label.freeze, .demovox #demovox-grp-mail input:focus+input+label, .demovox #demovox-grp-mail input:focus+label, .demovox #demovox-grp-mail textarea+input+label.freeze, .demovox #demovox-grp-mail textarea+label.freeze, .demovox #demovox-grp-mail textarea:focus+input+label, .demovox #demovox-grp-mail textarea:focus+label, .demovox #demovox-grp-name_first input+input+label.freeze, .demovox #demovox-grp-name_first input+label.freeze, .demovox #demovox-grp-name_first input:focus+input+label, .demovox #demovox-grp-name_first input:focus+label, .demovox #demovox-grp-name_first textarea+input+label.freeze, .demovox #demovox-grp-name_first textarea+label.freeze, .demovox #demovox-grp-name_first textarea:focus+input+label, .demovox #demovox-grp-name_first textarea:focus+label, .demovox #demovox-grp-name_last input+input+label.freeze, .demovox #demovox-grp-name_last input+label.freeze, .demovox #demovox-grp-name_last input:focus+input+label, .demovox #demovox-grp-name_last input:focus+label, .demovox #demovox-grp-name_last textarea+input+label.freeze, .demovox #demovox-grp-name_last textarea+label.freeze, .demovox #demovox-grp-name_last textarea:focus+input+label, .demovox #demovox-grp-name_last textarea:focus+label, .demovox #demovox-grp-phone input+input+label.freeze, .demovox #demovox-grp-phone input+label.freeze, .demovox #demovox-grp-phone input:focus+input+label, .demovox #demovox-grp-phone input:focus+label, .demovox #demovox-grp-phone textarea+input+label.freeze, .demovox #demovox-grp-phone textarea+label.freeze, .demovox #demovox-grp-phone textarea:focus+input+label, .demovox #demovox-grp-phone textarea:focus+label, .demovox #demovox-grp-street_no input+input+label.freeze, .demovox #demovox-grp-street_no input+label.freeze, .demovox #demovox-grp-street_no input:focus+input+label, .demovox #demovox-grp-street_no input:focus+label, .demovox #demovox-grp-street_no textarea+input+label.freeze, .demovox #demovox-grp-street_no textarea+label.freeze, .demovox #demovox-grp-street_no textarea:focus+input+label, .demovox #demovox-grp-street_no textarea:focus+label, .demovox #demovox-grp-street input+input+label.freeze, .demovox #demovox-grp-street input+label.freeze, .demovox #demovox-grp-street input:focus+input+label, .demovox #demovox-grp-street input:focus+label, .demovox #demovox-grp-street textarea+input+label.freeze, .demovox #demovox-grp-street textarea+label.freeze, .demovox #demovox-grp-street textarea:focus+input+label, .demovox #demovox-grp-street textarea:focus+label, .demovox #demovox-grp-zip input+input+label.freeze, .demovox #demovox-grp-zip input+label.freeze, .demovox #demovox-grp-zip input:focus+input+label, .demovox #demovox-grp-zip input:focus+label, .demovox #demovox-grp-zip textarea+input+label.freeze, .demovox #demovox-grp-zip textarea+label.freeze, .demovox #demovox-grp-zip textarea:focus+input+label, .demovox #demovox-grp-zip textarea:focus+label {
    font-size: .66667rem;
    top: .11111rem;
    bottom: .55556rem
}

.demovox #demovox-grp-birth_date textarea, .demovox #demovox-grp-city textarea, .demovox #demovox-grp-gde_name textarea, .demovox #demovox-grp-mail textarea, .demovox #demovox-grp-name_first textarea, .demovox #demovox-grp-name_last textarea, .demovox #demovox-grp-phone textarea, .demovox #demovox-grp-street_no textarea, .demovox #demovox-grp-street textarea, .demovox #demovox-grp-zip textarea {
    height: auto !important;
    overflow: hidden;
    padding: .77778rem .88889rem 1rem
}

.demovox #demovox-grp-birth_date .invalid, .demovox #demovox-grp-city .invalid, .demovox #demovox-grp-gde_name .invalid, .demovox #demovox-grp-mail .invalid, .demovox #demovox-grp-name_first .invalid, .demovox #demovox-grp-name_last .invalid, .demovox #demovox-grp-phone .invalid, .demovox #demovox-grp-street .invalid, .demovox #demovox-grp-street_no .invalid, .demovox #demovox-grp-zip .invalid {
    background-color: rgba(255, 0, 0, .04)
}

.demovox #demovox-grp-birth_date input.visited.dirty:valid, .demovox #demovox-grp-city input.visited.dirty:valid, .demovox #demovox-grp-gde_name input.visited.dirty:valid, .demovox #demovox-grp-mail input.visited.dirty:valid, .demovox #demovox-grp-name_first input.visited.dirty:valid, .demovox #demovox-grp-name_last input.visited.dirty:valid, .demovox #demovox-grp-phone input.visited.dirty:valid, .demovox #demovox-grp-street_no input.visited.dirty:valid, .demovox #demovox-grp-street input.visited.dirty:valid, .demovox #demovox-grp-zip input.visited.dirty:valid {
    border-bottom: 1px solid green
}

@media screen and (min-width:769px) {
    .demovox #demovox-grp-birth_date label, .demovox #demovox-grp-city label, .demovox #demovox-grp-gde_name label, .demovox #demovox-grp-mail label, .demovox #demovox-grp-name_first label, .demovox #demovox-grp-name_last label, .demovox #demovox-grp-phone label, .demovox #demovox-grp-street_no label, .demovox #demovox-grp-street label, .demovox #demovox-grp-zip label {
        left: 1.11111rem;
        top: 1rem
    }
}

@media screen and (min-width:1025px) {
    .demovox #demovox-grp-birth_date label, .demovox #demovox-grp-city label, .demovox #demovox-grp-gde_name label, .demovox #demovox-grp-mail label, .demovox #demovox-grp-name_first label, .demovox #demovox-grp-name_last label, .demovox #demovox-grp-phone label, .demovox #demovox-grp-street_no label, .demovox #demovox-grp-street label, .demovox #demovox-grp-zip label {
        font-size: 1rem;
        left: 1.33333rem;
        top: 1.22222rem
    }
}

@media screen and (min-width:1250px) {
    .demovox #demovox-grp-birth_date label, .demovox #demovox-grp-city label, .demovox #demovox-grp-gde_name label, .demovox #demovox-grp-mail label, .demovox #demovox-grp-name_first label, .demovox #demovox-grp-name_last label, .demovox #demovox-grp-phone label, .demovox #demovox-grp-street_no label, .demovox #demovox-grp-street label, .demovox #demovox-grp-zip label {
        font-size: 1.11111rem;
        top: 1.33333rem
    }
}

@media screen and (min-width:769px) {
    .demovox #demovox-grp-birth_date input, .demovox #demovox-grp-birth_date textarea, .demovox #demovox-grp-city input, .demovox #demovox-grp-city textarea, .demovox #demovox-grp-gde_name input, .demovox #demovox-grp-gde_name textarea, .demovox #demovox-grp-mail input, .demovox #demovox-grp-mail textarea, .demovox #demovox-grp-name_first input, .demovox #demovox-grp-name_first textarea, .demovox #demovox-grp-name_last input, .demovox #demovox-grp-name_last textarea, .demovox #demovox-grp-phone input, .demovox #demovox-grp-phone textarea, .demovox #demovox-grp-street_no input, .demovox #demovox-grp-street_no textarea, .demovox #demovox-grp-street input, .demovox #demovox-grp-street textarea, .demovox #demovox-grp-zip input, .demovox #demovox-grp-zip textarea {
        height: 3.33333rem;
        padding: .88889rem 1.11111rem 0
    }

    .demovox #demovox-grp-birth_date textarea, .demovox #demovox-grp-city textarea, .demovox #demovox-grp-gde_name textarea, .demovox #demovox-grp-mail textarea, .demovox #demovox-grp-name_first textarea, .demovox #demovox-grp-name_last textarea, .demovox #demovox-grp-phone textarea, .demovox #demovox-grp-street_no textarea, .demovox #demovox-grp-street textarea, .demovox #demovox-grp-zip textarea {
        padding: 1.5rem 1.11111rem 1rem
    }
}

@media screen and (min-width:1025px) {
    .demovox #demovox-grp-birth_date input, .demovox #demovox-grp-birth_date textarea, .demovox #demovox-grp-city input, .demovox #demovox-grp-city textarea, .demovox #demovox-grp-gde_name input, .demovox #demovox-grp-gde_name textarea, .demovox #demovox-grp-mail input, .demovox #demovox-grp-mail textarea, .demovox #demovox-grp-name_first input, .demovox #demovox-grp-name_first textarea, .demovox #demovox-grp-name_last input, .demovox #demovox-grp-name_last textarea, .demovox #demovox-grp-phone input, .demovox #demovox-grp-phone textarea, .demovox #demovox-grp-street_no input, .demovox #demovox-grp-street_no textarea, .demovox #demovox-grp-street input, .demovox #demovox-grp-street textarea, .demovox #demovox-grp-zip input, .demovox #demovox-grp-zip textarea {
        height: 3.88889rem;
        font-size: 1rem;
        padding: 1.11111rem 1.33333rem 0
    }

    .demovox #demovox-grp-birth_date textarea, .demovox #demovox-grp-city textarea, .demovox #demovox-grp-gde_name textarea, .demovox #demovox-grp-mail textarea, .demovox #demovox-grp-name_first textarea, .demovox #demovox-grp-name_last textarea, .demovox #demovox-grp-phone textarea, .demovox #demovox-grp-street_no textarea, .demovox #demovox-grp-street textarea, .demovox #demovox-grp-zip textarea {
        padding: 1.7rem 1.33333rem 1rem
    }
}

@media screen and (min-width:1250px) {
    .demovox #demovox-grp-birth_date input, .demovox #demovox-grp-birth_date textarea, .demovox #demovox-grp-city input, .demovox #demovox-grp-city textarea, .demovox #demovox-grp-gde_name input, .demovox #demovox-grp-gde_name textarea, .demovox #demovox-grp-mail input, .demovox #demovox-grp-mail textarea, .demovox #demovox-grp-name_first input, .demovox #demovox-grp-name_first textarea, .demovox #demovox-grp-name_last input, .demovox #demovox-grp-name_last textarea, .demovox #demovox-grp-phone input, .demovox #demovox-grp-phone textarea, .demovox #demovox-grp-street_no input, .demovox #demovox-grp-street_no textarea, .demovox #demovox-grp-street input, .demovox #demovox-grp-street textarea, .demovox #demovox-grp-zip input, .demovox #demovox-grp-zip textarea {
        font-size: 1.11111rem;
        height: 4rem
    }
}

@media screen and (min-width:769px) {
    .demovox #demovox-grp-birth_date input+input+label.freeze, .demovox #demovox-grp-birth_date input+label.freeze, .demovox #demovox-grp-birth_date input:focus+input+label, .demovox #demovox-grp-birth_date input:focus+label, .demovox #demovox-grp-birth_date textarea+input+label.freeze, .demovox #demovox-grp-birth_date textarea+label.freeze, .demovox #demovox-grp-birth_date textarea:focus+input+label, .demovox #demovox-grp-birth_date textarea:focus+label, .demovox #demovox-grp-city input+input+label.freeze, .demovox #demovox-grp-city input+label.freeze, .demovox #demovox-grp-city input:focus+input+label, .demovox #demovox-grp-city input:focus+label, .demovox #demovox-grp-city textarea+input+label.freeze, .demovox #demovox-grp-city textarea+label.freeze, .demovox #demovox-grp-city textarea:focus+input+label, .demovox #demovox-grp-city textarea:focus+label, .demovox #demovox-grp-gde_name input+input+label.freeze, .demovox #demovox-grp-gde_name input+label.freeze, .demovox #demovox-grp-gde_name input:focus+input+label, .demovox #demovox-grp-gde_name input:focus+label, .demovox #demovox-grp-gde_name textarea+input+label.freeze, .demovox #demovox-grp-gde_name textarea+label.freeze, .demovox #demovox-grp-gde_name textarea:focus+input+label, .demovox #demovox-grp-gde_name textarea:focus+label, .demovox #demovox-grp-mail input+input+label.freeze, .demovox #demovox-grp-mail input+label.freeze, .demovox #demovox-grp-mail input:focus+input+label, .demovox #demovox-grp-mail input:focus+label, .demovox #demovox-grp-mail textarea+input+label.freeze, .demovox #demovox-grp-mail textarea+label.freeze, .demovox #demovox-grp-mail textarea:focus+input+label, .demovox #demovox-grp-mail textarea:focus+label, .demovox #demovox-grp-name_first input+input+label.freeze, .demovox #demovox-grp-name_first input+label.freeze, .demovox #demovox-grp-name_first input:focus+input+label, .demovox #demovox-grp-name_first input:focus+label, .demovox #demovox-grp-name_first textarea+input+label.freeze, .demovox #demovox-grp-name_first textarea+label.freeze, .demovox #demovox-grp-name_first textarea:focus+input+label, .demovox #demovox-grp-name_first textarea:focus+label, .demovox #demovox-grp-name_last input+input+label.freeze, .demovox #demovox-grp-name_last input+label.freeze, .demovox #demovox-grp-name_last input:focus+input+label, .demovox #demovox-grp-name_last input:focus+label, .demovox #demovox-grp-name_last textarea+input+label.freeze, .demovox #demovox-grp-name_last textarea+label.freeze, .demovox #demovox-grp-name_last textarea:focus+input+label, .demovox #demovox-grp-name_last textarea:focus+label, .demovox #demovox-grp-phone input+input+label.freeze, .demovox #demovox-grp-phone input+label.freeze, .demovox #demovox-grp-phone input:focus+input+label, .demovox #demovox-grp-phone input:focus+label, .demovox #demovox-grp-phone textarea+input+label.freeze, .demovox #demovox-grp-phone textarea+label.freeze, .demovox #demovox-grp-phone textarea:focus+input+label, .demovox #demovox-grp-phone textarea:focus+label, .demovox #demovox-grp-street_no input+input+label.freeze, .demovox #demovox-grp-street_no input+label.freeze, .demovox #demovox-grp-street_no input:focus+input+label, .demovox #demovox-grp-street_no input:focus+label, .demovox #demovox-grp-street_no textarea+input+label.freeze, .demovox #demovox-grp-street_no textarea+label.freeze, .demovox #demovox-grp-street_no textarea:focus+input+label, .demovox #demovox-grp-street_no textarea:focus+label, .demovox #demovox-grp-street input+input+label.freeze, .demovox #demovox-grp-street input+label.freeze, .demovox #demovox-grp-street input:focus+input+label, .demovox #demovox-grp-street input:focus+label, .demovox #demovox-grp-street textarea+input+label.freeze, .demovox #demovox-grp-street textarea+label.freeze, .demovox #demovox-grp-street textarea:focus+input+label, .demovox #demovox-grp-street textarea:focus+label, .demovox #demovox-grp-zip input+input+label.freeze, .demovox #demovox-grp-zip input+label.freeze, .demovox #demovox-grp-zip input:focus+input+label, .demovox #demovox-grp-zip input:focus+label, .demovox #demovox-grp-zip textarea+input+label.freeze, .demovox #demovox-grp-zip textarea+label.freeze, .demovox #demovox-grp-zip textarea:focus+input+label, .demovox #demovox-grp-zip textarea:focus+label {
        font-size: .77778rem;
        top: .22222rem
    }
}

@media screen and (min-width:1025px) {
    .demovox #demovox-grp-birth_date input+input+label.freeze, .demovox #demovox-grp-birth_date input+label.freeze, .demovox #demovox-grp-birth_date input:focus+input+label, .demovox #demovox-grp-birth_date input:focus+label, .demovox #demovox-grp-birth_date textarea+input+label.freeze, .demovox #demovox-grp-birth_date textarea+label.freeze, .demovox #demovox-grp-birth_date textarea:focus+input+label, .demovox #demovox-grp-birth_date textarea:focus+label, .demovox #demovox-grp-city input+input+label.freeze, .demovox #demovox-grp-city input+label.freeze, .demovox #demovox-grp-city input:focus+input+label, .demovox #demovox-grp-city input:focus+label, .demovox #demovox-grp-city textarea+input+label.freeze, .demovox #demovox-grp-city textarea+label.freeze, .demovox #demovox-grp-city textarea:focus+input+label, .demovox #demovox-grp-city textarea:focus+label, .demovox #demovox-grp-gde_name input+input+label.freeze, .demovox #demovox-grp-gde_name input+label.freeze, .demovox #demovox-grp-gde_name input:focus+input+label, .demovox #demovox-grp-gde_name input:focus+label, .demovox #demovox-grp-gde_name textarea+input+label.freeze, .demovox #demovox-grp-gde_name textarea+label.freeze, .demovox #demovox-grp-gde_name textarea:focus+input+label, .demovox #demovox-grp-gde_name textarea:focus+label, .demovox #demovox-grp-mail input+input+label.freeze, .demovox #demovox-grp-mail input+label.freeze, .demovox #demovox-grp-mail input:focus+input+label, .demovox #demovox-grp-mail input:focus+label, .demovox #demovox-grp-mail textarea+input+label.freeze, .demovox #demovox-grp-mail textarea+label.freeze, .demovox #demovox-grp-mail textarea:focus+input+label, .demovox #demovox-grp-mail textarea:focus+label, .demovox #demovox-grp-name_first input+input+label.freeze, .demovox #demovox-grp-name_first input+label.freeze, .demovox #demovox-grp-name_first input:focus+input+label, .demovox #demovox-grp-name_first input:focus+label, .demovox #demovox-grp-name_first textarea+input+label.freeze, .demovox #demovox-grp-name_first textarea+label.freeze, .demovox #demovox-grp-name_first textarea:focus+input+label, .demovox #demovox-grp-name_first textarea:focus+label, .demovox #demovox-grp-name_last input+input+label.freeze, .demovox #demovox-grp-name_last input+label.freeze, .demovox #demovox-grp-name_last input:focus+input+label, .demovox #demovox-grp-name_last input:focus+label, .demovox #demovox-grp-name_last textarea+input+label.freeze, .demovox #demovox-grp-name_last textarea+label.freeze, .demovox #demovox-grp-name_last textarea:focus+input+label, .demovox #demovox-grp-name_last textarea:focus+label, .demovox #demovox-grp-phone input+input+label.freeze, .demovox #demovox-grp-phone input+label.freeze, .demovox #demovox-grp-phone input:focus+input+label, .demovox #demovox-grp-phone input:focus+label, .demovox #demovox-grp-phone textarea+input+label.freeze, .demovox #demovox-grp-phone textarea+label.freeze, .demovox #demovox-grp-phone textarea:focus+input+label, .demovox #demovox-grp-phone textarea:focus+label, .demovox #demovox-grp-street_no input+input+label.freeze, .demovox #demovox-grp-street_no input+label.freeze, .demovox #demovox-grp-street_no input:focus+input+label, .demovox #demovox-grp-street_no input:focus+label, .demovox #demovox-grp-street_no textarea+input+label.freeze, .demovox #demovox-grp-street_no textarea+label.freeze, .demovox #demovox-grp-street_no textarea:focus+input+label, .demovox #demovox-grp-street_no textarea:focus+label, .demovox #demovox-grp-street input+input+label.freeze, .demovox #demovox-grp-street input+label.freeze, .demovox #demovox-grp-street input:focus+input+label, .demovox #demovox-grp-street input:focus+label, .demovox #demovox-grp-street textarea+input+label.freeze, .demovox #demovox-grp-street textarea+label.freeze, .demovox #demovox-grp-street textarea:focus+input+label, .demovox #demovox-grp-street textarea:focus+label, .demovox #demovox-grp-zip input+input+label.freeze, .demovox #demovox-grp-zip input+label.freeze, .demovox #demovox-grp-zip input:focus+input+label, .demovox #demovox-grp-zip input:focus+label, .demovox #demovox-grp-zip textarea+input+label.freeze, .demovox #demovox-grp-zip textarea+label.freeze, .demovox #demovox-grp-zip textarea:focus+input+label, .demovox #demovox-grp-zip textarea:focus+label {
        top: .33333rem
    }
}

.demovox .form-input__filled .select2-container--default .select2-selection--single, .demovox .form-input__filled input, .demovox .form-input__filled textarea {
    border-color: rgba(0, 60, 105, .08)
}

.demovox #demovox-grp-birth_date {
    padding-bottom: .88889rem;
    position: relative
}

.demovox #demovox-grp-birth_date input {
    background: rgba(0, 60, 105, .04) url(img/icon-calendar.svg) 96% 50% no-repeat;
    background-size: 1.33333rem 1.30556rem;
    padding-right: 3.11111rem
}

@media screen and (min-width:769px) {
    .demovox #demovox-grp-birth_date input {
        background-position: 98.5% 50%;
        padding-right: 3.44444rem
    }
}

@media screen and (min-width:1025px) {
    .demovox #demovox-grp-birth_date input {
        padding-right: 4.33333rem
    }
}

@media screen and (min-width:1250px) {
    .demovox #demovox-grp-birth_date input {
        height: 4rem
    }
}

.demovox .form-error label {
    color: red
}

.demovox .form-error input, .demovox .form-error textarea {
    background-color: rgba(255, 0, 0, .04);
    color: red
}

.demovox .form-error input:hover, .demovox .form-error textarea:hover {
    background-color: #fff;
    border-color: rgba(255, 0, 0, .04)
}

.demovox .form-error input:focus, .demovox .form-error textarea:focus {
    background-color: #fff;
    box-shadow: 0 .56rem 2.22rem rgba(0, 60, 105, .16)
}

.demovox .form-group {
    margin: 0 !important
}

.demovox .form-check {
    padding-left: 0 !important
}

.demovox .btn {
    background: transparent;
    border: none;
    border-radius: .22222rem;
    cursor: pointer;
    font-family: Modern Era, sans-serif;
    font-size: 1.11111rem;
    font-weight: 800;
    line-height: 1;
    transition: all .3s;
    text-decoration: none;
    display: inline-block;
    margin-bottom: .88889rem;
    margin-right: .88889rem;
    height: auto !important;
    width: auto !important
}

.demovox .btn:focus, .demovox .btn:hover {
    box-shadow: 0 .56rem 4.44rem rgba(0, 60, 105, .16);
    transform: translateY(-.22222rem)
}

@media screen and (min-width:1024px) {
    .demovox .btn {
        border-radius: 1.44444rem;
        font-size: 1.77778rem;
        padding: 1.44444rem 1.77778rem
    }
}

@media screen and (min-width:1601px) {
    .demovox .btn {
        border-radius: 1.77778rem;
        font-size: 2.66667rem;
        padding: 1.77778rem 2.66667rem
    }
}

@media screen and (min-width:1250px) {
    .demovox .btn {
        font-size: 3.55556rem;
        padding: 2.22222rem 3.55556rem
    }
}

.demovox .btn.btn-primary, .demovox .btn.btn-success {
    border: none;
    border-radius: .22222rem;
    font-weight: 800;
    line-height: 1;
    transition: all .3s;
    background-color: #003c69;
    color: #fff;
    font-size: .88889rem;
    letter-spacing: .01em;
    padding: .88889rem 1.33333rem;
    text-decoration: none;
    display: inline-block
}

.demovox .btn.btn-primary.active, .demovox .btn.btn-primary:active, .demovox .btn.btn-primary:focus, .demovox .btn.btn-primary:hover, .demovox .btn.btn-success.active, .demovox .btn.btn-success:active, .demovox .btn.btn-success:focus, .demovox .btn.btn-success:hover {
    background-color: #fff;
    box-shadow: 0 .56rem 2.22rem rgba(0, 60, 105, .16);
    color: #003c69;
    transform: translateY(-.22222rem)
}

@media screen and (min-width:1024px) {
    .demovox .btn.btn-primary, .demovox .btn.btn-success {
        font-size: 1rem
    }
}

@media screen and (min-width:1601px) {
    .demovox .btn.btn-primary, .demovox .btn.btn-success {
        font-size: 1.11111rem;
        padding: .88889rem 1.77778rem
    }
}

* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition-timing-function: cubic-bezier(.32, .16, .56, 1) !important
}

input:matches([type=button], [type=submit], [type=reset]) {
    border-radius: none !important;
    -webkit-appearance: none
}

iframe, video {
    position: absolute;
    top: 0;
    left: 0;
    /*width: 100%;*/
    /*height: 100%*/
}

.media .iframe-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0
}

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

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

.embed-container{
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}

.embed-container .embed-element{
	width: 100%;
	margin-bottom: 20px;
    margin-top: 30px;
}

@media screen and (min-width:1025px) {
    .embed-container{
		flex-direction: row;
	}

	.embed-container .embed-element{
		width: 48%;
		margin-bottom: 0;
		padding-bottom: 0;
	}
}

@media screen and (min-width:1600px) {
	.embed-container .embed-element{
		max-height: 242px;
	}
}

.logo {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 104;
    display: block;
    background: #fff;
    padding: .88889rem 1.33333rem .88889rem .88889rem
}

.logo img {
    max-width: 100%;
    display: block;
    height: 48px;
    width: auto
}

@media screen and (min-width:768px) {
    .logo img {
        height: 56px
    }
}

@media screen and (min-width:1024px) {
    .logo img {
        height: 79px
    }
}

.logo:before {
    content: "";
    position: absolute;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25.83 128'%3E%3Cg data-name='Layer 2'%3E%3Cpath class='cls-1' d='M24.51 0a95.81 95.81 0 000 128h1.32V0z' fill='%23fff' data-name='Layer 1'/%3E%3C/g%3E%3C/svg%3E");
    height: 100%;
    width: 27px;
    top: 0;
    left: -26px;
    background-repeat: no-repeat;
    background-position: 100% 0
}

@media screen and (min-width:768px) {
    .logo {
        padding: 1.11111rem 1.77778rem 1.11111rem 1.55556rem
    }
}

@media screen and (min-width:1248px) {
    .logo {
        padding: 1.33333rem 2.22222rem
    }
}

.breadcrumb {
    margin-bottom: 2.83333rem
}

@media screen and (max-width:767px) {
    .breadcrumb {
        display: none
    }
}

.breadcrumb a {
    font-size: 12px;
    line-height: 12px;
    letter-spacing: .002em;
    color: grey !important;
    text-decoration: none;
    margin-right: .22222rem;
    transition: none !important;
    opacity: 1 !important
}

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

.breadcrumb span {
    font-size: 12px;
    line-height: 12px;
    letter-spacing: .002em;
    color: grey;
    display: inline-block
}

.breadcrumb svg {
    display: inline-block;
    position: relative;
    top: 1px;
    margin-right: .44444rem
}

body:not(.home) main {
    margin-top: 4.77778rem
}

@media screen and (min-width:768px) {
    body:not(.home) main {
        margin-top: 7.11111rem
    }
}

@media screen and (min-width:1024px) {
    body:not(.home) main {
        margin-top: 8.66667rem
    }
}

@media screen and (min-width:1601px) {
    body:not(.home) main {
        margin-top: 5.33333rem
    }
}

@media screen and (min-width:1600) {
    body:not(.home) main {
        margin-top: 5.33333rem
    }
}

body:not(.home) main>section:first-child {
    padding-top: 0
}

#app>section:first-child {
    padding-bottom: 2.22222rem
}

@media screen and (min-width:768px) {
    #app>section:first-child {
        padding-bottom: 2.66667rem
    }
}

@media screen and (min-width:1024px) {
    #app>section:first-child {
        padding-bottom: 3.11111rem
    }
}

@media screen and (min-width:1601px) {
    #app>section:first-child {
        padding-bottom: 3.55556rem
    }
}

.home_carousel+main>section:first-child:not([id]) {
    padding-top: 3.55556rem;
    padding-bottom: 0
}

@media screen and (min-width:768px) {
    .home_carousel+main>section:first-child:not([id]) {
        padding-top: 7.11111rem
    }
}

@media screen and (min-width:1024px) {
    .home_carousel+main>section:first-child:not([id]) {
        padding-top: 5.33333rem
    }
}

@media screen and (min-width:1601px) {
    .home_carousel+main>section:first-child:not([id]) {
        padding-top: 8.88889rem
    }
}

@media screen and (min-width:1600) {
    .home_carousel+main>section:first-child:not([id]) {
        padding-top: 8.88889rem
    }
}

.people-section {
    margin-top: 3.55556rem
}

@media screen and (min-width:768px) {
    .people-section {
        margin-top: 7.11111rem
    }
}

@media screen and (min-width:1024px) {
    .people-section {
        margin-top: 5.33333rem
    }
}

@media screen and (min-width:1601px) {
    .people-section {
        margin-top: 8.88889rem
    }
}

@media screen and (min-width:1600) {
    .people-section {
        margin-top: 8.88889rem
    }
}

section {
    position: relative;
    overflow: hidden;
    padding-top: 3.55556rem;
    padding-bottom: 3.55556rem
}

@media screen and (min-width:768px) {
    section {
        padding-top: 5.33333rem;
        padding-bottom: 5.33333rem
    }
}

@media screen and (min-width:1024px) {
    section {
        padding-top: 7.11111rem;
        padding-bottom: 7.11111rem
    }
}

@media screen and (min-width:1601px) {
    section {
        padding-top: 8.88889rem;
        padding-bottom: 8.88889rem
    }
}

section.light-blue-background {
    background-color: rgba(0, 60, 105, .02);
    padding-top: 2.66667rem;
    padding-bottom: 2.66667rem
}

@media screen and (min-width:768px) {
    section.light-blue-background {
        padding-top: 3.55556rem;
        padding-bottom: 3.55556rem
    }
}

@media screen and (min-width:1601px) {
    section.light-blue-background {
        padding-top: 5.33333rem;
        padding-bottom: 5.33333rem
    }
}

@media screen and (min-width:1600) {
    section.light-blue-background {
        padding-top: 7.11111rem;
        padding-bottom: 7.11111rem
    }
}

.cantons {
    margin-top: 5.33333rem
}

@media screen and (min-width:921px) {
    .mobile-only {
        display: none
    }
}

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

.person .grid {
    margin-bottom: 3.55556rem
}

@media screen and (min-width:1024px) {
    .person .grid {
        margin-bottom: 5.33333rem
    }
}

.person .grid:last-child {
    margin-bottom: 0
}

.person .picture {
    background: #f5f7f9;
    min-height: 200px
}

.person .picture img {
    max-width: 100%;
    display: block;
    width: 100%;
    height: auto
}

@media screen and (max-width:767px) {
    .person .details {
        margin-top: 1.77778rem
    }
}

.person .details .item {
    border-top: 1px solid #f5f7f9;
    padding: .88889rem 0
}

@media screen and (min-width:1024px) {
    .person .details .item {
        padding: 1.33333rem 0
    }
}

.person .details .item .small {
    color: #003c69
}

.person .details .item a {
    text-decoration: none;
    font-weight: 400;
    color: #003c69;
    transition: all .3s
}

.person .details .item a:hover {
    opacity: .3
}

.person .details .item:last-child {
    border-bottom: 1px solid #f5f7f9
}

.person .links, .person .socials {
    margin-bottom: 0
}

.person .links h3, .person .socials h3 {
    margin-bottom: .88889rem
}

@media screen and (min-width:1024px) {
    .person .links h3, .person .socials h3 {
        margin-bottom: 1.77778rem
    }
}

.person .links .button-primary, .person .socials .button-primary {
    margin-bottom: .44444rem;
    margin-right: .44444rem
}

@media screen and (min-width:1024px) {
    .person .links .button-primary, .person .socials .button-primary {
        margin-bottom: .88889rem;
        margin-right: .88889rem
    }
}

@media screen and (max-width:767px) {
    .person .socials {
        margin-top: 3.55556rem
    }
}

.person .socials a {
    margin-right: .44444rem
}

@media screen and (min-width:1024px) {
    .person .socials a {
        margin-right: .88889rem
    }
}

.overflow-visible {
    overflow: visible !important
}

.lema-overlay-bg {
    height: 100% !important;
    position: fixed !important;
    width: 100% !important;
    top: 0 !important;
    z-index: 9998;
    left: 0 !important
}

.error404 {
    background: #ff9b00;
    height: 100vh;
    overflow: hidden
}

.error404 main {
    margin: 0 !important
}

.error404:before {
    content: "404";
    color: hsla(0, 0%, 100%, .1);
    font-weight: 800;
    font-size: 800px;
    line-height: 144px;
    position: absolute;
    bottom: 144px;
    right: 50%;
    transform: translateX(50%);
    z-index: -1
}

.error404 .open-navigation svg path {
    stroke: #fff
}

@media screen and (min-width:1601px) {
    .error404 .grid {
        max-width: none
    }
}

.error404 .navigation {
    position: relative
}

.error404 .toggle-navigation {
    color: #fff
}

.error404 .toggle-navigation:hover {
    color: #003c69
}

.error404 .oversized {
    color: #fff;
    max-width: 80%;
    margin-bottom: 3.55556rem
}

.browser-update {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ff9b00;
    z-index: 101
}

.browser-update .update-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%
}

.browser-update .oversized {
    color: #fff;
    max-width: 80%;
    margin-bottom: 3.55556rem
}

html.ie .browser-update {
    display: block
}

.see-more {
    display: none;
    margin-top: 1.33333rem;
    margin-left: 1.33333rem
}

@media screen and (min-width:768px) {
    .see-more {
        display: block;
        margin-left: 0
    }
}

@media screen and (min-width:1600px) {
    .see-more {
        margin-top: 1.77778rem
    }
}

.see-more a {
    text-decoration: none;
    color: #003c69;
    transition: all .3s
}

.see-more a:hover svg {
    transform: translateX(0)
}

.see-more a svg {
    display: inline-block;
    position: relative;
    top: 10px;
    margin-left: .27778rem;
    transform: translateX(-5px);
    transition: all .3s
}

.carousel-container .see-more {
    text-align: right;
    margin-top: .88889rem !important;
    margin-bottom: 1.33333rem
}

@media screen and (min-width:1024px) {
    .carousel-container .see-more {
        margin-top: 0 !important
    }
}

@media screen and (min-width:1600px) {
    .carousel-container .see-more {
        margin-bottom: 1.77778rem
    }
}

.search-results .cell-item {
    margin-bottom: .88889rem
}

@media screen and (min-width:768px) {
    .search-results .cell-item {
        margin-bottom: 1.77778rem
    }
}

@media screen and (min-width:1024px) {
    .search-results .cell-item {
        margin-bottom: 2.22222rem
    }
}

.search-results .card--v2 {
    height: 100%
}

.search-results .card--v2 .small {
    color: #666
}

.search-results .card--v2 p {
    color: #333
}

.search-results .card--v2 .title {
    margin-bottom: .88889rem
}

.search-results .card--v2 .title+.subtitle {
    margin-top: -.66667rem;
    margin-bottom: .88889rem;
    font-weight: 300;
    color: #003c69
}

.search-results .card--v2 .small {
    display: block;
    margin-bottom: 1.33333rem
}

.search-results .card--v2 .date {
    margin-top: 2.66667rem;
    margin-bottom: 0
}

.search-results .card--v2 .picture {
    position: relative;
    width: 4.44444rem;
    height: 4.44444rem;
    flex-shrink: 0;
    margin: 2.22222rem auto 0
}

@media screen and (min-width:768px) {
    .search-results .card--v2 .picture {
        width: 5.55556rem;
        height: 5.55556rem
    }
}

@media screen and (min-width:1024px) {
    .search-results .card--v2 .picture {
        width: 7.22222rem;
        height: 7.22222rem
    }
}

.search-results .card--v2 .picture:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    opacity: .15
}

.search-results .card--v2 .picture>* {
    position: relative;
    z-index: 1
}

.search-results .card--v2 .picture .empty, .search-results .card--v2 .picture img {
    display: block;
    width: 4.44444rem;
    height: 4.44444rem;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
    overflow: hidden
}

@media screen and (min-width:768px) {
    .search-results .card--v2 .picture .empty, .search-results .card--v2 .picture img {
        width: 5.55556rem;
        height: 5.55556rem
    }
}

@media screen and (min-width:1024px) {
    .search-results .card--v2 .picture .empty, .search-results .card--v2 .picture img {
        width: 7.22222rem;
        height: 7.22222rem
    }
}

.search-results .card--v2 .picture .empty {
    background: #f5f7f9
}

.label-roles>span {
    display: none
}

.label-roles>span.show {
    display: block
}

.label-categories {
    display: none
}

.description span, .label-categories.show {
    display: block
}

.description .hide {
    display: none
}

.text-image-content {
    margin-bottom: 3rem
}

.text-image-content .content-image {
    margin-bottom: 1rem
}

.text-image-content .content-image img {
    max-width: 100%
}

.text-image-content .content-text h4 {
    margin-top: 0 !important
}

@media screen and (min-width:768px) {
    .text-image-content {
        display: flex;
        gap: 2rem
    }

    .text-image-content .content-image {
        margin-bottom: 0
    }

    .text-image-content.right {
        flex-direction: row-reverse
    }

    .text-image-content.size-1_3 .content-image {
        width: calc(33.3333% - 1rem)
    }

    .text-image-content.size-1_3 .content-text {
        width: calc(66.6666% - 1rem)
    }

    .text-image-content.size-1_4 .content-image {
        width: calc(25% - 1rem)
    }

    .text-image-content.size-1_4 .content-text {
        width: calc(75% - 1rem)
    }

    .text-image-content.size-1_2 .content-image, .text-image-content.size-1_2 .content-text {
        width: calc(50% - 1rem)
    }
}

.pagination {
    display: flex;
    justify-content: center;
    gap: 10px
}

.pagination a {
    color: #003c69;
    text-decoration: none;
    transition: opacity .3s;
    padding: 0 5px
}

.pagination a:hover {
    opacity: .6
}

.pagination .current {
    color: #ff9b00
}

.grecaptcha-badge, .wpml-ls-statics-footer {
    display: none
}

.robo-gallery-wrap-id299:not(#no-robo-galery) .thumbnail-overlay {
    background: rgba(220, 220, 220, 0.3)!important;
	left: 0!important;
	top: 0!important;
}

.thumbnail-overlay {
	background: rgba(220, 220, 220, 0.3)!important;
	left: 0!important;
	top: 0!important;
}

.twint-qr{
    width: 100%;
    display: block;
}

@media screen and (min-width:1025px){
    .twint-qr{
        width: 60%
    }
}

.testimonial-form{
    width: 100%;
    float: left;
}

.testimonial-img-form{
    color: #003c69;
}

.testimonial-img-form{
    font-size: 1.2em;
}

.testimonial-img-info{
    font-weight: 400;
    font-size: 0.7em;
}

.testimonial-form .button-primary{
    margin-top: 1px;
    cursor: pointer;
}

.testimonial-img-form .button-primary{
    width: 100%;
}

#testimonial-generator-view{
    background-color: #003c69;
    width: 100%;
    position: relative;
    font-size: 1.2vw;
    float: left;
	overflow: hidden;
}

#testimonial-content, #testimonial-footer{
    font-size: 2.033em;
	background-color: #003c69;
	overflow: hidden;
}

@media screen and (min-width: 601px) {
    #testimonial-content, #testimonial-footer{
        font-size: 1.836em;
    }
}

@media screen and (min-width: 769px) {
    #testimonial-generator{
        flex-direction: row;
    }
    .testimonial-form{
        width: 50%;
        padding-right: 5%;
    }
    #testimonial-content, #testimonial-footer{
        font-size: 1.62em;
    }
    #testimonial-generator-view{
        width: 50%;
        font-size: 0.6vw;
    }
}

@media screen and (min-width: 1025px){
    #testimonial-content, #testimonial-footer{
        font-size: 1.7em;
    }
}

@media screen and (min-width:1601px){
    #testimonial-content, #testimonial-footer{
        font-size: 1.59em;
    }
}

@media screen and (min-width:1815px){
    #testimonial-content, #testimonial-footer{
        font-size: 17.3px;
    }
}

#testimonial-content{
    padding: 5%;
    width: 100%;
    height: 100%;
    color: #fff;
}

.testimonial-head {
    height: 22%;
    display: flex;
    margin-bottom: 2em;
}

#testimonialImg{
    width: 22%;
    height: 100%;
    overflow: hidden;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

#testimonialImg img {
    width: 100%;
    display: block;
}

.name-function{
    height: 100%;
    padding-left: 2em;
    padding-top: 7%;
    line-height: 1.2;
    font-size: 1.2em;
	max-width: 78%;
}

#testimonial-generator-view #testimonialName{
    font-weight: 800;
}

.quote-container{
    font-size: 1.6em;
    line-height: 1.2;
}

#testimonial-footer{
    position: absolute;
    display: flex;
    justify-content: space-between;
    bottom: 0;
    width: 100%;
    height: 23%;
}

.testimonial-foot-link-container{
    color: #fff;
    position: relative;
    padding: 0 0 0 5%;
}

.testimonial-foot-link-invisible{
    opacity: 0;
}

.testimonial-foot-link{
    position: absolute;
    bottom: 18%;
}

.testimonial-bracket{
    height: 100%;
    display: flex;
    flex-direction: row;
    width: 70%;
    justify-content: flex-end;
}

#testimonial-generator-view>.logo:before{
    background-image: url('https://ja-zu-fairness.ch/wp-content/uploads/2022/10/testimonial-footer-img.png');
    width: 100%;
    background-size: contain;
    left: -100%;
    z-index: 0;
}

#testimonial-generator-view>.testimonial-bracket.logo:before{
    background-image: url('');
}

.testimonial-footer-img {
    height: 100%;
}

.testimonial-footer-img img {
    height: 100%;
}

.testimonial-bracket-text{
    background-color: #fff;
    padding: 0 10% 0 3%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.testimonial-slogan-1 {
    color: #ff9900;
    font-weight: 800;
    font-size: 2em;
    line-height: 1.4;
    z-index: 1;
}

.testimonial-slogan-2{
    color: #003c69;
    line-height: 1.1;
    z-index: 1;
    padding-bottom: 5%;
}

.clear{
    clear: both;
}

.story-wrapper{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.single-story{
	width: 30%;
	margin-right: 3%;
	margin-bottom: 3em;
}

.single-quer{
	width: 47%;
}

@media screen and (max-width: 1023px){
	.single-story{
		width: 47%;
	}
}

@media screen and (max-width: 768px){
	.single-quer{
		width: 97%;
	}
}

.single-story > video{
	position: relative;
	height: auto;
    width: 100%;
}

.single-story > .button-download{
	margin-right: 0;
	margin-top: 0.3em;
}

.sign-container{
    padding: 1.5em 1em;
    background-color: #ff9900;
    margin-top: 3.5em;
}

.sign-container > h3 {
    margin-top: 0;
    color: #fff;
    font-size: 2em;
}

@media screen and (min-width: 1025px){
    .sign-container{
        padding: 3em 2em;
    }
    .sign-container > h3 {
        font-size: 2.33333em;
    }
}

@media screen and (min-width:1600px) {
    .sign-container > h3 {
        font-size: 3.45em;
    }
}

.list-link__one.sign {
    margin-left: 0;
    background-color: #003c69;
    color: #ff9b00;
    border-radius: .44444rem;
    margin-bottom: .88889rem
}

.social-follow{
	overflow: hidden;
}